Personnalisation du pseudo dans les messages

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Personnalisation du pseudo dans les messages

Message par Shiooooo le Mer 9 Mar 2011 - 21:10

Bonjour (et oui c'est encore moi)
Voila (encore) un nouveau problème qui se pose a moi, je sais que ce que je veux est possible mais... j'y arrive pas (vous deviez en douter, vous que je poste un nouveau sujet qui n'est pas sur les prunes)
Alors voila, vous voyez le pseudo ? J'aimerai bien faire une sorte d'encadré comme ca :

mais je n'arrive qu'à obtenir cela, même en utilisant dans ma css "width" et "height" :


Voila ma template viewtopic_body (juste la partie pour le profil) :
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><span class="name"><center><a name="{postrow.displayed.U_POST_ID}">
</a><strong><span class="pseudo">♣ Call me {postrow.displayed.POSTER_NAME}</span></strong></span>


<span class="postdetails poster-profile">
{postrow.displayed.POSTER_AVATAR}

{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}
</center>
<span onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="prof_plus"><img src="http://www.picdo.net/fichiers/2011/3/1/5ce88dda-d63c-48a7-a38c-263b9d625529_click-if-you-want.png" alt="" /></span>
<div class="profl_cache" style="display: none">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</span>

<img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>

Et voila ma css "pseudo" :
Code:
.pseudo{
background-color: #ffffff;
width: 250px;
height: 35px;
font-size:12px;
font-family: georgia;
font-weight: bold;
letter-spacing: 2px;
text-shadow: 1px 1px 2px #404040;
}

Merci d'avance,
Shio'


Dernière édition par Shiooooo le Mer 9 Mar 2011 - 22:10, édité 1 fois

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation du pseudo dans les messages

Message par Invité le Mer 9 Mar 2011 - 21:24

Bonsoir,

Modifiez votre CSS comme ceci:
Code:
    .pseudo{
    display: block;
    padding: 4px;
    background-color: #ffffff;
    font-size:12px;
    font-family: georgia;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px #404040;
    }
display: block=> permet au cadre de prendre toute la largeur de la cellule.
padding: 4px => permet de créer un espace entre le bord du cadre et le texte.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation du pseudo dans les messages

Message par Shiooooo le Mer 9 Mar 2011 - 21:47

Merci beaucoup de votre super rapide réponse, juste pourrais-je vous embêter encore une seconde ? Que dois-je faire pour mettre a la même distance du haut et du bas ? Parce que c'est un peu trop vers le haut regardez :

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation du pseudo dans les messages

Message par Invité le Mer 9 Mar 2011 - 21:59

Je n'ai pas le soucis sur mon forum test ... quoiqu'il en soit, on peut tenter de rectifier ça en jouant sur les marges, en faisant une marge en haut (" padding-top") plus grande que celle d'en bas("padding-bottom"):
Code:
    .pseudo{
    display: block;
    padding-top: 8px;
    padding-bottom: 4px;
    background-color: #ffffff;
    font-size:12px;
    font-family: georgia;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px #404040;
    }
A vous d'ajuster le réglage en jouant sur les px.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation du pseudo dans les messages

Message par Shiooooo le Mer 9 Mar 2011 - 22:09

Thanks beaucoup c parfait résolu

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum