Centrer l'avatar mais conserver la description à gauche

[Toww34]

Centrer l'avatar mais conserver la description à gauche

Bonjour. Je suis l'administrateur d'un forum en pleine ébullition, et nous voudrions changer quelques petites choses.

Notamment au niveau de l'apparence dans les sujets au niveau des avatars, et des descriptions (localisation, date de naissance...)

Voici notre disposition actuelle :


Et nous voudrions passer à celle-ci :


J'ai déjà réussit à tout mettre centré, mais le fait est que je suis pas très bon dans ce domaine qui est le langage informatique, et cela ne nous convenait pas.

Si quelqu'un pouvait nous aider en nous disant que faire pour avoir :
le pseudo + le rang + l'avatar centrés, et la description qui reste "collée" à droite, cela serait magnifique.

Voici notre forum : http://frenchleague.forumactif.org/

Merci aux forumeurs d'avance

[Invité]

Bonjour,

Il faut passer par les templates pour centrer particulièrement ces trois points.
PA >> Affichage >> Tempaltes >> Général > viewtopic_body
Cherche (Ctrl+F) :

Code:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}

Et remplace par :

Code:

<div align="center"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div>

[Toww34]

Merci j'ai fait ça, mais le problème c'est que la police de la description devient plus grosse ??

[Invité]

Ah oui, ça coupe le class "postdestails" qu'il suffit de reprendre après la ferneture de la "div>, ainsi :

<div align="center"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br /><br />
<!-- BEGIN profile_field -->
<span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}</span>
</span><br />

[Toww34]

Donc je fais copié collé et c'est bon ?

Désolé pour le dérangement

[Invité]

Pas de mal.

Oui tu fais un copier-coller depuis le début jusqu'au <br />.
Le span en bleu et sa fermeture sont ceux en place par défaut.
Le rouge et sa fermeture sont ceux qu'on ajoute pour que le texte du profil colle au CSS.

[Toww34]

Le soucis c'est que désormais 2 descriptions s'affichent ?!

[Toww34]

C'est étrange, je n'y arrive vraiment pas, j'ai pourtant suivi vos conseils il me semble :s

[Invité]

Bon reprenons... Tu cherches maintenant :

Code:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- 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}
         </span><br />

Et tu remplaces par :

<div align="center"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br /><br />
<!-- BEGIN profile_field -->
<span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}</span>
</span><br />

[Toww34]

Merci beaucoup Final-blond, j'ai fini par réussir +++