Template déjà modifié, système de j'aime

[JuliaLany]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : 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,
sur le lien suivant : , il est intitulé que le template de sujet doit être vierge. Mais quand est-il pour les forums qui ont ce template déjà modifié ? Est-ce possible de réaliser un tutoriel spécialement pour eux ? Merci beaucoup.

[Neptunia]

Bonjour ^^

sur le lien suivant :

Pourriez-vous poster le lien en plus gros SVP ? même au zoom maximal du navigateur je ne vois aucun lien !

il est intitulé que le template de sujet doit être vierge. Mais quand est-il pour les forums qui ont ce template déjà modifié ?

Les tutos sont proposés sur la base de templates d'origine, mais cela ne veut pas dire qu'il ne fonctionnera jamais sur un template modifié. Tant que les identifiants restent les mêmes et que la structure reste la même, le tuto fonctionnera même si visuellement les modifications avaient l'air spectaculaires.

Est-ce possible de réaliser un tutoriel spécialement pour eux ?

Maintenant je vais prendre un exemple simple. Le corps d'un message qui, sur plusieurs versions utilise la class .postbody. Vous ne parlez pas un mot d'anglais et lorsque vous avez édité le template vous avez préféré recourir à des identifiants plus parlants comme .corpsmessage et allez évidemment utiliser cet identifiant pour enjoliver le truc via CSS.
Ensuite vous passez sur les tutos dont un qui vous demande de remplacer la totalité de la div .postbody (avec tout le code affiché dans le tuto) par un autre contenu qui conservera cette classe postbody.

- Soit vous êtes attentive et vous vous direz que ça fonctionne pas parce que vous n'avez pas de .postbody
- Soit vous l'êtes un peu moins et vous allez remplacer la div .corpsmessage de votre template par la div .postbody du tuto. Et là ça fonctionnera parfaitement sauf que tout le css que vous aviez basé sur .corpsmessage deviendra inopérant.

En alignant 2 ou 3 neurones, il aurait suffi de remplacer le postbody du tuto et de son css par corpsmessage pour faire fonctionner un tuto sur un template déjà modifié.

Et il est évidemment possible de modifier son template dans tous les sens et impossible de proposer des tutos couvrant tous les cas de figure qui sont par définition infinis.

---

Edité : Pas très malin de cacher le lien du tuto si c'est pour ce tuto que vous demandez de l'aide.

Alors pour commencer il n'y a aucune modif à faire sur le template pour que ça fonctionne.
La modif suggérée est optionnelle et ne concerne que la version mobile.

Avez-vous au moins modifié le template mobile ?

Si oui, du moment que le bloc suivant est toujours présent :

Code:

<ul class="post-buttons">
                <li>{postrow.displayed.EDIT_IMG}</li>
                <li>{postrow.displayed.DELETE_IMG}</li>
            </ul>

le tuto fonctionnera.
Si vous aviez déplacé ces icônes Editer et Supprimer, à vous de décider comme une grande à quel endroit vous voulez ajouter les boutons de vote

[JuliaLany]

Bonjour,

Merci pour toutes ces réponses sur mes sujets, mais il est vrai que cela reste toujours flou pour moi parce que, j'ai beau ajouté le template suggéré pour le mobile, je n'arrive pas à avoir un système similaire à ce qui est présenté (même au niveau des images ect), et lorsque je mets le viewtopic_body à nu, là par contre, ça marche. Je suis complètement novice dans les codages/css/template/ect... donc excusez-moi si pour vous tout ceci vous parait évident, sachez que ça ne l'est pas forcément pour tout le monde.

EDIT: J'ai ainsi ré-essayé de nouveau, mais toujours rien. Le CSS inscrit est bien présent dans le mien, le javascript donné est sur toutes les pages, j'ai rajouté le template mobile... ça m'affiche le système de réputation basique avec la barre verticale verte et les boutons + / -

