Personnalisation avatar, rang et pseudo

[Wisti]

Bonjour / bonsoir

J'ai créé un forum en version phpBB2 et j'aurais besoin de votre aide pour trois petites choses :

- Mettre un cadre autour des avatars des membres, mais seulement en haut et en bas, pas sur les côtés.
- Mettre le rang du membre au-dessous de l'avatar.
- Mettre le pseudo et le rang sur un fond coloré de la même largeur que l'avatar.

J'ai essayé de faire un schéma :

Spoiler:

Merci d'avance !

[Invité]

Salut Wisti,

pour le rang image tu n'en désires pas??

Quelle couleur désires tu pour le fond et le texte stp?
a++

[Wisti]

Je n'y avais pas pensé, mais je vais sans doute en avoir besoin effectivement. Donc si possible l'image serait juste sous le titre du rang, sans qu'elle déborde sur le fond.

Pour les couleurs, j'aimerais un texte blanc et un fond rouge, comme sur mon schéma.

[Invité]

Re,

on va déjà commencer et ensuite améliorer si besoin .

On va supprimer tout le contenu du template:

Affichage/Templates/Général/viewtopic_body

Remplace par ceci:

Spoiler:

Pense a enregistrer les modifications en cliquant respectivement sur et

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Colle ceci:

Code:


.M14_pseudo_membre
{
display:block;
position:absolute;
width:140px;
height:20px;
background:red;
color:white;
font-size:12px;
text-align:center;
}
.M14_pseudo_membre strong
{

color:white;
font-size:12px;
text-decoration:none;
}
.M14_avatar
{
margin-top:10px;
left:5px;
border-top:5px solid red;
border-bottom:5px solid red;
width:140px;
}
.M14_avatar img
{

margin:auto 10px;
}
.M14_rang
{
display:block;
position:absolute;
width:140px;
height:20px;
background:red;
color:white;
font-size:12px;
text-align:center;
}
.M14_rang_image
{
margin:auto 10px;

}





Pense à valider les modifications en cliquant sur le bouton "Valider".
a++

[Wisti]

C'est parfait, merci beaucoup