Personnalisation Forum (sélecteurs)

En mettant mes paramètres à 0, les messages sur le forum ressemblent à ça:

C'est moche et pas très clair.

Commençons par le commencement.

.post_table_head {height: 30px; /*hauteur*/
    line-height: 30px;
    background: #B55F98;
    color: white;
    font-size: 11px;
    font-family: calibri;
    text-align: right;
    padding-right: 5px;       }

J'ai mis un fond, définit sa hauteur, mis le texte en blanc à droite... ce qui me donne:

*

.post_table_msg {background: #F5F5F5;
    margin: 5px;
    border-right: 1px solid #B55F98;
    border-bottom: 2px solid #B55F98;}

Pour mon exemple, j'ai mis un fond gris clair, une bordure en bas et à droite, et comme je trouvais que le texte était un peu trop collé à l'en-tête j'ai mis une marge interne de 5px.

*

.post_table_profile {propriété: valeur;}

Je précise bien qu'il s'agit de la "zone" profile (que j'ai encadré en rouge), pour modifier l'avatar et le pseudo on verra après.

*

.post_table_profile a {color: white;}

Là, rien de compliqué, vous n'avez qu'à personnaliser votre pseudo, moi je l'ai mis en blanc.

*

.post_table_profile img {border-radius: 4px;
border: 1px solid #fff;}

Et là, c'est tout aussi simple, il suffit de personnaliser son avatar, taille, ombre, bordures ...

Et voilà. Pour mon exemple, j'ai fait très simple, après, vous pouvez faire ce que vous voulez.