Voici mon template, puisqu'il semble être à la source de mon problème (vu que lorsque je le supprime, le système marche...) et d'ailleurs, le javascript du tutoriel me supprime les notifications+le haut du quickmessage, mais c'est sûrement dû au template, encore une fois... (SOUS HIDE!)

[JuliaLany]

up

[JuliaLany]

toujours up

[JuliaLany]

up

[Invité]

Hello JuliaLany et Hélène   ,

je rejoins totalement Neptunia pour ne rien dévoiler, si tu viens ici , c'est que tu as besoin d'aide donc à mon premier visuel tout est caché!!!!!!!!
Edit:
ton template est trop modifié pour apporter une réelle correction au script, c'est un bazar monstrueux , tu apportes des table alors que cette version en est dépourvue, il vaudrait mieux retoucher tout ce template avec les divs misent à disposition


a++

[JuliaLany]

Merci pour cette réponse mais elle n'apporte pas d'aide concrète.!!!!!!!!!!!!!

[Invité]

Re,

Merci pour cette réponse mais elle n'apporte pas d'aide concrète.!!!!!!!!!!!!!

Et je pense que personne t'en apportera avec ton template modifié .
Comme je te l'ai mentionné, il faut retoucher tout ton template et
si tu le désires donner ta feuille de style dans sa totalité afin de mettre ton template dans une structure convenable et de surcroit être compatible avec l'astuce des Likes .

a++

[JuliaLany]

Le problème étant que je touche très légèrement aux templates et css... Donc je pense que ça va être mort pour moi l'astuce des likes :c

[Invité]

Re,

Le problème étant que je touche très légèrement aux templates et css... Donc je pense que ça va être mort pour moi l'astuce des likes :c

Les templates et la c.s.s ne sont pas réellement un problème pour moi , mais fais comme tu veux .

A quoi correspond ce script dans ton template ?

Code:

<script type="text/javascript">
           document.getElementById("ctnt").className += " " + document.getElementById('ctnt').innerHTML.slice(10, document.getElementById('ctnt').innerHTML.indexOf('"', 10));
           document.getElementById('ctnt').innerHTML = '';
           document.getElementById("ctnt").id = '';
         </script> <span class="custom_img" id="cimg">{postrow.displayed.POSTER_NAME}</span>
         <script type="text/javascript">
           document.getElementById("cimg").className += " " + document.getElementById('cimg').innerHTML.slice(10, document.getElementById('cimg').innerHTML.indexOf('"', 10));
           document.getElementById("cimg").innerHTML = '';
           document.getElementById("cimg").id = '';
         </script>
      

a++

[JuliaLany]

Il me semble que c'est le script qui me permet d'installer un "surnom" à un utilisateur (u1/ u2 ect...). Je te fournis mon template et mon css en message privé du coup. Merci pour ton aide encore uen fois.

EDIT ; à mince on ne peut pas te mp

