[Commande codage][Terminée - Miettes] commande pour un nouveau profil+message

Bonjour à vous les râleuses, je reviens vers vous pour votre tallent et la dernière fois je n'étais vraiment pas déçus du résultat.


Type de commande (modification de templates, en-tête, qeel, mise en page de messages, pub, autres) : Profil+message
Pour quel forum : http://dragonspub.forumpro.fr/
Maquette graphique/schéma/croquis : maquette et maquette bis
Informations utiles (couleurs, images, etc, …) : Pour les couleurs voir maquette bis. Taille width:900px . La taille des avatars est de 200x320px. Bouton clan => taille 70x70px. Petit bouton
Bien sur les boutons nouveau, répondre se trouve également en haut à gauche (normal quoi).
Le pseudo et le rang est écrit en blanc.
Police pour le titre du sujet et le pseudo => HTML :

Code:

<link href="https://fonts.googleapis.com/css?family=Almendra+SC" rel="stylesheet">

   CSS:

Code:

font-family: 'Almendra SC', serif;

Les autres polices sont à défaut, mais si vous en trouvez de sympa qui irai bien n'hésitez pas.
S'il manque quelque chose, n'hésitez pas à me le dire, sinon vous êtes libre.
J'aimerais savoir quel façon serait le plus simple pour insérer mes "clans" dans le panneau d'administration? Via la partie du profil membre? Ou autre?
Le code pourra-t-il être mis en libre service ensuite ? pour le moment non, mais quand je ne l'utiliserais plus, vous pourrez sans souci.

Merci beaucoup.
PS: les codes sont pour le 21/12 . Ce n'est donc pas urgent.

Coucou

Je vais m'occuper de toi :p

J'aimerais savoir quel façon serait le plus simple pour insérer mes "clans" dans le panneau d'administration? Via la partie du profil membre? Ou autre?

On va renseigner le champs dans le profil du membre et on déplacera ce champ grâce à ce tuto. c'est ce qui me parait le plus simple ; qu'en penses-tu ?

Tu sais me dire la version de ton forum ?

Coucou la version est phpBB2

On va renseigner le champs dans le profil du membre et on déplacera ce champ grâce à ce tuto. c'est ce qui me parait le plus simple ; qu'en penses-tu ?

Je te fais confiance, le plus simple pour toi pour le codage et pour moi dans l'administration. (Il va avoir trois clans)

D'accord

Et dernière petite question : est-ce que ton nouveau design est installé sur un forum de test ou pas ? (j'aimerai récupérer la CSS pour avoir les bonnes couleurs sinon, je repas de 0, comme tu veux)

Coucou, alors pour Dragon pub, j'ai pas de forum test qui lui est dédier personnellement :'( .Donc j'ai pas les couleurs, mais je prendrais les couleurs qui sont indiquer dans la maquette bis . Au moment de l’installation je ferrais tout d'un coup.

Je pourrai te prêter mon forum de test si tu veux

J'ai commencé, ça sera mis ici :
http://miettes.exprimetoi.net/t35-sujet

Ah oui, j'avais une dernière question : les rangs seront en texte ou en image ?

Coucou

Bon j'ai pas mal avancé (et en repartant d'un forum "propre")

http://commandes-tambouille.forumactif.com/t1-votre-1er-sujet#2

Et du coup, j'ai des questions :
1) est-ce qu'il y a une séparation entre les messages ?
2) Comment j'affiche la réponse rapide ?
3) Est-ce que je dois préparer du style pour un bloc "règles du forum" ?
4) comment tu veux afficher les outils de modération ?

Merci =)

Coucou, alors j'y suis aller, j'ai pu mettre quelque couleur que j'avais prévu (dans les couleurs, pas touché au code XD)

les rangs seront en texte ou en image ?

Non j'enlèverais les images, je préfère garder un texte, ça sera plus propre. La police que tu as placer va très bien^^.

1) est-ce qu'il y a une séparation entre les messages ?

