Modification template "view_topic_body" (punbb)

[Romann]

Détails techniques

Version du forum : punbb
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour, voila j'aimerai modifier le template (view topic body) cependant, j'ai peur de faire des bêtises.

Je suis une codeuse amatrice, je connais les bases et sais modifier un peu un codage, cependant celui ci me pose problème, car je ne sais pas a quoi correspondent certaine "balises" ( --> {...} )

Je suis fondatrice et travail sur Punbb (pour la première fois...)

Si quelqu'un pouvait m'en faire un résumé ça m'aiderai beaucoup ! J'ai déjà ma base de tableau mais je ne sais pas comment y mettre les bonne informations au bon endroit

Le tableau :




Merci de vos réponses !
Bonne soirée !

[Neptunia]

Bonjour Romann, et bienvenue sur le Forum des Forums Forumactif


Tout ce qui est contenu entre accolades {...] n'est pas une balise mais une variable qui sera remplacée à l'exécution du template.

Je vous invite à lire ce sujet :
Projet Template : Description des variables et templates

Sinon sans rien, quand on ne sait pas à quoi correspond une variable, un bon moyen est de rajouter quelques caractères devant et derrière et d'aller regarder à quoi cela correspond.

[Romann]

Okay merci beaucoup de votre réponse je regarde ça de suite !

EDIT : je me suis référée aux sujets dont vous m'avez parlé, le premier post est nickel, mais le second (réponse) est tout cafouillé ToT... je vous transmet la le css et le template complet, j'ai supprimer pas mal de chose, je suppose que j'aurai pas du je n'ose pas y retoucher ^^'...

Spoiler:

Code:

<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>



<br/><br/>
<table width="100%" style=" background-color:#fff;border-collapse:collapse;">
    <tr>
        <td colspan="2" width="100%" style="padding-left:30px;height:25px;font-size:20px;font-variant:small-caps;"><!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow">Nouveau message</a>&nbsp;&nbsp;
         <!-- END switch_user_authpost -->
 ▬
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}">  Répondre ici</a>
         <!-- END switch_user_authreply --></td>
    </tr>
   <!-- BEGIN postrow --><!-- BEGIN displayed -->
    <tr>
        <td colspan="2" style="color:#a1a1a1;text-align:right; font-family:'Josefin Sans', sans-serif; width:100%; padding-right:30px; height:30px;font-size:24px; background-image:url(http://img4.hostingpics.net/pics/854932vert.jpg);">{TOPIC_TITLE} ◄ ◄ ◄</td>
    </tr>
    <tr style="width:200px;">
      <td style="max-width:198px;text-align:center; font-family:'Josefin Sans', sans-serif;font-size:20px; background-color:#fff3c3;">{postrow.displayed.POSTER_NAME}<br/>{postrow.displayed.ONLINE_IMG}</td>
      <td style="color:#a1a1a1;text-align:right; font-family:'Josefin Sans', sans-serif; line-height:3px;padding-top:3px;width:590px; height:20px;font-size:12px;">{postrow.displayed.ICON} {postrow.displayed.POST_DATE_NEW}<div style="color:#717171">{postrow.displayed.EDITED_MESSAGE}</div></td>
    </tr>
    <tr style="text-align:center;font-family:'Josefin Sans', sans-serif;">
        <td style="background-color:#fff3c3;"><div class="contenanta">
                        
               <div class="contenua">
                        <!-- 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>
          {postrow.displayed.POSTER_AVATAR} 
            </div></td>
        <td rowspan="3" valign="top">
      {postrow.displayed.MESSAGE}