template ;

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%" align="center" border="0" cellspacing="2" cellpadding="0">
    <tr><td align="left" colspan="3" nowrap="nowrap" {WIDTH_GALLERY}>
    <span class="nav">
    <!-- BEGIN switch_user_authpost -->
      <div class="enfoufh"> <div class="eeffee"><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a></div>
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
        <div class="eeffe"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a></div></div>
    <!-- END switch_user_authreply -->
    </span>
    </td></tr>
    <tr>
  <td colspan="2">
    <div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1> <span style="margin-left:10px;" class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span></div>
    </td>
    </tr>
    </table>

    <table align="center" border="0" cellspacing="0" cellpadding="0">
    <!-- BEGIN topicpagination -->
    <tr>
      <td colspan="2" align="right" valign="top"><span class="gensmall"><div class="pagination">{PAGINATION}</div></span></td>
    </tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
        <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
        </tr>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
    <tr><td colspan="2">
 <!-- BEGIN switch_vote_active -->
        <div class="vote gensmall">
        <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"></a></div>
        <!-- END switch_vote -->

        <!-- BEGIN switch_bar -->
        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
        <!-- BEGIN switch_vote_plus -->
        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
        <!-- END switch_vote_plus -->

        <!-- BEGIN switch_vote_minus -->
        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
        <!-- END switch_vote_minus -->
        </div>
        <!-- END switch_bar -->

        <!-- BEGIN switch_no_bar -->
        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
        <!-- END switch_no_bar -->

        <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
        <!-- END switch_vote -->
        </div>
        <!-- END switch_vote_active -->
  </td></tr>
        <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <tr><td colspan="2"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="namePOST"><span class="onPOST">{postrow.displayed.ONLINE_IMG}</span>
            <span><strong>{postrow.displayed.POSTER_NAME}</strong></span>    <span class="custom_title" id="ctnt">{postrow.displayed.POSTER_NAME}</span>
         <script type="text/javascript">
           document.getElementById("ctnt").className += " " + document.getElementById('ctnt').innerHTML.slice(10, document.getElementById('ctnt').innerHTML.indexOf('"', 10));
           document.getElementById('ctnt').innerHTML = '';
           document.getElementById("ctnt").id = '';
         </script> <span class="custom_img" id="cimg">{postrow.displayed.POSTER_NAME}</span>
         <script type="text/javascript">
           document.getElementById("cimg").className += " " + document.getElementById('cimg').innerHTML.slice(10, document.getElementById('cimg').innerHTML.indexOf('"', 10));
           document.getElementById("cimg").innerHTML = '';
           document.getElementById("cimg").id = '';
         </script>
     
     </div>   <strong><div class="rankPOST">{postrow.displayed.POSTER_RANK}</strong></span>
          </div></td></tr>
          <td valign="top" class="boxPOST"> <div class="contact_profil">
       {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
     </div><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div>
            <div class="abtPOST"><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE} {postrow.displayed.POSTER_RPG}</div><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT} {postrow.displayed.profile_field.SEPARATOR}</div>
     
      <!-- END profile_field --></div></td>
<td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" class="msgPOST"> 
      <div class="tktPOST"><div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}</div> <div class="tktPOSSTST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" /><span class="etoiles">♆ </span> {postrow.displayed.POST_DATE} <span class="etoiles">♆ </span></div></div>
          <div class="postbody">{postrow.displayed.MESSAGE}</div> 

        <!-- BEGIN switch_attachments -->
        <dl class="attachbox">
        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
        <dd>
        <!-- BEGIN switch_post_attachments -->
        <dl class="file">
        <dt>
        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

        <!-- BEGIN switch_dl_att -->
        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
        <!-- END switch_dl_att -->

        <!-- BEGIN switch_no_dl_att -->
        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
        <!-- END switch_no_dl_att -->
        </dt>

        <!-- BEGIN switch_no_comment -->
        <dd>
        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
        </dd>
        <!-- END switch_no_comment -->

        <!-- BEGIN switch_no_dl_att -->
        <dd>
        <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
        </dd>
        <!-- END switch_no_dl_att -->

        <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
        </dl>
        <!-- END switch_post_attachments -->
        </dd>
        </dl>
        <!-- END switch_attachments -->
        <!-- BEGIN switch_signature --><div class="signature_div">{postrow.displayed.SIGNATURE}</div> <!-- END switch_signature -->

        </div>
        </td>
        </tr>