Ce que tu as fait ira très bien, je pense qu'avec la partie de couleur sert un peut aussi de séparation^^.

2) Comment j'affiche la réponse rapide ?

Bonne question... Comme tu veux j'ai pas d'idées précise la dessus. Simple ou dans le même style, à voir.

3) Est-ce que je dois préparer du style pour un bloc "règles du forum" ?

Non pas la peine, car je l'ai pas installer. Ça ira très bien comme ça.^^

4) comment tu veux afficher les outils de modération ?

Normal, comme déjà présent sur le forum test. Sinon si tu as des idées je suis ouverte.

Après déjà c'est super ce que tu as fait *o*. C'est possible que les boutons "nouveau" et "répondre" soient au dessus de la case grise (du titre).

Coucou

J'ai donc sorti les boutons comme demandé. J'ai vu que tu as passé les liens en blanc. C'est un peu illisible :/ Tu veux que je change de couleurs dans pour la page des messages ?

Coucou, oui j'ai vue, mais je me dis aussi que si il y a un lien dans les messages, on le verra pas non plus...
Je vais voir de changer la couleur des liens directement ...

Sinon super pour les boutons au dessus^^.

Hello

Du coup, je te laisse voir de ton coté pour régler ça ? Tu vois d'autres choses à modifier sur la commande ou je peux te filer les infos ?

Coucou, j'ai pue mettre en place la nouvelle couleur des liens, normalement ça devrait le faire .
Peut-être mettre un peu d'espace entre les liens et la bande de couleur(avec le pseudo, rang et clan) dans le premier message(en haut). Après tout est nikel, super

coucou

J'ai modifié ^^

je te laisse y jeter un oeil :
http://commandes-tambouille.forumactif.com/t1-votre-1er-sujet#4

Hello, tout est nikel .
Donc comme demain je ne suis pas là, à partir de ce week-end tu pourras me donner les explications (si besoin et les codes etc...)
Il sera installer le 21/12 avec le nouveau thème .

Merci

Coucou

Du coup, voici les infos.