<!-- BEGIN switch_signature -->
<div class="sig-content">{postrow.displayed.SIGNATURE_NEW}</div>
<!-- END switch_signature -->
</td>
    </tr>
    <tr style="text-align:center;font-family:'Josefin Sans', sans-serif;">
        <td style="background-color:#fff3c3;">{postrow.displayed.RANK_IMAGE}</td>
    </tr>
    <tr style="text-align:center;font-family:'Josefin Sans', sans-serif;background-color:#fff3c3;">
        <td>{postrow.displayed.IP_IMG}{postrow.displayed.PROFILE_IMG}{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></td>
    </tr>
    <tr>
        <td colspan="2" style="border-top:1px solid #87d093;text-align:right;font-family:'Josefin Sans', sans-serif;">{postrow.displayed.THANK_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.REPORT_IMG}</td>
    </tr>
</table>
<!-- END displayed --><!-- END postrow -->


<div class="main paged">
   <div class="main-foot clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
         <input type="hidden" name="t" value="{TOPIC_ID}" />

         <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         <!-- BEGIN viewtopic_bottom -->
         {S_TOPIC_ADMIN}
         <!-- END viewtopic_bottom -->
      </p>
   </div>

   

   <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
   </div>

</div>

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Code:

div.contenanta {
    width:200px;  /*largeur du contenant, la meme que celle de l image*/
    height:300px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: hidden;
  margin-left:1.5px;
}
 div.contenua {
    width:200px;  /*largeur du contenant, la meme que celle de l image*/
    height:300px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
  margin-left:1.5px;
 }
.contenanta img {
    width:200px;  /*largeur du contenant, la meme que celle de l image*/
    height:300px; /*hauteur du contenant, la meme que celle de l image*/
    position: relative; 
    bottom: 300px; /*ici mettre la hauteur de l image*/
    transition: 0.5s;  /*pour l effet de transition*/
  margin-left:1.5px;
}
.contenanta:hover img {  /*au survol de la souris sur le bloc*/
    bottom: 600px; /*ici mettre deux fois la hauteur de l image*/
    transition: 0.5s;  /*pour l effet de transition*/
  margin-left:1.5px;
}


[Excidius]

Salut ! Je suis de phpBB2, mais j'ai l'habitude de me casser la tête dans les template de forumactif.

Je vais regarder ton problème de plus près et en même temps je te donne un conseil, décrypte le template dans sa totalité. En différents endroits du template où tu es curieuse, met juste "test" et met en ligne le template. Tu rafraichie la page et tu cherche où est marqué test. Cela semble stupide et lent, mais crois-moi de mon côté ça m'a permit de modifier tout ce que je veux sur mon forum et en toute sécurité x]

[Romann]

Salut ! merci de venir à mon aide, j'ai essayer ce que tu me dis, mais pour plusieurs choses ca n'affiche pas, donc je n'arrive pas a savoir de quoi il s'agit v_v...

[Excidius]

J'ai bien observé le template, ou voir peut-être pas assez. Normalement cela devrai être identique... La seule chose que je puisse faire c'est dire des possibilités.

J'ai constaté sur mon propre forum une fois alors que je modifiais mes templates, que parfois en changeant une balise le forum se déformait totalement, c'est peut-être ton cas. Le fait d'avoir changé cela :/ Ou alors les "class" aussi.

Ou bien peut-être un problème avec un script.

C'est tout ce que je peux dire x) Du moins pour l'instant, je vais continuer à chercher.

[Romann]

Je continue de chercher aussi de mon coté ^^ merci de m'aider c'est vraiment gentil

[Excidius]

En regardant ton forum je constate que ce que tu souhaites faire cela se rapproche un peu plus du template basique de phpbb2.

Je peux bien te proposer de changer de version... Seulement cela viendrai à refaire totalement le codage du forum... Sinon je peux aussi bien t'envoyer un template décrypté. Enfin, solution à envisager en vraiment dernier temps ! XD

[Romann]

changer de version :/ ... en effet je devrais alors refaire tout mon codage v_v... et j'en aurai encore pour des heures de travail ToT

EDIT : je me suis rendue compte que je n'étais pas sous phpbb3 mais sous punbb (erreur a l'inscription ToT) ! v_v j'ai essayer de le repasser sous phpbb2... mais le resultat est catastrophique et je n'ai pas vraiment la motivation de tout recommencer a 0 v_v

[Romann]

Up ... ?

[Excidius]

J'ai une mauvaise nouvelle. En ce moment même j'écris avec mon portable... Mon ordinateur a rendu l'âme alors je ne peux plus coder :/... Avec mo n portable je peux pas voir les codes dans leurs totalité.

[Romann]

ToT Nooooon courage a toi en tout cas jessaierai de trouver une solution merci en tout cas !


Pour ceux qui voudraient m'aider :

Mon problème n'a pas changer (ToT)

[Romann]

UP ToT

[Romann]

UP ...

[Invité]

Salut Romann ,

bon je vais tâcher de comprendre ton sujet car le titre mentionne la version punbb , ton profil la version 2 et tu demandes une aide pour la version phpbb3 ?




Dans un premier temps , il faudrait éditer ton sujet et modifier le titre .

Donc si je comprends bien tu veux connaitre toutes les variables sur phpbb3 ?

Neptune- a donné l'essentiel ici

https://github.com/Etana/template/blob/master/variables_avec_description.md#readme

a++

[Romann]

oui, le titre est bon, mon forum est bien sous punbb,

j'ai fait une erreur en rédigeant le topic,

et sur mon profil il y a écrit phpbb2 juste parce que je suis plus à l'aise sur phpbb2,

et qu'a la création du forum j'ai aussi pas fait attention et suis restée sur punbb...

