Apparence des noms d'utilisateurs dans les sujets

[silvia2]

Bonsoir

Je recherche actuellement un code permettant de rendre les noms d'utilisateurs dans les sujets plus beaux.
Voici une capture :

Spoiler:

Je voudrais savoir quel code peut permettre de modifier la police et la rendre ainsi, et comment rajouter un "trait" au dessous.
Je vous remercie !

[zz10]

Bonjour,

Lien de votre forum svp.

Merci.

[silvia2]

Bien sur :

LE LIEN

[ge80]

Bonjour
A cette position ?

[silvia2]

Hum je souhaiterais en fait que ce soit dans les sujets, en dessous de l'avatar

[ge80]

Pour cette chaine alors "Manjula Kapoor (en ligne)" ou Manjula Kapoor sous l'image de l'avatar?

Les actions sont différentes en fonction de la position de ce changement !

[silvia2]

Manjula Kapoor sous l'image de l'avatar

[PAPARAZZI™]

Hello,
tente ceci:

Code:

.name a, .name a:active, .name a:link, .name a:visited, .name a:hover {
display: block;
color:#00ff00;
border-bottom: 3px solid #778592;
text-align : center;
text-shadow:1px 1px 2px black;
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
}

[silvia2]

Hum c'est à mettre dans le CSS ? Car si c'est le cas ça ne marche pas ^^

[PAPARAZZI™]

Je viens de le tenter à l'instant, il m'arche sur mon forum test.
Voici le rendu:

[silvia2]

Ah ^^ Peut être que j'ai déjà un code qui modifie, ou je ne sais quoi

[ge80]

J'ai vu dans votre css un tas * un commentaire.

Pour faire un commentaire en css on écrit /* un commentaire */

Je ne sais comment vont réagir les différents navigateurs.

[silvia2]

J'ai vu dans votre css un tas * un commentaire.

Pour faire un commentaire en css on écrit /* un commentaire */

Je ne sais comment vont réagir les différents navigateurs.

Je ne comprends pas

[ge80]

Un exemple

Code:

.groups{
background-color:#111111 ; *peut-être un fond de couleur ?
border: 1px color #333333  ; *contour du QEEL
-moz-border-radius : Xpx XpxXpxXpx; *pour arrondir les bords
height:40px; *pas touche
padding-right:12px; *pas touche
padding-left:14px; *pas touche
padding-bottom:3px; *pas touche
font-size:14px *grandeur du texte;
font-weight: bold; *texte en gras
text-align:center; *texte aligné au milieu
font-color : #333333  ; *couleur du texte
text-decoration: none !important; *pas touche

[silvia2]

Ah... Pensez-vous que je devrais les enlever ?

[ge80]

OUi je pense que vous devriez corriger votre css.

En rectifiant vos
* texte
en
/* texte */

Cela fonctionne mais les erreurs de css sont multiples sous fifrefox... et certaines de vos lignes sont non interprétées.

Il manque aussi les valeurs : par exemple Xpx XpxXpxXpx !

[silvia2]

Voilà je l'ai corrigé, mais désormais (et c'est étrange) je n'arrive plus à écrire sur mon forum, notamment dans les réponses rapides.

[Anzu]

Bonjour,

"Je ne peux pas écrire sur mon forum"
> Il me semble que vous deviez de la demande d'origine.

Revenons donc à la demande. Le code css a finalement marché ou pas du tout ? S'il ne marche pas, c'est possible d'avoir votre CSS ? Il y a surement un conflit

Cordialement.

[silvia2]