<tr><td colspan="2"><div class="ktactPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div><!-- BEGIN contact_field --> <!-- END contact_field --></div></td></tr>
 
        <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="4">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td>
        <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" colspan="2">
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>
        <hr />
        <table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
        <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
        </tr>
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center">
        <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
        </tr>
        <!-- END no_post -->
        </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
    <tr>
    <td align="left" nowrap="nowrap" width="5%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></td>
      <div class="pagenumbok">  <td valign="bottom" {COLSPAN_PAGINATION} width="150"><span class="gensmall"><div class="pagenumb">{PAGE_NUMBER}</div></span></td></div>
    <!-- BEGIN topicpagination -->
      <td align="right" ><span class="gensmall"><div class="paginationn">{PAGINATION}</div></span></td>
    <!-- END topicpagination -->
    </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
    <td colspan="3" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
    <tr>
    <td class="catBottom" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
    <tr>
    <td class="catBottom" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="row2 postbody" valign="top">
    <!-- BEGIN link -->
    » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
    <!-- END link -->
    </td>
    </tr>
    </table>
    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
    <tbody>
    <tr>
    <td class="catBottom">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td valign="top">
    <div class="cattitle"> {L_FORUM_RULES}</div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo">
    <img src="{RULE_IMG_URL}" alt="" />
    </td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">
    {RULE_MSG}
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td colspan="2" align="center" style="padding:0px">
    <!-- BEGIN switch_user_logged_in -->
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}<br />
    <!-- END switch_user_logged_in -->
    </td>
    </tr>
    <tr>
    <td style="margin:0; padding: 0;" colspan="2">
    <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
    <tbody>
    <!-- BEGIN show_permissions -->
    <tr>
    <td valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
    <td valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
    </tr>
    <!-- END show_permissions -->
    <tr>
    <td class="catBottom" colspan="2" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
    <!-- BEGIN show_permissions -->
    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
    <!-- END show_permissions -->
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td style="margin:0; padding: 0;" colspan="2">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
    <tbody>
    <tr>
    <td class="catBottom" colspan="2" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
    <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
    <span class="nav">
    <!-- BEGIN switch_user_authpost -->

    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
 
    <!-- END switch_user_authreply -->
    </span>
    </td>


    <!-- BEGIN moderation_panel -->
    <td align="center">
    <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
    </td>
    <td align="center" width="250">
    <span class="gensmall"> </span>
    </td>
    <!-- END moderation_panel -->
    </tr>
    </table>
    </form>
 
    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
    <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
    <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}" />

    <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;</span>
    </form>
    </td>
    </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', '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>

css ;

https://www.aht.li/3151373/CSSLAST.css

[JuliaLany]

up

[Invité]

Hello JuliaLany,
je peux te refaire ton template avec le même visu mais il faudra refaire le style sur les apparences car la c'est
une catastrophe de tout reprendre .


Je pense avoir fait le tour,
ton template est toujours sauvegardé ici en cas ou!!!

Remplaces tout le contenu par celui-ci:

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 = {  };
    }
});

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>

  <span class="nav">
    <!-- BEGIN switch_user_authpost -->
      <div class="enfoufh"> <div class="eeffee"><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a></div>
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
        <div class="eeffe"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a></div></div>
    <!-- END switch_user_authreply -->
    </span>
  <div id="tlePOST"><h1 class="cattitle">{TOPIC_TITLE}</h1> <span style="margin-left:10px;" class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND}  <a href="#bottom">{L_GOTO_DOWN}</a></span></div>
<div class="topic-actions">
  <div class="pagination">{PAGE_NUMBER}&nbsp;•&nbsp;</div>
<div class="clear"></div>
</div>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><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="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->

   <!-- BEGIN hidden -->

      <div class="post {postrow.hidden.ROW_COUNT}">
         <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->

<div class="namePOST"> 
<div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
  <span class="onPOST">{postrow.displayed.ONLINE_IMG}</span>
            <span><strong>{postrow.displayed.POSTER_NAME}</strong></span>   
  <span class="custom_title" id="ctnt">{postrow.displayed.POSTER_NAME}</span>
        <script type="text/javascript">
          document.getElementById("ctnt").className += " " + document.getElementById('ctnt').innerHTML.slice(10, document.getElementById('ctnt').innerHTML.indexOf('"', 10));
          document.getElementById('ctnt').innerHTML = '';
          document.getElementById("ctnt").id = '';
        </script> <span class="custom_img" id="cimg">{postrow.displayed.POSTER_NAME}</span>
        <script type="text/javascript">
          document.getElementById("cimg").className += " " + document.getElementById('cimg').innerHTML.slice(10, document.getElementById('cimg').innerHTML.indexOf('"', 10));
          document.getElementById("cimg").innerHTML = '';
          document.getElementById("cimg").id = '';
        </script>
   
    </div> 
 
  <div class="rankPOST"><strong>{postrow.displayed.POSTER_RANK}</strong>
          </div>

      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
         <div class="inner"><span class="corners-top"><span></span></span>
   
         <div class="postbody">

            <ul class="profile-icons toolsPOST">
               <li>{postrow.displayed.QUOTE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.DELETE_IMG}</li>
            </ul>

