It is currently Fri 30 Sep 2016 - 18:52 - créer un forum

[Résolu] Centrer Pseudo - Rang - Avatar

Skip to content

Post new topic Reply to topic Goto page: 1, 2  >

[Résolu] Centrer Pseudo - Rang - Avatar
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Sun 17 Jan 2016 - 07:40    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

PublicitéSupprimer les publicités ?
Clic pour me voir en taille réelle:



Bonsoir, bonjour,

Je désire centrer les pseudos, les rangs et les avatars, le En ligne (Voir ma capture... ).
Que faut-il faire et dans quel fichier, svp ?

Le thème Zen Garden

Merci et bon dimanche.

Cool
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Last edited by Dariel on Fri 11 Mar 2016 - 20:30; edited 2 times in total
Forum
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Sat 6 Feb 2016 - 23:12    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

:x Je tape du pied... :cry:
Sérieusement, j'attends toujours une réponse, svp.

Merci et belle fin de semaine,

8-)
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Forum
Author Message
du78
Membre


Offline
Membre

Joined: 04 Jan 2016
Posts: 59
Niveau:
Point(s): 60
Moyenne: 1.02
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 10 Feb 2016 - 10:39    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Bonjour Dariel,

Dans le template viewtopic_body.tpl recherche les variables qui correspondent au profil du posteur :

{postrow.U_POST_ID}
{postrow.POSTER_NAME}
{postrow.POSTER_RANK}
{postrow.POSTER_AVATAR}
{postrow.POSTER_JOINED}
{postrow.POSTER_POSTS}
{postrow.POSTER_FROM}

et ajouter
Code: Sélectionner - Agrandir
 align="center"
dans les balises associées.


