pour ma page d'accueil

[kilari tsukishima]

bonsoir

j'ai remarquer que sur certains forum les administrateurs presente les admin et modo sur la page d'accueil

j'ai essayer de faire de même mais ça ne donne pas le resultat voulus, je voulais que ma page d'accueil sois à peu près comme sur ce forum

http://neko-folie.forumactif.com/index.htm

et aussi juste un au dessus il y as marquer "Bienvenue invité" !" et ça change si je me connecte ça marque "bienvenue *mon pseudo*"

j'aimerais savoir comment l'on fais ces deux choses sil vous plait.

Merci à ceux qui me repondrons

[Chouquette~]

Bonsoir,

Je vous propose ce jeu de code :
HTML :


Code:

<div id="staff_presentation">Ici le contenu, les images</div>

CSS :


Code:

#staff_presentation{
    width:[largeur souhaitée en px de là boite, contenant les images]px;
    height:[hauteur souhaitée en px de la boite, contenant les images]px; /** optionnel **/
    overflow:auto;
}

#staff_presentation img{
    margin:5px; /** à modifier à votre guise **/
    text-decoration:none;
    border:0px solid black;
}


Je pense que ça devrait marcher ...

[kilari tsukishima]

je mets les deux ou l'un ?

le html, je le met sur la page d'accueil ou je fais une page html ? pour le css je le mets donc dans la feuille css non ? ^^'

et aussi les images doivent conduire directe sur son profil

et le "modifier a votre guise" ces quel rapport au juste ?

dsl pour toutes ces questions à la fois ^^'

[Chouquette~]

[justify]Bonjour,


HTML :


Code:

<div id="staff_presentation">Ici le contenu, les images</div>

=> Là où vous voulez que les images soit


CSS :


Code:

#staff_presentation{
    width:[largeur souhaitée en px de là boite, contenant les images]px;
    height:[hauteur souhaitée en px de la boite, contenant les images]px; /** optionnel **/
    overflow:auto;
}

#staff_presentation img{
    margin:5px; /** à modifier à votre guise **/
    text-decoration:none;
    border:0px solid black;
}

=> Dans la feuille de style ...
Pour le "à modifier à votre guise", ça concerne l'espacement entre les images. Pour qu'elles soient plus ou moins espacées il faut moduler la valeur en pixel.

=> Et pour que les images renvoient vers les profils respectifs, pour chaque image/lien :


Code:

<a href="URL du profil" title="petit descriptif du lien (optionnel)"><img src="URL de l'image" alt="texte alternatif si l'image ne fonctionne pas ou plus (optionnel)" /></a>

[kilari tsukishima]

ok ça ces noté

merci

mais et pour le "bienvenue invité" ?

[Chouquette~]

RE-Bonjour,

Alors le code de base pour un affichage "Bienvenu, [nom du membre ou invité]", c'est :

Code:
Bienvenu, {USERNAME}
> Ceci fonctionne sur le message d'accueil (Généralité), par contre, ça ne fonctionne que sur le forum et pas dans les templates. Dans votre cas, pas de problème ;o).

Ensuite pour un affichage du même type que sur ce forum.
HTML :

Code:
<div class="bienvenu">Bienvenu, {USERNAME}</div>
CSS :

Code:
.bienvenu{
    border:1px {couleur} dashed; /** Remplacer {couleur} par la couleur choisie **/
    background-color:{couleur}; /** Remplacer {couleur} par la couleur choisie **/
    padding:5px; /** à moduler selon l'apparence souhaitée, permet d'avoir une marge intérieure dans la boite **/
}

Voilà ;o)

[kilari tsukishima]

je l'ai fais mais regarde comment ça apparait:

www.manga-world.forumactif.biz

[Chouquette~]

Oui je vois, où est le problème =O ?

[kilari tsukishima]

le truc ces que ces beaucoup trop petit par rapport au cadre (rouge) ^^'

[Chouquette~]

RE-Bonjour,

Bah il suffit d'agrandir la police d'écriture .
Remplacer :

Code:
.bienvenu{
    border:1px {couleur} dashed; /** Remplacer {couleur} par la couleur choisie **/
    background-color:{couleur}; /** Remplacer {couleur} par la couleur choisie **/
    padding:5px; /** à moduler selon l'apparence souhaitée, permet d'avoir une marge intérieure dans la boite **/
}
Par :

Code:
.bienvenu{
    border:1px {couleur} dashed; /** Remplacer {couleur} par la couleur choisie **/
    background-color:{couleur}; /** Remplacer {couleur} par la couleur choisie **/
    padding:5px; /** à moduler selon l'apparence souhaitée, permet d'avoir une marge intérieure dans la boite **/
    font-size:15px; /** augmenter ou diminuer en fonction de la taille de police souhaitée **/
}

Voilà ;o)

[kilari tsukishima]

j'ai reussi merci

mais j'ai d'autre problème qui ne concerne pas vraiment ce sujet (mais tout de même est dans "gerer l'apparence du forum"

je peut la poser ou j'ouvre un autre sujet ?

[Chouquette~]

Si ça n'a pas de rapport avec le problème traité ici, il vaut mieux que vous ouvriez un autre sujet (pour les recherche).

Par ailleurs n'oubliez pas de passer celui-ci en résolu.

[kilari tsukishima]

d'acc et merci