• viewtopic_body

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>

   <!-- BEGIN topicpagination -->
   <nav class="m-nav-page">
      {PAGINATION}
   </nav>
   <!-- END topicpagination -->

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
        <tr>
            <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                    <!-- BEGIN switch_user_authpost -->
                    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
                    <!-- END switch_user_authpost -->
                    <!-- BEGIN switch_user_authreply -->
                    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authreply -->
                </span>
            </td>      
            <td class="nav" valign="middle" width="100%">
            </td>      
            <td align="right" valign="bottom" nowrap="nowrap" width="100%">
                <!-- BEGIN switch_twitter_btn -->
                <span id="twitter_btn" style="margin-left: 6px; ">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                </span>
                <!-- END switch_twitter_btn -->

                <!-- BEGIN switch_fb_likebtn -->         
                <script>(function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                        fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));</script>   
                <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
                <!-- END switch_fb_likebtn -->

                <span class="gensmall bold">
                    <a class="addthis_button" href="#">{L_SHARE}</a>
                    <!-- BEGIN switch_plus_menu -->
                     | 
                    <script type="text/javascript">//<![CDATA[
                        var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                        var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                        var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                        var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                        var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                        insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                        //]]>
                    </script>
                    <!-- END switch_plus_menu -->
                </span>
            </td>
        </tr>
    </table>
      

   <div class="m-wrapper-sjt">
      <h2 class="m-titre-sjt">
         {TOPIC_TITLE}
      </h2>

      <nav class="m-nav-sjt">
         <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC_SECOND}
      </nav>

      <div class="m-msg">
         {POLL_DISPLAY}
      </div>

      <!-- BEGIN postrow -->
      <!-- BEGIN hidden -->
      <div class="m-msg">
         {postrow.hidden.MESSAGE}
      </div>
      <!-- END hidden -->
      <!-- BEGIN displayed -->
      <div class="m-msg post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}">
         <header class="m-msg-header m-d-flex">
            <div class="m-msg-info-auteur">
               <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
               <p class="m-pseudo-auteur">{postrow.displayed.POSTER_NAME}</p>
               <p class="m-rang-auteur">{postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}</p>
            </div>
            <div class="m-msg-clan-auteur">
               
            </div>
         </header>
         <div class="m-msg-wrapper m-d-flex"{postrow.displayed.THANK_BGCOLOR}>
            <div class="m-infos-posteur">
               {postrow.displayed.POSTER_AVATAR}
               <div class="m-infos">
                  <!-- BEGIN profile_field -->
                  <div class="m-champ-profil">
                     {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}
                  </div>
                  {postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </div>
            </div>
            <div class="m-msg-content">
               <div class="m-d-flex">
                  <span class="postdetails">
                     {postrow.displayed.POST_DATE}
                  </span>
                  <div>
                     {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </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>
               
               <div class="m-content">
                  <div>{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 -->

                  <div class="clear"></div>
                  <!-- BEGIN switch_signature -->
                  <div class="signature_div">
                     {postrow.displayed.SIGNATURE}
                  </div>
                  <!-- END switch_signature -->

                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </div>

               <div class="m-contact-posteur">
                  {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>
         </div>
      </div>
      <!-- BEGIN first_post_br -->
      <!-- END first_post_br -->
      <!-- END displayed -->
      <!-- END postrow -->
      <!-- BEGIN no_post -->
      <div class="m-msg">
         {no_post.L_NO_POST}
      </div>
      <!-- END no_post -->
   </div>

   <div class="m-nav-sjt bottom">
      <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>
   </div>

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" 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="row1 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 class="row2" 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 class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
   </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 -->
            <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>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></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;<input class="liteoption" type="submit" value="{L_GO}" /></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="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

• viewtopic_poll_ballot

Code:

<table class="m-sondage"><tr>
   <td colspan="2" align="right">
      <br clear="all" />
      <form method="post" action="{S_POLL_ACTION}">
         {CLOSE_POLL}
         <table cellspacing="0" cellpadding="4" border="0" align="center" >
            <tr>
               <td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span></td>
            </tr>
            <tr>
               <td align="center">
                  <table cellspacing="0" cellpadding="0" border="0" class="poll-ballot">
                     <!-- BEGIN poll_option -->
                     <tr>
                        <!-- <td><input type="radio" name="vote_id" value="{poll_option.POLL_OPTION_ID}" /> </td> -->
                        <td><input type="{poll_option.POLL_TYPE_BUTTON}" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}" /> </td>
                        <td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
                     </tr>
                     <!-- END poll_option -->
                  </table>
               </td>
            </tr>
            <tr>
               <td align="center"><input type="submit" name="submit" value="{L_SUBMIT_VOTE}" class="liteoption" /></td>
            </tr>

            <tr>
               <td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}" class="gensmall">{L_VIEW_RESULTS}</a></b></span></td>
            </tr>
         </table>
         {S_HIDDEN_FIELDS}
      </form>
   </td>
  </tr></table>

• viewtopic_poll_result

Code:

<table class="m-sondage"><tr>
   <td colspan="2" align="right"><br clear="all" />
   {CLOSE_POLL}
   <table cellspacing="0" cellpadding="4" border="0" align="center" class="poll-result">
      <tr>
         <td colspan="4" align="center" class="poll-title"><span class="gen"><b>{POLL_QUESTION}</b></span></td>
      </tr>
      <tr>
         <td align="center">
            <table cellspacing="0" cellpadding="0" border="0">
               <!-- BEGIN poll_option -->
               <tr>
                  <td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>

                  <td>
                  <table cellspacing="0" cellpadding="0" border="0" class="progress-bar">
                     <tr>
                        <td><img src="{VOTE_LCAP_IMG}" height="12" alt="" /></td>
                        <td><img src="{poll_option.POLL_OPTION_IMG}" width="{poll_option.POLL_OPTION_IMG_WIDTH}" height="12" alt="{poll_option.POLL_OPTION_PERCENT}" /></td>
                        <td><img src="{VOTE_RCAP_IMG}" height="12" alt="" /></td>
                     </tr>
                  </table>
                  </td>
                  <td align="center"><b><span class="gen"> {poll_option.POLL_OPTION_PERCENT} </span></b></td>
                  <td align="center"><span class="gen">[ {poll_option.POLL_OPTION_RESULT} ]</span></td>

               </tr>
               <!-- END poll_option -->
            </table>
         </td>
      </tr>
      <tr>
         <td colspan="4" align="center" class="poll-results"><span class="gen"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></span></td>
      </tr>
      <tr>
         <td colspan="4">&nbsp;</td>
      </tr>
      <!-- BEGIN cancel_vote -->
      <tr>
         <td colspan="4" align="center"><span class="gen"><b><a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a></b></span></td>
      </tr>
      <!-- END cancel_vote -->
      <!-- BEGIN switch_hide_result -->
      <tr>
         <td colspan="4" align="center"><span class="gen">{L_POLL_HIDE_RESULT}</span></td>
      </tr>
      <!-- END switch_hide_result -->
   </table>
   <br clear="all" />
   </td>
  </tr></table>

Code:

:root{
  --couleur0: #000;
  --couleur1: #d4d4d4;
  --couleur2: #666;
  --couleur3: #fff;
  --couleur4: #a9a9a9;
  --couleur5: #f1f1f1;
}

body{
  color: var(--couleur0);
  font-size: 14px;
  font-family: Tahoma;
  line-height: 1;
}

.bodylinewidth{
  margin-top: 50px;
}

/*********************************************/
/*            CODAGE Miettes                */
/* http://tambouille-raleuses.forumactif.com */
/*********************************************/

.m-d-none{
  display:  none;
}

.m-d-flex{
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/*_____ PROFIL + MESSAGE _____*/
.m-wrapper-sjt{
  background: var(--couleur1);
  box-sizing: border-box;
  margin: auto;
  padding: 10px;
  width: 900px;
}

.m-wrapper-sjt h2.m-titre-sjt{
  color: var(--couleur2);
  font: bold 32px/1 'Almendra SC', serif;
  margin: 5px 0;
  text-align: center;
}

.m-wrapper-sjt .m-nav-sjt{
  margin: 0 0 30px;
  text-align: center;
}

/*** --- Un message --- ***/
.m-wrapper-sjt .m-msg{
  width: 100%;
}

/*** header ***/
.m-wrapper-sjt .m-msg-header{
  align-items: center;
  margin-bottom:  10px;
  padding: 10px 30px;
}

.m-wrapper-sjt .m-msg-header .m-pseudo-auteur a,
.m-wrapper-sjt .m-msg-header .m-rang-auteur{
  color: var(--couleur3) !important;
  text-decoration: none;
}

.m-wrapper-sjt .m-msg-header .m-pseudo-auteur{
  font: normal 28px/1 'Almendra SC', serif;
  letter-spacing: .2rem;
  margin: 0;
  padding: 0;
}

.m-wrapper-sjt .m-msg-header .m-rang-auteur{
  font:  normal 18px/1 'Dancing Script', cursive;
  margin: 0 0 0 20px;
  padding: 0;
}

/*** Colonne de gauche ***/

/* Avatar */
.m-wrapper-sjt .m-msg-wrapper .m-infos-posteur > a:first-child > img{
  display: block;
  height: 320px;
  width: 200px;
}

/* Champs de profil */
.m-wrapper-sjt .m-msg-wrapper .m-infos-posteur > .m-infos{
  margin: 10px 0;
}

.m-wrapper-sjt .m-msg-wrapper .m-infos-posteur > .m-infos .m-champ-profil{
  background:  var(--couleur4);
  font-size:  12px;
  margin: 5px 0;
  padding:  4px;
}

.m-wrapper-sjt .m-msg-wrapper .m-infos-posteur > .m-infos .m-champ-profil,
.m-wrapper-sjt .m-msg-wrapper .m-infos-posteur > .m-infos .m-champ-profil .label > span{
  color: var(--couleur5) !important;
}

.m-wrapper-sjt .m-msg-wrapper .m-infos-posteur > .m-infos > br{
  display: none;
}

/*** Colonne de droite ***/
.m-wrapper-sjt .m-msg-wrapper .m-msg-content{
  padding: 0 10px 0;
}

/* Date & boutons du haut */
.m-wrapper-sjt .m-msg-wrapper .m-msg-content > .m-d-flex{
  align-items:  center;
  font:  normal 14px/1 'Tomorrow', sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* Message */
.m-wrapper-sjt .m-msg-wrapper .m-msg-content > .m-content{
  background: var(--couleur5);
  padding: 10px;
}

/* Boutons de contact */
.m-wrapper-sjt .m-msg-wrapper .m-msg-content > .m-contact-posteur{
  margin: 10px 0;
  text-align: center;
}

/*** Autres ***/
.m-nav-sjt.bottom{
  background: var(--couleur1);
  font:  normal 12px/1 'Tomorrow', sans-serif;
  margin: 10px 0;
  padding: 10px;
}

/* Sondage */
.m-wrapper-sjt .m-sondage{
  width: 100%;
}

[Sjt] Header message & images de clans
A n'afficher que sur les sujets

Code:

$(function(){

  // On parcourt chaque message
  $('.m-msg.post').each( function(){
    var $this = $(this),
        $header = $this.find('.m-msg-header'),
        clan = false;

    // On récupère la couleur du groupe du membre
    var couleurGroupe = $header.find('.m-msg-info-auteur .m-pseudo-auteur a span').css('color');
    $header.find('.m-msg-info-auteur .m-pseudo-auteur a span').removeAttr('style');
    // On la met dans le header
    $header.css({'background' : couleurGroupe});

    // On parcourt chaque champ de profil
  $this.find('.m-msg-wrapper .m-infos-posteur .m-infos .m-champ-profil').each( function(){
      var $champProfil = $(this),
        lbl = $champProfil.find('.label > span');

        // Si on est sur le clan
        if( lbl[0].innerText == "Clan"){
          // On récupére l'image
          clan = $champProfil.find('img');
          // On supprime le champ
          $champProfil.remove();

          // On met l'image dans le header du message
          $header.find('.m-msg-clan-auteur').append(clan);
          return;
        }
   
  });

  });
 
});

---

C'est tout Pour les couleurs, je te laisse les récupérer sur le forum de test

Ah il manque le template "overall_header" aussi pour les typos :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
     xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
   <meta http-equiv="content-script-type" content="text/javascript"/>
   <meta http-equiv="content-style-type" content="text/css"/>
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
   <link rel="search" type="application/opensearchdescription+xml"
        href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <!-- BEGIN switch_recent_jquery -->
   <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
   <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
   <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch (tickerDirParam) {
         case 'top' :
            slid_vert = true;
            break;
         case 'left':
            break;
         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;
         case 'right':
            auto_dir = 'prev';
            break;
         default:
            slid_vert = true;
      }

      $(document).ready(function () {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0) {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display', 'block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each(function () {
               if ($(this).height() > height_max) {
                  height_max = $(this).height();
               }
            });

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item) {
                  var ratio = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert) {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
               scroll: 1,
               size: {switch_ticker.SIZE},
               height_max: height_max,
               animation: {switch_ticker.SPEED}
            });
         } else {
            $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
            $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
         }
      });
      //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
      $(document).ready(function () {
         <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if (pm != null) {
            pm.focus();
         }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if (report != null) {
            report.focus();
         }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
         $(document).ready(function () {
            Ticker.start({
               height: {switch_ticker.HEIGHT},
               spacing: {switch_ticker.SPACING},
               speed: {switch_ticker.SPEED},
               direction: '{switch_ticker.DIRECTION}',
               pause: {switch_ticker.STOP_TIME}
            });
         });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
         logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready(function () {
         $(window).resize(function () {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
               "left": windowWidth / 2 - popupWidth / 2
            });
         });
      });
      <!-- END switch_login_popup -->
      //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
      .jcarousel-skin-tango .jcarousel-item {
         text-align: center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
      //<![CDATA[
      (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
      a = s.createElement(o),
         m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
      })
      (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
      ga('create', '{G_ANALYTICS_ID}', 'auto');
      ga('send', 'pageview');
      ga('set', 'anonymizeIp', true);

      <!-- BEGIN google_analytics_code_bis -->
      ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
      ga('bis.send', 'pageview');
      ga('bis.set', 'anonymizeIp', true);
      <!-- END google_analytics_code_bis -->
      //]]>

   </script>
   <!-- END google_analytics_code -->
 
<link href="https://fonts.googleapis.com/css?family=Almendra+SC" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Tomorrow&display=swap" rel="stylesheet">
 
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
     vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br/>
         <span>{hitskin_preview.U_INSTALL_THEME}<a
                  href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                       onclick="parent.location='{U_REGISTER}';"/>
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>
<!-- END switch_login_popup -->

<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               <!-- BEGIN switch_logo_left -->
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_left -->
               <td align="center" width="100%" valign="middle">
                  <!-- BEGIN switch_logo_center -->
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
                  <br/>
                  <!-- END switch_logo_center -->
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br/>
                  <span class="gen">{SITE_DESCRIPTION}<br/>&nbsp; </span>
               </td>
               <!-- BEGIN switch_logo_right -->
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_right -->
            </tr>
         </table>

         <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
            <tr>
               <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
            </tr>
         </table>

         <div style="clear: both;"></div>

         <!-- BEGIN switch_ticker_new -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           <!-- BEGIN ticker_row -->
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           <!-- END ticker_row -->
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker_new -->

         <!-- BEGIN switch_ticker -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              <!-- BEGIN ticker_row -->
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              <!-- END ticker_row -->
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker -->

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                  <tr>
                     <td valign="top" width="{C1SIZE}">
                        <div id="{ID_LEFT}">
                           <!-- BEGIN giefmod_index1 -->
                           {giefmod_index1.MODVAR}
                           <!-- BEGIN saut -->
                           <div style="height:{SPACE_ROW}px"></div>
                           <!-- END saut -->
                           <!-- END giefmod_index1 -->
                        </div>
                     </td>
                     <td valign="top" width="100%">
                        <!-- BEGIN html_validation -->
                     </td>
                  </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>
<!-- END html_validation -->

Coucou, merci^^. Je vais déjà l'essayer sur un forum test que j'ai pu récupérer.

Re alors j'ai un souci avec le texte (les messages) il sont totalement sur le coté quand il y a des petits messages et pour les grands y a pas de souci.
Ça fait vraiment bizarre :/

Coucou

Dans la CSS, on va remplacer ça

Code:

.m-wrapper-sjt .m-msg-wrapper .m-msg-content {
    padding: 0 10px;
}

par ça

Code:

.m-wrapper-sjt .m-msg-wrapper .m-msg-content {
    padding: 0 10px;
    flex: 1 1 auto;
}

ça devrait régler le problème

Coucou, tout est nikel, merci beaucoup ^^.
La commande est donc terminée, et les codes seront en place le 21 .

Ah super =)

Eh bien écoute, je te propose quand même de laisser le topic ici jusqu'à la mise en place Comme ça on pourra régler les soucis de dernières minutes s'il y en a

Ok pas de souci. Il est vrai que des fois d'un forum à un autre, il peut avoir des petits truc qui bouge.

Coucou, je reviens vers toi car je suis entrain d'installer le nouveau thème et les codages.
En ajoutant le JavaScript des profil+messages, les logos ne s'affichent plus via les codes que tu m'avais donner, pour les affichages des logos en catégorie.
Ainsi que la fiche pub au niveau des nouveautés "a savoir ce moi ci".

Sinon au niveau du code en lui même niveau profil et message c'est nikel