<h2 class="topic-title">
<div class="tktPOSSTST">
<div class="datePOST">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
<p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" />&nbsp;{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME}<span class="etoiles">♆ </span>  {postrow.displayed.POST_DATE_NEW}<span class="etoiles">♆ </span> </p>
                                  </div></div></h2>
            <div class="clearfix"></div>

            <!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
               <!-- END switch_vote -->

               <!-- BEGIN switch_bar -->
               <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                  <!-- BEGIN switch_vote_plus -->
                  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                  <!-- END switch_vote_plus -->

                  <!-- BEGIN switch_vote_minus -->
                  <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                  <!-- END switch_vote_minus -->
               </div>
               <!-- END switch_bar -->

               <!-- BEGIN switch_no_bar -->
               <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
               <!-- END switch_no_bar -->

               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
               <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

            <div style="display:none"></div>
            <div class="content clearfix">
               <div>{postrow.displayed.MESSAGE}</div>
                  <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file clearfix">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_no_dl_att -->

                              <!-- BEGIN switch_no_comment -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                              <!-- END switch_no_dl_att -->

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                           </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
                  <!-- END switch_attachments -->
            </div>
            {postrow.displayed.EDITED_MESSAGE}
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}" style="float:none;">
            <!-- div class="online2"></div-->
<div class="contact_profil">
      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
    </div><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div>
            <div class="abtPOST"><div class="imgrankPOST">{postrow.displayed.RANK_IMAGE} {postrow.displayed.POSTER_RPG}</div>
<div style="display:none;">{postrow.displayed.POSTER_NAME}</div><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT} {postrow.displayed.profile_field.SEPARATOR}</div>
   
      <!-- END profile_field --></div>
            <dl>
               <dt>
<div style="display:none;">{postrow.displayed.POSTER_NAME}</div>
               </dt>
            
            </dl>
         </div>

         <div class="clear"></div>

         <p class="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

<p class="left-box"><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></p>

<div class="clear"></div>

<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
   <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
   <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
   <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
   <div class="clear"></div>
   <div>
      <!-- BEGIN link -->
      »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <span class="corners-top"><span></span></span>
   <div class="h3">&nbsp;{L_FORUM_RULES}</div>
   <div class="clear"></div>
   <table class="postbody">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

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

<hr />

<div class="topic-actions">
   <div class="buttons">
      <!-- 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;&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 -->
   </div>

   <div class="pathname-box">
      <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
   </div>

   <div class="pagination">
      {PAGE_NUMBER}
   </div>
</div>
<div class="clear"></div>

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
   <label>{L_JUMP_TO}:&nbsp;</label>
   {S_JUMPBOX_SELECT}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
   <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}" />
   <label>{L_MOD_TOOLS}:&nbsp;</label>
   {S_SELECT_MOD}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
   <div class="h3">{L_TABS_PERMISSIONS}</div>
   {S_AUTH_LIST}
<!-- END show_permissions -->

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

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>


Penses à enregistrer puis à valider en cliquant respectivement sur puis

Le script initial du Like sera fonctionnel.
Il faudra sûrement ajuster de trois trucs afin d'arriver au même résultat, mais te voilà avec un template cohérent avec ta version .








a++

[JuliaLany]

Merci beaucoup