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 Mer 9 Mar - 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 :
Personnalisation du pseudo dans les messages Image_14
mais je n'arrive qu'à obtenir cela, même en utilisant dans ma css "width" et "height" :
Personnalisation du pseudo dans les messages Image_15

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="https://2img.net/i/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 - 22:10, édité 1 fois
Shiooooo

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é Mer 9 Mar - 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.
Anonymous

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 Mer 9 Mar - 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 :
Personnalisation du pseudo dans les messages Image_17
Shiooooo

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é Mer 9 Mar - 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.
Anonymous

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 Mer 9 Mar - 22:09

:thanks: beaucoup c parfait résolu
Shiooooo

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

- Sujets similaires

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