Non il ne marche pas
Bien sur, voici mon CSS :
(Si vous trouvez quoi que ce soit qui ne soit pas à sa place, qui soit de trop... N'hésitez pas à me le dire ^^)

Code:

.mainmenu img {display: none;}

.bodyline{
border-top: none;
border-bottom: none;
border-right:  2px #A40428 solid;
border-left:  2px #A40428 solid;
width: 80%;}
body {
margin: 0 auto;
}
    a:link {text-decoration: none;}

    a { text-decoration: none; }

    a:hover { text-decoration: none !important}

textarea {color:#494949 ; background-color:#FAF0E7 ;}

/*-- reply_box_rond_corners by TSF--*/
/*--quickreply--*/
form#quick_reply textarea#text_editor_textarea {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #EED385;
}


/*--text_editor_iframe--*/
form#quick_reply iframe#text_editor_iframe  {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}

/*--text_editor_textarea--*/
textarea#text_editor_textarea {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}

/*--text_editor_iframe--*/
iframe#text_editor_iframe {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}
/*--EOF TSF--*/

a.mainmenu {
      color: #E0A481;
text-transform : uppercase;
      background-color: #F1EEE8;
      -moz-radius-border: 3px;
}

a.mainmenu:hover {
      color: #E0C159;
text-transform : uppercase;
cursor: help;
      background-color: #F1EEE8;
border-bottom: 1px solid  #E0C159;
}

.quote {border-style: none;
-moz-border-radius: 10px;
padding: 3px;
}

.code{border-style: none;
-moz-border-radius: 10px;
padding: 3px;
}


tr.post span.gensmall { display: none; }


a.forumlink {
text-transform:uppercase;
text-decoration: none!important;
font-family : georgia;
font-weight: lighter;
font-size: 18px;
cursor: help;
width: 100%;
text-align: left;
display: inline-block;
color: #DAA73A;
}

a.forumlink:hover{
    text-transform:uppercase;
text-decoration: none!important;
font-size: 18px;
cursor: help;
text-align: left;
color: #AB0738;
display: inline-block;
width: 100%;
border-bottom: 1px solid #DAA73A;
}



.postbody {
text-align:justify !important;
padding-left: 25px;
padding-right: 25px;
display: block;
}

body {
text-align:justify;
margin-left: 10px;
}


.postbody { display: block; padding-left: 20px; padding-right: 20px;
text-align: justify;
 }

.pix
{border: none;opacity: 0.7;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #8F0729;
-moz-border-radius: 5px;
}

.pix:hover
{border: none;opacity: 1;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #DAAA3E;
-moz-border-radius: 5px;
}

i {color: #9A0321;
}

strike {
border-bottom-style: none;
color: #D29F28;
border-bottom: 1px dotted #DDB14A;
text-decoration: none;
}

u {
border-bottom-style: none;
color: #AA8120;
font-style: italic;
text-decoration: none;
}

.misenforme
{
line-height: 12px;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 5px; /* on positionne notre infobulle */
  left: 5px;
  background: #FAF0E7;
  color: 7d7d7d;
  padding: 3px;
  font-size: 9px;
  font-family: tahoma;
  border: 0px solid grey;
  border-left: 2px solid #C0857F;
  border-right: 2px solid #C0857F;
  border-top: 2px solid #C0857F;
  border-bottom: 2px solid #C0857F;
}

p{font-size: 24px;
width: 100%;
text-transform : Uppercase;
font-weight: bold;
font-family: georgia;
color: #8C6B46;
text-decoration: none;
text-align: center;}


.forumline{
background-color: #ffffff;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 3px #eadace solid;
border-top: 3px #eadace SOLID;
border-right: 8px #eadace SOLID;
border-left: 8px #eadace SOLID;
}

.forumline{
-moz-border-radius:6px;
}

img.cadre
{padding:2px;margin:2px;
border: 2px SOLID #CDC15A;
background-color:#FAF0E6;
opacity: 1;}

img.cadre:hover
{padding:2px;margin:2px;
border: 2px SOLID #C0857F;
background-color:#FAF0E6;
opacity: 0.9;}

r{width: 100%;
color: #DCAD41;
font-style: italic;
text-decoration: none;
}

t{width: 100%;
color: #990426;
font-size: 18px;
text-transform : Uppercase;
font-family: georgia;
text-decoration: none;
}

v{width: 100%;
color: #B9AC12;
border-bottom: 1px solid  #DFB84F;
font-size: 11px;
text-transform : Uppercase;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

v:hover{width: 100%;
color: #D0C859;
text-transform : Uppercase;
border-bottom: 1px solid  #DFB84F;
cursor: help;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

j{width: 100%;
color: #D3AE3B;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

j:hover{width: 100%;
color: #B89529;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}


th {
font-weight: lighter;
font-size: 11px;
text-align: center;
text-transform : Uppercase;
}

.code{
font-family: Arial;
border-left: 4px solid #DBAF42;
font-size: 12px;
color: #6D777C;
}

.quote{
font-family: Arial;
border-left: 4px solid #A5052B;
font-size: 12px;
color: #6D777C;
}

.code div { width: 425px !important; }

.groupes{
background-color:#faf0e6 ;
border: 1px color #faf0e6 ;
-moz-border-radius : 2px 2px 2px 2px;
height:30px;
padding-right: 8px;
padding-left: 8px;
padding-bottom:3px;
font-size:12px
;font-weight: bold;
text-align:center;
font-color : #ececec  ;
text-decoration: none !important;
}

.main
{background-color: #eadace;
-moz-border-radius : 2px 2px 2px 2px;
border-right: 4px solid #eadace;
border-left: 4px solid #eadace;
width: 100px;
text-align: center;
text-color: #575757;
text-transform : lowercase;
padding-top: 5px;
padding-bottom: 5px;}

.main:hover
{border-right: 4px solid #ded793 ;
border-left: 4px solid #ded793 ;
}


img.yep
{padding:2px;margin:2px;
border: 2px SOLID #6d94a0;
background-color:#Ffffff;
opacity: 1;}

img.yep:hover
{padding:2px;margin:2px;
border: 2px SOLID #c8af91;
background-color:#ffffff;}

.imgopa {
opacity: 0.6 ;
}

.imgopa:hover {
opacity: 1.2;
}

.lock  {
  position: relative;
  cursor: pointer;
}
.lock .lock-hidden {
  /* center */
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-top  : 0px;
  padding-bottom : 0px;
 
  /* style du bloc qui apparait */
  border: 0px solid #51738C;
  border-radius: 0px;
  background-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align: center;
}
.lock:hover .lock-hidden {
  display: block;
}

.onglet
        {
                display:inline-block;
                position:left;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:3px solid #333333;
                -moz-border-radius-bottomleft:0px
                -moz-border-radius-bottomright:0px;
                -moz-border-radius-topleft:8px;
                -moz-border-radius-topright:8px;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#111111;
                border:3px solid #222222;
                border-bottom:3px solid #222222;
        }
        .onglet_1
        {
                background:#111111;
                border:3px solid #444444;
                border-bottom:2px solid #111111;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#000000;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }

.rightpart {
font-size : 12px ; /* grandeur du texte */
border-left : Xpx dotted #COLOR ; /*séparation du tableau de gauche et du tableau de droite par une ligne, peu être changé en DOTTED, SOLID, DOUBLE, etc */
padding-left : 10px } /*veuillez ne pas toucher à cette partie */

.groups{
background-color:#111111 ; /* peut-être un fond de couleur ? */
border: 1px color #333333  ; /* contour du QEEL */
-moz-border-radius : Xpx XpxXpxXpx; /* pour arondir les bords */
height:40px; /* pas touche */
padding-right:12px; /* pas touche */
padding-left:14px; /* pas touche */
padding-bottom:3px; /* pas touche */
font-size:14px /* grandeur du texte */;
font-weight: bold; /* texte en gras */
text-align:center; /* texte aligné au milieu */
font-color : #333333  ; /* couleur du texte */
text-decoration: none !important; /* pas touche */
}


a.mainmenu {

font:10px arial;
color: #A4042A;
text-transform:uppercase;
padding-right: 1px;

}

a.mainmenu:hover {

font:10px arial;
color: #DCB246;
text-transform:uppercase;
padding-right: 1px;
}

[Anzu]

J'ai mis votre css sur mon forum test et j'ai rajouté le code précédemment donné pour l'effet demandé.

Le résultat fonctionne parfaitement bien o-o

Code:

.mainmenu img {display: none;}

.bodyline{
border-top: none;
border-bottom: none;
border-right:  2px #A40428 solid;
border-left:  2px #A40428 solid;
width: 80%;}
body {
margin: 0 auto;
}
    a:link {text-decoration: none;}

    a { text-decoration: none; }

    a:hover { text-decoration: none !important}

textarea {color:#494949 ; background-color:#FAF0E7 ;}

/*-- reply_box_rond_corners by TSF®--*/
/*--quickreply--*/
form#quick_reply textarea#text_editor_textarea {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #EED385;
}


/*--text_editor_iframe--*/
form#quick_reply iframe#text_editor_iframe  {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}

/*--text_editor_textarea--*/
textarea#text_editor_textarea {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}

/*--text_editor_iframe--*/
iframe#text_editor_iframe {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}
/*--EOF TSF®--*/

a.mainmenu {
      color: #E0A481;
text-transform : uppercase;
      background-color: #F1EEE8;
      -moz-radius-border: 3px;
}

a.mainmenu:hover {
      color: #E0C159;
text-transform : uppercase;
cursor: help;
      background-color: #F1EEE8;
border-bottom: 1px solid  #E0C159;
}

.quote {border-style: none;
-moz-border-radius: 10px;
padding: 3px;
}

.code{border-style: none;
-moz-border-radius: 10px;
padding: 3px;
}


tr.post span.gensmall { display: none; }


a.forumlink {
text-transform:uppercase;
text-decoration: none!important;
font-family : georgia;
font-weight: lighter;
font-size: 18px;
cursor: help;
width: 100%;
text-align: left;
display: inline-block;
color: #DAA73A;
}

a.forumlink:hover{
    text-transform:uppercase;
text-decoration: none!important;
font-size: 18px;
cursor: help;
text-align: left;
color: #AB0738;
display: inline-block;
width: 100%;
border-bottom: 1px solid #DAA73A;
}



.postbody {
text-align:justify !important;
padding-left: 25px;
padding-right: 25px;
display: block;
}

body {
text-align:justify;
margin-left: 10px;
}


.postbody { display: block; padding-left: 20px; padding-right: 20px;
text-align: justify;
 }

.pix
{border: none;opacity: 0.7;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #8F0729;
-moz-border-radius: 5px;
}

.pix:hover
{border: none;opacity: 1;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #DAAA3E;
-moz-border-radius: 5px;
}

i {color: #9A0321;
}

strike {
border-bottom-style: none;
color: #D29F28;
border-bottom: 1px dotted #DDB14A;
text-decoration: none;
}

u {
border-bottom-style: none;
color: #AA8120;
font-style: italic;
text-decoration: none;
}

.misenforme
{
line-height: 12px;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 5px; /* on positionne notre infobulle */
  left: 5px;
  background: #FAF0E7;
  color: 7d7d7d;
  padding: 3px;
  font-size: 9px;
  font-family: tahoma;
  border: 0px solid grey;
  border-left: 2px solid #C0857F;
  border-right: 2px solid #C0857F;
  border-top: 2px solid #C0857F;
  border-bottom: 2px solid #C0857F;
}

p{font-size: 24px;
width: 100%;
text-transform : Uppercase;
font-weight: bold;
font-family: georgia;
color: #8C6B46;
text-decoration: none;
text-align: center;}


.forumline{
background-color: #ffffff;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 3px #eadace solid;
border-top: 3px #eadace SOLID;
border-right: 8px #eadace SOLID;
border-left: 8px #eadace SOLID;
}

.forumline{
-moz-border-radius:6px;
}

img.cadre
{padding:2px;margin:2px;
border: 2px SOLID #CDC15A;
background-color:#FAF0E6;
opacity: 1;}

img.cadre:hover
{padding:2px;margin:2px;
border: 2px SOLID #C0857F;
background-color:#FAF0E6;
opacity: 0.9;}

r{width: 100%;
color: #DCAD41;
font-style: italic;
text-decoration: none;
}

t{width: 100%;
color: #990426;
font-size: 18px;
text-transform : Uppercase;
font-family: georgia;
text-decoration: none;
}

v{width: 100%;
color: #B9AC12;
border-bottom: 1px solid  #DFB84F;
font-size: 11px;
text-transform : Uppercase;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

v:hover{width: 100%;
color: #D0C859;
text-transform : Uppercase;
border-bottom: 1px solid  #DFB84F;
cursor: help;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

j{width: 100%;
color: #D3AE3B;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

j:hover{width: 100%;
color: #B89529;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}


th {
font-weight: lighter;
font-size: 11px;
text-align: center;
text-transform : Uppercase;
}

.code{
font-family: Arial;
border-left: 4px solid #DBAF42;
font-size: 12px;
color: #6D777C;
}

.quote{
font-family: Arial;
border-left: 4px solid #A5052B;
font-size: 12px;
color: #6D777C;
}

.code div { width: 425px !important; }

.groupes{
background-color:#faf0e6 ;
border: 1px color #faf0e6 ;
-moz-border-radius : 2px 2px 2px 2px;
height:30px;
padding-right: 8px;
padding-left: 8px;
padding-bottom:3px;
font-size:12px
;font-weight: bold;
text-align:center;
font-color : #ececec  ;
text-decoration: none !important;
}

.main
{background-color: #eadace;
-moz-border-radius : 2px 2px 2px 2px;
border-right: 4px solid #eadace;
border-left: 4px solid #eadace;
width: 100px;
text-align: center;
text-color: #575757;
text-transform : lowercase;
padding-top: 5px;
padding-bottom: 5px;}

.main:hover
{border-right: 4px solid #ded793 ;
border-left: 4px solid #ded793 ;
}


img.yep
{padding:2px;margin:2px;
border: 2px SOLID #6d94a0;
background-color:#Ffffff;
opacity: 1;}

img.yep:hover
{padding:2px;margin:2px;
border: 2px SOLID #c8af91;
background-color:#ffffff;}

.imgopa {
opacity: 0.6 ;
}

.imgopa:hover {
opacity: 1.2;
}

.lock  {
  position: relative;
  cursor: pointer;
}
.lock .lock-hidden {
  /* center */
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-top  : 0px;
  padding-bottom : 0px;
 
  /* style du bloc qui apparait */
  border: 0px solid #51738C;
  border-radius: 0px;
  background-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align: center;
}
.lock:hover .lock-hidden {
  display: block;
}

.onglet
        {
                display:inline-block;
                position:left;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:3px solid #333333;
                -moz-border-radius-bottomleft:0px
                -moz-border-radius-bottomright:0px;
                -moz-border-radius-topleft:8px;
                -moz-border-radius-topright:8px;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#111111;
                border:3px solid #222222;
                border-bottom:3px solid #222222;
        }
        .onglet_1
        {
                background:#111111;
                border:3px solid #444444;
                border-bottom:2px solid #111111;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#000000;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }

.rightpart {
font-size : 12px ; /* grandeur du texte */
border-left : Xpx dotted #COLOR ; /*séparation du tableau de gauche et du tableau de droite par une ligne, peu être changé en DOTTED, SOLID, DOUBLE, etc */
padding-left : 10px } /*veuillez ne pas toucher à cette partie */

.groups{
background-color:#111111 ; /* peut-être un fond de couleur ? */
border: 1px color #333333  ; /* contour du QEEL */
-moz-border-radius : Xpx XpxXpxXpx; /* pour arondir les bords */
height:40px; /* pas touche */
padding-right:12px; /* pas touche */
padding-left:14px; /* pas touche */
padding-bottom:3px; /* pas touche */
font-size:14px /* grandeur du texte */;
font-weight: bold; /* texte en gras */
text-align:center; /* texte aligné au milieu */
font-color : #333333  ; /* couleur du texte */
text-decoration: none !important; /* pas touche */
}


a.mainmenu {

font:10px arial;
color: #A4042A;
text-transform:uppercase;
padding-right: 1px;

}

a.mainmenu:hover {

font:10px arial;
color: #DCB246;
text-transform:uppercase;
padding-right: 1px;
}

.name a, .name a:active, .name a:link, .name a:visited, .name a:hover {
display: block;
color:#00ff00;
border-bottom: 3px solid #778592;
text-align : center;
text-shadow:1px 1px 2px black;
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
}

Cordialement.

[silvia2]

Ah c'est intéressant, car j'ai une barre grise qui apparait au dessus de l'avatar, mais vu que le nom d'utilisateur sur mon forum est en dessous de l'avatar, je crois qu'il y a comme un problème ^^

Spoiler:

Donc le code marche à mon avis, le problème c'est qu'il ne se positionne pas à la bonne place. Sur le forum où il y a ce code (l'image que j'ai posté dans mon premier message) le nom de l'utilisateur est aussi sous l'avatar.

[Anzu]

C'est possible d'avoir le code du template ?

[PAPARAZZI™]

Code:

.name a, .name a:active, .name a:link, .name a:visited, .name a:hover {
display: block;
color:#00ff00;
text-align : center;
text-shadow:1px 1px 2px black;
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
}

C'était le code d'un ancien forum, j'ai retiré la barre

[silvia2]

Voici le template :

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            &nbsp;|&nbsp;
            <script type="text/javascript">
            //<![CDATA[
            insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle">&nbsp;<!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a></span><br />
            <span class="postdetails poster-profile">        {postrow.displayed.POSTER_AVATAR}<br />
<strong><center><font size="2">{postrow.displayed.POSTER_NAME}</font></center></strong>
            <center>{postrow.displayed.POSTER_RANK}</center><br />
            {postrow.displayed.RANK_IMAGE}<br /></span>
            <!-- BEGIN profile_field -->
            <font size="1,5">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}</font>
        </span>

        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
      </td>
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     {postrow.displayed.MESSAGE}

                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>

[Anzu]

Mieux ?

Code:


<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            &nbsp;|&nbsp;
            <script type="text/javascript">
            //<![CDATA[
            insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint">&nbsp;</td>
              <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle">&nbsp;<!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
     
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a></span><br />
            <span class="postdetails poster-profile">        {postrow.displayed.POSTER_AVATAR}<br />
<strong><center><div class="name"><font size="2">{postrow.displayed.POSTER_NAME}</font></div></center></strong>
            <center>{postrow.displayed.POSTER_RANK}</center><br />
            {postrow.displayed.RANK_IMAGE}<br /></span>
            <!-- BEGIN profile_field -->
            <font size="1,5">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}</font>
        </span>

        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
      </td>
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    {postrow.displayed.MESSAGE}

                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint">&nbsp;</td>
              <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>

[silvia2]

C'est vraiment très beau, mais j'aurais préfèré que ce ne soit que dans les sujets.
Cela apparait aussi sur les noms d'auteurs ici :

Spoiler:

Sinon c'est vraiment très beau
Merci !

[Anzu]

Cette partie est gérée par la même class, donc c'est problématique ou pas '-'

Dans le code du template que je vous ai donné, j'ai fait une modification autour de la variable poster name, il y a un div avec une class, qui était "name", je l'ai changé en "effet"

Puis dans la CSS, vous supprimez l'ancienne class pour mettre seulement "effet"

Code:

.mainmenu img {display: none;}

.bodyline{
border-top: none;
border-bottom: none;
border-right:  2px #A40428 solid;
border-left:  2px #A40428 solid;
width: 80%;}
body {
margin: 0 auto;
}
    a:link {text-decoration: none;}

    a { text-decoration: none; }

    a:hover { text-decoration: none !important}

textarea {color:#494949 ; background-color:#FAF0E7 ;}

/*-- reply_box_rond_corners by TSF®--*/
/*--quickreply--*/
form#quick_reply textarea#text_editor_textarea {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #EED385;
}


/*--text_editor_iframe--*/
form#quick_reply iframe#text_editor_iframe  {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}

/*--text_editor_textarea--*/
textarea#text_editor_textarea {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}

/*--text_editor_iframe--*/
iframe#text_editor_iframe {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
background-color: #F1EEE8;
}
/*--EOF TSF®--*/

a.mainmenu {
      color: #E0A481;
text-transform : uppercase;
      background-color: #F1EEE8;
      -moz-radius-border: 3px;
}

a.mainmenu:hover {
      color: #E0C159;
text-transform : uppercase;
cursor: help;
      background-color: #F1EEE8;
border-bottom: 1px solid  #E0C159;
}

.quote {border-style: none;
-moz-border-radius: 10px;
padding: 3px;
}

.code{border-style: none;
-moz-border-radius: 10px;
padding: 3px;
}


tr.post span.gensmall { display: none; }


a.forumlink {
text-transform:uppercase;
text-decoration: none!important;
font-family : georgia;
font-weight: lighter;
font-size: 18px;
cursor: help;
width: 100%;
text-align: left;
display: inline-block;
color: #DAA73A;
}

a.forumlink:hover{
    text-transform:uppercase;
text-decoration: none!important;
font-size: 18px;
cursor: help;
text-align: left;
color: #AB0738;
display: inline-block;
width: 100%;
border-bottom: 1px solid #DAA73A;
}



.postbody {
text-align:justify !important;
padding-left: 25px;
padding-right: 25px;
display: block;
}

body {
text-align:justify;
margin-left: 10px;
}


.postbody { display: block; padding-left: 20px; padding-right: 20px;
text-align: justify;
 }

.pix
{border: none;opacity: 0.7;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #8F0729;
-moz-border-radius: 5px;
}

.pix:hover
{border: none;opacity: 1;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #DAAA3E;
-moz-border-radius: 5px;
}

i {color: #9A0321;
}

strike {
border-bottom-style: none;
color: #D29F28;
border-bottom: 1px dotted #DDB14A;
text-decoration: none;
}

u {
border-bottom-style: none;
color: #AA8120;
font-style: italic;
text-decoration: none;
}

.misenforme
{
line-height: 12px;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 5px; /* on positionne notre infobulle */
  left: 5px;
  background: #FAF0E7;
  color: 7d7d7d;
  padding: 3px;
  font-size: 9px;
  font-family: tahoma;
  border: 0px solid grey;
  border-left: 2px solid #C0857F;
  border-right: 2px solid #C0857F;
  border-top: 2px solid #C0857F;
  border-bottom: 2px solid #C0857F;
}

p{font-size: 24px;
width: 100%;
text-transform : Uppercase;
font-weight: bold;
font-family: georgia;
color: #8C6B46;
text-decoration: none;
text-align: center;}


.forumline{
background-color: #ffffff;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 3px #eadace solid;
border-top: 3px #eadace SOLID;
border-right: 8px #eadace SOLID;
border-left: 8px #eadace SOLID;
}

.forumline{
-moz-border-radius:6px;
}

img.cadre
{padding:2px;margin:2px;
border: 2px SOLID #CDC15A;
background-color:#FAF0E6;
opacity: 1;}

img.cadre:hover
{padding:2px;margin:2px;
border: 2px SOLID #C0857F;
background-color:#FAF0E6;
opacity: 0.9;}

r{width: 100%;
color: #DCAD41;
font-style: italic;
text-decoration: none;
}

t{width: 100%;
color: #990426;
font-size: 18px;
text-transform : Uppercase;
font-family: georgia;
text-decoration: none;
}

v{width: 100%;
color: #B9AC12;
border-bottom: 1px solid  #DFB84F;
font-size: 11px;
text-transform : Uppercase;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

v:hover{width: 100%;
color: #D0C859;
text-transform : Uppercase;
border-bottom: 1px solid  #DFB84F;
cursor: help;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

j{width: 100%;
color: #D3AE3B;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

j:hover{width: 100%;
color: #B89529;
font-size: 11px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}


th {
font-weight: lighter;
font-size: 11px;
text-align: center;
text-transform : Uppercase;
}

.code{
font-family: Arial;
border-left: 4px solid #DBAF42;
font-size: 12px;
color: #6D777C;
}

.quote{
font-family: Arial;
border-left: 4px solid #A5052B;
font-size: 12px;
color: #6D777C;
}

.code div { width: 425px !important; }

.groupes{
background-color:#faf0e6 ;
border: 1px color #faf0e6 ;
-moz-border-radius : 2px 2px 2px 2px;
height:30px;
padding-right: 8px;
padding-left: 8px;
padding-bottom:3px;
font-size:12px
;font-weight: bold;
text-align:center;
font-color : #ececec  ;
text-decoration: none !important;
}

.main
{background-color: #eadace;
-moz-border-radius : 2px 2px 2px 2px;
border-right: 4px solid #eadace;
border-left: 4px solid #eadace;
width: 100px;
text-align: center;
text-color: #575757;
text-transform : lowercase;
padding-top: 5px;
padding-bottom: 5px;}

.main:hover
{border-right: 4px solid #ded793 ;
border-left: 4px solid #ded793 ;
}


img.yep
{padding:2px;margin:2px;
border: 2px SOLID #6d94a0;
background-color:#Ffffff;
opacity: 1;}

img.yep:hover
{padding:2px;margin:2px;
border: 2px SOLID #c8af91;
background-color:#ffffff;}

.imgopa {
opacity: 0.6 ;
}

.imgopa:hover {
opacity: 1.2;
}

.lock  {
  position: relative;
  cursor: pointer;
}
.lock .lock-hidden {
  /* center */
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-top  : 0px;
  padding-bottom : 0px;
 
  /* style du bloc qui apparait */
  border: 0px solid #51738C;
  border-radius: 0px;
  background-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align: center;
}
.lock:hover .lock-hidden {
  display: block;
}

.onglet
        {
                display:inline-block;
                position:left;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:3px solid #333333;
                -moz-border-radius-bottomleft:0px
                -moz-border-radius-bottomright:0px;
                -moz-border-radius-topleft:8px;
                -moz-border-radius-topright:8px;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#111111;
                border:3px solid #222222;
                border-bottom:3px solid #222222;
        }
        .onglet_1
        {
                background:#111111;
                border:3px solid #444444;
                border-bottom:2px solid #111111;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#000000;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }

.rightpart {
font-size : 12px ; /* grandeur du texte */
border-left : Xpx dotted #COLOR ; /*séparation du tableau de gauche et du tableau de droite par une ligne, peu être changé en DOTTED, SOLID, DOUBLE, etc */
padding-left : 10px } /*veuillez ne pas toucher à cette partie */

.groups{
background-color:#111111 ; /* peut-être un fond de couleur ? */
border: 1px color #333333  ; /* contour du QEEL */
-moz-border-radius : Xpx XpxXpxXpx; /* pour arondir les bords */
height:40px; /* pas touche */
padding-right:12px; /* pas touche */
padding-left:14px; /* pas touche */
padding-bottom:3px; /* pas touche */
font-size:14px /* grandeur du texte */;
font-weight: bold; /* texte en gras */
text-align:center; /* texte aligné au milieu */
font-color : #333333  ; /* couleur du texte */
text-decoration: none !important; /* pas touche */
}


a.mainmenu {

font:10px arial;
color: #A4042A;
text-transform:uppercase;
padding-right: 1px;

}

a.mainmenu:hover {

font:10px arial;
color: #DCB246;
text-transform:uppercase;
padding-right: 1px;
}

.effet {
display: block;
color:#00ff00;
text-align : center;
text-shadow:1px 1px 2px black;
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
}

Template:

Code:


<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            &nbsp;|&nbsp;
            <script type="text/javascript">
            //<![CDATA[
            insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint">&nbsp;</td>
              <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle">&nbsp;<!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
     
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a></span><br />
            <span class="postdetails poster-profile">        {postrow.displayed.POSTER_AVATAR}<br />
<strong><center><div class="effet"><font size="2">{postrow.displayed.POSTER_NAME}</font></div></center></strong>
            <center>{postrow.displayed.POSTER_RANK}</center><br />
            {postrow.displayed.RANK_IMAGE}<br /></span>
            <!-- BEGIN profile_field -->
            <font size="1,5">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}</font>
        </span>

        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
      </td>
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    {postrow.displayed.MESSAGE}

                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint">&nbsp;</td>
              <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>

[silvia2]

C'est beaucoup mieux !
Mais désormais il n'y a plus de barre en dessous

[Anzu]

XD

Vous parlez de la barre que Paparazzi a retiré ? Si c'est le cas, il suffit de remettre ce qu'elle a enlevé, c'est tout >

[silvia2]

J'ai mis ce code dans mon CSS :

Code:

.effet {
display: block;
color:#00ff00;
text-align : center;
text-shadow:1px 1px 2px black;
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
}

Est-ce que la barre c'est "display block ..." ?