Problème affichage profil d'un personnage sur un post.

[Honoka Shizuka]

Bonsoir. Il y a un bout de temps, j'ai mis en place un nouvelle affichage mais sa ne s'affiche pas vraiment comme je le souhaite :



Pour le pseudo et le rang, Je voudrais qu'il soit au centre et que le pseudo soit plus gros. EN dessous, j'aimerais que "message : 3 etc" soit encadrer comme pour l'avatar.

la taille du texte des informations du profil doit etre plus petit.

Comment faire?

Merci d'avance.

[MlleAlys]

pour diminuer les éléments du profil :

Code:

.row1 {
font-size: 10px;
}

pour agrandir la taille du rang :

Code:

.postdetails.poster-profile {
font-size: 16px;
}


est ce que ça fonctionne comme il faut ? ^^"

[Honoka Shizuka]

Où dois-je coller ces codes? xD

[Matriochka]

Coucou Honoka,

Les codes sont à placer dans ta feuille de styles, donc dans PA > Affichage > Couleurs > Feuille de styles CSS. Néanmoins, il serait plus correct d’utiliser ceux que je vais te mettre ici.

Pour modifier la taille de tes pseudos e l’alignement au centre :

Code:

.table-avatar .name {font-size: 15px;}
.table-avatar {text-align:center;}

Pour le reste, est-ce qu’il serait possible d’avoir ton template viewtopic_body (PA > Affichage > Templates > Général), s’il te plaît ? C’est en le modifiant que tu vas pouvoir ajouter un nouveau cadre et modifier la taille du texte des champs

[Honoka Shizuka]

Merci.

BIen sure, le voila :

Spoiler:

[Matriochka]

Merci !

Donc, remplace cette partie :

Code:

<!-- 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}

Par :

Code:

<div id="profilecontent"><!-- 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>

Et enfin, dans ton CSS :

Code:

#profilecontent {font-size:10px;}

Si tu veux mettre ton cadre marron sur cette zone, il suffit de l’ajouter à l’élément #profilecontent

[Honoka Shizuka]

Merci de ton aide.

Je n 'ai par contre pas compris pour le cadre des information du profil...

[Matriochka]

Dans ton premier message, tu expliques que tu aimerais avoir un cadre comme celui de l’avatar pour les informations du profil. Si tu veux réaliser ça, donc, il faut mettre ceci dans ton CSS :

Code:

#profilecontent {font-size:10px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-spacing: 0px;
background-color: #AB9379;}

(J’ai repris les codes que tu avais pour table-avatar)

[Honoka Shizuka]

Ah merci beaucoup!!

Par contre, mes angles sont droit au lieu d'etre arrondi.... C'est normal?

P.s : desoler je ne suis pas douer

[Matriochka]

Mets ceci :

Code:

#profilecontent {font-size:10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #AB9379;}

[Honoka Shizuka]

Génial xD

Mais je voudrais mettre les informations au centre pour éviter que le texte dépasse des bords du cadre..

[Matriochka]

Dans ce cas :

#profilecontent {font-size:10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #AB9379;
text-align:center;}

[Honoka Shizuka]

C'est parfait!

Merci beaucoup de ton aide.

Bonne journée