Mais où se place ses codes !

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mais où se place ses codes !

Message par Neiko Seiteki le Dim 20 Juin 2010 - 20:47

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

Neiko Seiteki
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 20/06/2010

http://ecchi-school.forumactif.com/
Neiko Seiteki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mais où se place ses codes !

Message par Invité le Dim 20 Juin 2010 - 22:09

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mais où se place ses codes !

Message par Neiko Seiteki le Lun 21 Juin 2010 - 11:34

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.

Neiko Seiteki
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 20/06/2010

http://ecchi-school.forumactif.com/
Neiko Seiteki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mais où se place ses codes !

Message par Sen Hime le Lun 21 Juin 2010 - 15:34

@Neiko Seiteki a écrit: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://illiweb.com/_.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)

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mais où se place ses codes !

Message par Neiko Seiteki le Lun 21 Juin 2010 - 16:15

SA MARCHE ! Very Happy
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. ^^

Neiko Seiteki
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 20/06/2010

http://ecchi-school.forumactif.com/
Neiko Seiteki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mais où se place ses codes !

Message par Sen Hime le Lun 21 Juin 2010 - 16:49

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://illiweb.com/_.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://illiweb.com/_.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

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mais où se place ses codes !

Message par Neiko Seiteki le Lun 21 Juin 2010 - 17:11

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 ! Very Happy
Mille fois merci de votre aide ! Very Happy


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

Encore merci ! ^^

Neiko Seiteki
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 20/06/2010

http://ecchi-school.forumactif.com/
Neiko Seiteki a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum