Mais où se place ses codes !

[Neiko Seiteki]

Je vous expose mon problème.

J'aimerais changer la colonne de mon profil. D'habituelle elle ressemble a sa.

http://moe.mabul.org/up/moe/2010/06/20/img-204512ksshi.png

Et j'aimerais bien faire dessus un genre de "cadre" comme dans ce forum-ci.

http://unforgettable.forumactif.org/partie-membres-f24/problemes-questions-co-t150.htm#3317

Mais mon problème c'est que je ne sais pas comment faire, je ne m'y connais pas et j'aimerais surtout savoir, où le code se place, dans template surement mais où ?


Pourriez-vous m'aidez ? Merci beaucoup...

[Invité]

yopla!


ah bah un cadre ça peut soit être juste du css sur l'image par exemple, ou bien alors une modification de la template viewtopic_body ( ou un nom dans le genre ) et mettre un <div class=cadre></div> autour de ce qu'on veut et puis mettre du css du style :

Code:

div.cadre {
 margin: auto;
 text-align: center;
 padding: 3px;
 background: red;
}

[Neiko Seiteki]

Merci infiniment !
Je test sa et je te dis s'que sa donne ! ^^


édit : Eh bien non. J'ai trouvé dans template le viewtopic_body j'ai placé le code a la fin mais... Sans résultat, j'ai aussi appuyé sur publier, mais quand je regarde, toujours rien. Ai-je mal placé le code ? Il a une place précise ?


édit 2 : J'ai découvert ou je l'avais placé, a la fin et il se trouve qu'il est tout en bas de ma page. C'est qu'il a surement une place précise, quelqu'un pourrais m'éclairer ? :$

Merci d'avance.

[Sen Hime]

C'est qu'il a surement une place précise, quelqu'un pourrais m'éclairer ? :$

Ouep,
Retrouve ce morceau du code dans viewtopic_body :

Code:


<!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                <div class="cadre">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


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

         <img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" />
                </div>
      </td>


Et ajoute le "<div class="cadre"> et le </div> où je les ai mis (là ça englobe tout le profil, à toi d'adapter pour ne prendre que le contenu que tu veux dans la DIV)
(Pour le CSS c'est à mettre dans Images et Couleurs > Couleurs > Feuille de style CSS)

[Neiko Seiteki]

SA MARCHE !
Merci beaucoup ! ^^

J'ai néanmoins, une autre question a posé... :$
Eh bien en faite.

là ça englobe tout le profil, à toi d'adapter pour ne prendre que le contenu que tu veux dans la DIV

Comment je fais pour modifié ? J'arrive a changer la couleur, mais pas les parties que je veux.
Eh oui je ne m'y connais pas beaucoup...

Auriez-vous, un exemple ? Encore merci de votre aide. ^^

[Sen Hime]

En fait, ce qui se met à l'intérieur du cadre, c'est ce qui dans le template est à l'intérieur du DIV, autrement dit, si je reprends juste la partie du code que j'ai mis dans le DIV :

Code:

<div class="cadre">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


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

        <img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" />
</div>

Code:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

Ca c'est le nom de l'utilisateur qui a posté

Code:

{postrow.displayed.POSTER_RANK}

Ca c'est le rang

Code:

{postrow.displayed.RANK_IMAGE}

Ca c'est l'image de rang

Code:

{postrow.displayed.POSTER_AVATAR}

Ca c'est l'avatar

Code:

<!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->


Ca ce sont les champs de profil. Le commentaire BEGIN/END est important, il sert à donner l'affichage standard pour un seul des champs, mais de les afficher tous par la suite. Donc tu ne peux pas modifier séparément certains champs et pas d'autres au niveau du template.

Code:

{postrow.displayed.POSTER_RPG}

Ca c'est la feuille de personnage

Code:

<img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" />

Ca c'est juste une image vide qui sert à ce que la colonne fasse toujours bien 150px de largeur au minimum

(Note que rien ne t'empêche de changer leur ordre)

/!\ Si tu modifies sans trop connaître le HTML, tu peux tester et tu verras bien le résultat, mais attention à ne jamais couper une balise avant qu'elle soit fermée :
Ca c'est bon : <balise1><balise2></balise2></balise1>, ça aussi : <balise2><balise1></balise1></balise2>
Ca c'est mauvais : <balise2><balise1></balise2></balise1>, ça aussi : <balise1><balise2></balise1></balise2>
(un peu comme le BBCode en fait, avec un autre symbole que des crochets ..)

---------------

Donc par exemple si je fais ceci :

Code:

<div class="cadre">{postrow.displayed.POSTER_AVATAR}</div>

C'est uniquement l'avatar qui sera dans le cadre

[Neiko Seiteki]

Tu as dûs mettre du temps pour écrire tout sa... ><
Je te remercie, j'ai compris maintenant et sa semble très claire dans ma tête !
Mille fois merci de votre aide ! ♥


Bon eh bien je crois que je peux dire que c'est résolue.

Encore merci ! ^^