Code: Sélectionner - Agrandir
<td width="auto" align="center" valign="top" class="row1">
    <span class="gen">
        <span class="postername"><a name="{postrow.U_POST_ID}"></a>{postrow.POSTER_NAME}</span><br />
            <span class="posterrank">{postrow.POSTER_RANK}<br /></span>
                {postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />
     
                <table border="0" cellspacing="0" cellpadding="2" width="95%">
                    <tr>
                        <td [b][color=#ff0000]align="center"[/color][/b] class="posterprofile">{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</td>   
                    </tr>
                </table>
    </span>
</td>


Le rendu :



Forum
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Wed 10 Feb 2016 - 23:13    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Merci beaucoup du78.
Très aimable de vous pencher sur ma demande.
Je reviens dans quelques jours pour faire part du résultat.

Cool
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Forum
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Sat 13 Feb 2016 - 23:54    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote



Me revoilà mais un peu confuse...
J'ai modifié cette partie suggérée par vous pour mettre en GRAS les Intitulés sous l'avatar (voir capture).
Je ne suis pas trop certaine de bien savoir où coller le code soumis par vous...
Je joins mon fichier viewtopic_body.tpl

http://www.sendspace.com/file/vcacr0

Pouvez-vous m'indiquer la partie que je dois remplacer par votre code, svp ?

Merci et agréable week-end.

Cool
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Forum
Author Message
du78
Membre


Offline
Membre

Joined: 04 Jan 2016
Posts: 59
Niveau:
Point(s): 60
Moyenne: 1.02
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 14 Feb 2016 - 21:32    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Bonsoir Dariel, et pas de panbique !

Dans le template, cela se trouve par ici :


 
Code: Sélectionner - Agrandir
 <!-- BEGIN postrow -->
    <tr>
        <td width="150" align="left" valign="top" class="row3"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails userdata">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br /><span>{postrow.POSTER_JOINED}</span><br /><span>{postrow.POSTER_POSTS}</span><br /><span>{postrow.POSTER_FROM}</span></span>
                <br /></td>
        <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
                <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
            </tr>
            <tr>

Où l'on reconnait le code dédié à l'affiche du posteur, de son rang, avatar et description au début.


Sur la ligne

<td width="150" align="left" valign="top" class="row3">

Remplacer align="left" par align="center"

Attention, si le contenu d'une ligne est plus grand que la dimension de son conteneur il y aura un passage à la ligne. Pour agrandir ce conteneur et donc la colonne dédiée au profil du posteur il faudra également modifier le paramètre "width" sur la même ligne.

Okay


Forum
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Mon 15 Feb 2016 - 19:27    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Contente de vous revoir du78 Mr. Green

C'est ce que je faisais mais il n'y avait aucun changement après l'envoi du template modifié.
Malheur, quand j'envoie mon fichier, souvent c'est le template d'origine qui prend place.
Je l'ai réalisé en parcourant le fichier mentionné
Après plusieurs tentatives, ça fonctionne enfin !!!

Cependant, j'aimerais que ce soit seulement le Pseudo, le rang, l'avatar et le En ligne qui soient centrés.
Est-ce possible ? SI oui que faire ?

Merci et belle semaine,

Okay
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Forum
Author Message
du78
Membre


Offline
Membre

Joined: 04 Jan 2016
Posts: 59
Niveau:
Point(s): 60
Moyenne: 1.02
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Tue 16 Feb 2016 - 15:11    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

C'est un plaisir de pouvoir t'aider. Okay

Difficile pour moi de faire les tests car j'ai totalement changé mon template.

Pour le tien, il faudrait je pense, remettre la propriété align="left"

Code: Sélectionner - Agrandir
<td width="150" align="left" valign="top" class="row3">



Et rajouter la propriété align="center" dans les deux balises span qui regroupent le pseudo du posteur, son rang, son avatar et s'il est connecté ou non.

Code: Sélectionner - Agrandir
<span class="name" align="center"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails userdata" align="center">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br /><span>


Est-ce que cela fonctionne ?

Excellente semaine à toi aussi !


Forum
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Tue 16 Feb 2016 - 23:29    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Hello, super Okay
Cependant, si on est en ligne ou non s'est tassé à gauche, je préfère centrer...

Possible ?

Plus 1 !
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Forum
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Fri 19 Feb 2016 - 22:33    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Bonjour, toujours pas réglé... Razz

Le changement du 150 pour une valeur supérieure n'est pas prise en compte.
(Idem avec mon thème de test qui est différent)
Code: Sélectionner - Agrandir

<td width="150" align="left" valign="top" class="row3">

Cependant, la colonne s'ajuste automatiquement si un des avatars fait plus de 150 px de largeur...
Mais je veux que la nouvelle largeur de 250 x soit prise en compte.
Pouvez-vous m'aider, svp ?
Peut-être un autre template à modifier ?

Aussi je veux centrer la partie encadrée de ma capture ci dessous :



J'ai fait ce que du78 m'a suggéré mais pas de résultat.

Je joins mon template des fois que la blonde aurait fait une erreur... Razz

http://www.sendspace.com/file/rymm4o

Merci et beau week-end.

Cool
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Forum
Author Message
du78
Membre


Offline
Membre

Joined: 04 Jan 2016
Posts: 59
Niveau:
Point(s): 60
Moyenne: 1.02
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 2 Mar 2016 - 15:12    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Bonjour Dariel,

Excuse moi de ne pas t'avoir répondu plus rapidement.

As-tu réussi à faire ce que tu voulais ?

Je t'invite à regarder mon bout de code pour y voir plus clair :
http://jsbin.com/qokuzavezi/edit?html,output

Ce qu'il faut retenir c'est que tu peux centrer un élément (ici une div et même un paragraphe) à plusieurs niveaux.


Le premier cas (texte à gauche) :

j'ai placé du texte entre les balises
Code: Sélectionner - Agrandir
<p> et </p>

Celles-ci sont contenues dans une DIV qui porte l'attribut align="left"

Le texte sera donc placé tout à fait à gauche de son conteneur mais lui-même gardera un placement par défaut.

________________

Le deuxième cas (texte centré) :

Comme pour le premier cas mais avec l'attribut align="center" sur la div.
Le contenu est centré dans son conteneur mais lui-même gardera un placement par défaut.

________________

Le troisième cas (texte centré et conteneur centré) :

De la même façon que le deuxième cas mais qui centre aussi le conteneur sur la page entière (body)
J'englobe ce que j'avais à présent par une div qui a pour attribut align="center"


Grossomodo tu dois repérer les éléments que tu veux centrer et de savoir par rapport à quoi tu veux obtenir cette propriété. (quel est le conteneur ?) car dans le 2e exemple on peut avoir un élément centré mais qui apparait, visuellement parlant, à gauche car son conteneur est placé ainsi.

J'espère avoir pu t'aider.

N'hésite surtout pas ! Okay


Forum
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Thu 10 Mar 2016 - 07:54    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Hello vous Razz

Oh la la, ça me semble du chinois.
Faut dire que je viens de passer 2 semaines d'enfer et mon ti coco ne peut plus rien prendre...

J'ai modifié ce bout de code et la largeur de la colonne reste à 150 pixels et n'est pas centrée :
Code: Sélectionner - Agrandir
   
<!-- BEGIN postrow -->
   <tr>
      <td width="250" align="left" valign="top" class="row3"><span class="gen" ><span class="name" align="center"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails userdata" align="center">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br /><span>{postrow.POSTER_JOINED}</span><br /><span>{postrow.POSTER_POSTS}</span><br /><span>{postrow.POSTER_FROM}</span></span>
                <br /></td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
 


Capture :



Je crois qu'il y a quelque chose qui ne va pas avec le thème zenGarden...
J'ai installé un autre thème sur le forum test et les changements sont pris en compte...

Misère !!!
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Forum
Author Message
du78
Membre


Offline
Membre

Joined: 04 Jan 2016
Posts: 59
Niveau:
Point(s): 60
Moyenne: 1.02
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Thu 10 Mar 2016 - 10:44    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Bonjour à toi,

As-tu essayé sur un autre navigateur internet ? Je vois que tu utilise Internet Explorer...Je ne sais pas si comme sur Firefox ou Chrome il y a des outils mais on peut facilement retrouver quel fichier CSS est utilisé pour la mise en page. Peut-être que la modification de ton HTML dans le template n'est pas suffisante ?


Forum
Author Message
Dariel
Membre


Offline
Membre

Joined: 12 Jul 2015
Posts: 63
Niveau:
Point(s): 58
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Féminin Lion (24juil-23aoû)

PostPosted: Fri 11 Mar 2016 - 02:37    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Hello du78,

Des résultats différents avec Internet Explorer, Chrome et Firefox mais la colonne reste toujours aussi étroite...

J'ai testé un autre thème et tout est identique avec les 3 navigateurs.
Je crois que je vais me résoudre à changer de thème...

Pour les 2 thèmes, la largeur de la colonne ne change pas en changeant le width pour une valeur plus élevée...
mais celle du 2ième thème est plus large ce qui me convient mieux...

Merci et belle fin de soirée ou nuit

Cool
_______________________
L'ouverture d'esprit n'est pas une fracture du crâne !


Forum
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 438
Niveau:
Point(s): 534
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Fri 11 Mar 2016 - 11:57    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar Reply with quote

Salut Dariel,

Malheureusement, tu changes la largeur de la mauvaise cellule.

Dans ton template VIEWTOPIC_BODY.TPL, tu trouveras ceci :

Code: Sélectionner - Agrandir
<th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>


C'est donc à cet endroit qu'il faudra modifier la valeur de l'attribut width.
_______________________
Following members like this message:
Dariel (11/03/16)


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 18:52    Post subject: [Résolu] Centrer Pseudo - Rang - Avatar

Display posts from previous:   
Reply to topic Page 1 of 2 Goto page: 1, 2  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401