(un changement de version m'aurait fait perdre tous mes codage et mises en page...)

J'ai pris en compte ce que Neptune m'avait donné comme information, cela m'a permis de faire la mise en page du premier poste, mais les réponses n'en ont aucune ...

Donc mon problème reste le suivant : lorsque je poste une réponse a un sujet, aucune mise en forme (codage) n'est prise en compte ... Pour mieux comprendre de quoi je parle : .www

je reposte mon codage :

Code:

<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>
<table width="100%" style=" background-color:#fff;border-collapse:collapse;border-top:solid 26px #fff3c3;">
    <tr>
        <td colspan="2" width="100%" style="padding-left:-30px;height:25px;font-size:20px;font-variant:small-caps;">
          <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
         <!-- END switch_user_authpost -->

         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
          </td>
    </tr>
   <!-- BEGIN postrow --><!-- BEGIN displayed -->
    <tr>
        <td colspan="2" style="color:#a1a1a1;text-align:right; font-family:'Josefin Sans', sans-serif; width:100%; padding-right:30px; height:30px;font-size:24px; background-image:url(http://img4.hostingpics.net/pics/854932vert.jpg);">{TOPIC_TITLE} ◄ ◄ ◄</td>
    </tr>
    <tr style="width:200px;" valign="top">
      <td style="max-width:198px;text-align:center; font-family:'Josefin Sans', sans-serif;font-size:20px; padding-top:5px;background-color:#fff3c3;height:30px;">{postrow.displayed.POSTER_NAME}<br/><div style="position: relative; height:1px;width:10px;left:143px;top:15px;z-index:99;">{postrow.displayed.ONLINE_IMG}</div></td>
      <td style="color:#a1a1a1;text-align:right; font-family:'Josefin Sans', sans-serif; line-height:3px;padding-top:3px;width:590px; height:20px;font-size:12px;">{postrow.displayed.ICON} {postrow.displayed.POST_DATE_NEW}<div style="color:#717171">{postrow.displayed.EDITED_MESSAGE}</div></td>
    </tr>
    <tr style="text-align:center;font-family:'Josefin Sans', sans-serif; height:310px;">
        <td style="background-color:#fff3c3;" valign="top"><div class="contenanta">
                        
               <div class="contenua">
                  
<!-- 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>
          {postrow.displayed.POSTER_AVATAR} 
            </div></td>
        <td rowspan="3" valign="top" style=" text-align:left;">
          <div style=" min-height:400px ;">{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_signature -->
<div class="sig-content">{postrow.displayed.SIGNATURE_NEW}</div>
<!-- END switch_signature -->
          <div valign="bottom" style="text-align:right;">{postrow.displayed.IP_IMG}{postrow.displayed.PROFILE_IMG}{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
</td>
    </tr>
    <tr style="text-align:center;font-family:'Josefin Sans', sans-serif;max-height:70px;">
      <td valign="top" style="background-color:#fff3c3;">{postrow.displayed.RANK_IMAGE}</td>
    </tr>
    <tr style="text-align:center;font-family:'Josefin Sans', sans-serif;background-color:#fff3c3;max-height:70px;">
        <td valign="top"></td>
    </tr>
    <tr>
        <td colspan="2" style="border-top:1px solid #87d093;text-align:right;font-family:'Josefin Sans', sans-serif;">{postrow.displayed.THANK_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.REPORT_IMG}</td>
    </tr>
</table>
<!-- END displayed --><!-- END postrow -->


<div class="main paged">
   
<div class="main-foot clearfix">
<p class="options">
         <input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- BEGIN viewtopic_bottom -->
         {S_TOPIC_ADMIN}
         <!-- END viewtopic_bottom -->
         <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         
      </p>
   </div>
   

   
</div>

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

    <div class="contenant3">
                        
               <div class="contenu3">
                  <div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>         
               </div>
                         <img src="http://img11.hostingpics.net/pics/315021EHE.jpg" />     
            </div>



<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

[Invité]

Salut Romann,

effectivement , c'est la cata, il vaut remettre le template par défaut et reprendre le codage en t'aidant des variables mentionnées sur le lien ci-dessous:
https://github.com/Etana/template/blob/master/variables_avec_description.md#readme
a++

[Romann]

Concrètement, le lien que tu viens de me donner, c'est celui qui est mentionné dans le sujet que m'a donner Neptune... je m'en suis déjà servie.

[Romann]

UP...

[Romann]

Up...

[Romann]

Up

[Romann]

Edit : bon au final j'ai trouver une solution. merci a ceux qui ont tenté de m'aider. Je note le sujet : résolu.