AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

    Remplacer avatar et pseudo selon les messages (pour compte PNJ)

    Erydrin
    Erydrin
    FémininAge : 30Messages : 69

    Jeu 6 Avr 2017 - 12:44

    Code spécial compte PNJ : changer l'avatar et le pseudo dans chaque message



    Bonjour à tous ! Je me tourne vers vous aujourd'hui pour un petit codage spécial compte PNJ. Je souhaiterais pouvoir à l'aide d'une petite balise dans un message modifier le pseudo et l'avatar du compte dans ce message uniquement, de sorte de n'avoir qu'un seul compte PNJ mais que dans chaque sujet où il intervient, je puisse faire apparaître le nom du personnage et son avatar.
    J'ai aperçu sur le libre service qu'il y avait déjà quelque chose du même acabit ici mais beaucoup plus "complexe" et "contraignant" que ce dont j'aurais besoin. Je mets quand même le lien vers l'explication, mais je ne sais pas si ça pourra aider sur ma demande (je vous avoue que si je touche un peu au html/css, je ne connais rien du javascript).
    En vous remerciant par avance de l'attention portée à ma demande :coeur:


    Schéma(s) et Eléments


    Schémas : https://2img.net/r/hpimg4/pics/996798infos.jpg
    Tailles des éléments : Les avatars font 200*350.
    Effets voulus : Que l'avatar et le pseudo soient remplaçables à chaque message
    Version de votre forum : PHPBB2


    Ressources


    Le template 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>

    <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%">
             <span class="nav">
                    <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC_SECOND}
                </span>
          </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>

    <table width="100%" border="0" cellspacing="1" cellpadding="0" >
       <tr align="right">
          <td colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                   </td>
                   <td align="right" width="9%" 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="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
             </table>
          </td>
       </tr>
       <!-- BEGIN topicpagination -->
       <tr>
          <td colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
       </tr>
       <!-- END topicpagination -->
       {POLL_DISPLAY}
       <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
       </tr>
       <!-- 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 class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                      <div class="profilmembre"><div class="pseudo"><span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><div class="flecheprofil"></div></div>
     <span class="postdetails poster-profile">
     {postrow.displayed.POSTER_AVATAR}
                                      <div class="rang">{postrow.displayed.POSTER_RANK}</div>
     <div class="infoprofil"><!-- BEGIN profile_field -->
                                      {postrow.displayed.profile_field.LABEL} <span class="infoprofilrep">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
                                      <!-- END profile_field --></div>
     {postrow.displayed.POSTER_RPG}
                        </span></div>
     </td>
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                   <td valign="top" nowrap="nowrap" class="post-options">
                      {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}
                   </td>
                </tr>
                <tr>
                   <td colspan="2" class="hr">
                      <hr />
                   </td>
                </tr>
                <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 -->

                      <div class="postbody">

                                                      <center><div class="post_message">{postrow.displayed.MESSAGE}</div></center>

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

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                   </td>
                </tr>
             </table>
          </td>
       </tr>
       <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td {postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
             <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">
             <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td valign="middle">
                      {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}
                   </td>
                </tr>
             </table>
          </td>
       </tr>
       <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <table width="100%" 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 colspan="3" height="28">
             <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
       </tr>
       <!-- END no_post -->
       <tr align="right">
          <td colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
                   <td align="right" nowrap="nowrap" width="9%" 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>
                </tr>
             </table>
          </td>
       </tr>
    </table>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
       <tr>
          <td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
       </tr>
       <!-- BEGIN switch_user_logged_in -->
       <!-- BEGIN watchtopic -->
       <tr>
          <td 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 -->
          <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 -->
                <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>

    Le CSS du forum : Voir mon post suivant, je dépasse la longueur autorisée pour ce message =)


    Autres précisions ?


    Je n'ai rien à ajouter. SI vous avez besoin de plus de précisions sur les codes déjà mis en place sur le forum, je vous mettrais ça à disposition avec plaisir.

    D'ici là, merci pour votre temps et pour votre aide. :lovebomb:



    Dernière édition par Erydrin le Jeu 6 Avr 2017 - 16:51, édité 2 fois
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 6 Avr 2017 - 14:41

    Salut!

    L'autre méthode était basée d'une suggestion du demandeur, mais il y a autant de manières de faire qu'il y a de moyens de coder Razz

    Pour la manière que tu veux utiliser, le codeur aura besoin de ton template viewtobic_body et de ton CSS svp ^^


    Dernière édition par Onyx le Jeu 6 Avr 2017 - 15:36, édité 1 fois



    Erydrin
    Erydrin
    FémininAge : 30Messages : 69

    Jeu 6 Avr 2017 - 15:00

    Salut Onyx,
    Merci pour ta précision, j'ai rajouté ça. ^^
    Le viewtopic_body est dans les ressources du premier message et je mets ici le CSS, puisque ça ne rentrait pas dans l'autre.

    Le CSS du forum :
    Code:
    /*----------------------------------------------- FORUM - NE PAS TOUCHER --------------------------------------------------*/

    /*Laisse un espace entre le haut de l'écran et le début du forum*/
    body{
      margin-top: 45px;}

    /*Les bords du forum*/
    .bodyline{
    background-image: url("http://img4.hostingpics.net/pics/248090testban2.jpg");
      background-repeat: no-repeat;
      border: 6px #8a2913 solid; /*bords rouges*/
    border-radius: 450px 450px 100px 100px;
    box-shadow: 0px 0px 10px #6e4a18; /*ombre marron*/
    padding-bottom: 30px;
    padding-top: 100px;}

    /*retire le soulignement des liens*/
    a.forumlink:hover{
    text-decoration: none !important;}
    a:link, a:link hover{
    text-decoration: none !important;}

    /*----------------------------------------------- NAVIGATION - NE PAS TOUCHER --------------------------------------------*/
    #navig {
      width: 950px;
      margin: auto;
      text-align: center;}
     
    #navigation {
      position: fixed;
      z-index: 999;
      width: 100%;
      background-color: #781414;
      border-bottom: 2px solid #D39034;
      margin-left: -10px;
      margin-top: -45px;
      padding: 5px;}
     
    /*Le texte - les liens*/
      #navig a
    {color: #D39034;
        font-size: 14px;}

    /*----------------------------------------------- PERSONNALISATION - MODIFIABLE ------------------------------------------*/

    /*Personnalisation des fonctions code, citation et spoiler - A revoir*/
    .codebox b { /*le texte de la balise*/
      color:#8A2913;
      font-family: Gabriola;
      font-size: 18px;}

    .code{
    background-color:#d3c3a9!important;
    border: 1px dotted #5F382F!important;
    padding:5px;
    border-radius: 5px 5px 5px 5px;}

    .quote{
    font-family: Book Antiqua, serif;
    font-size: 14px;
    font-style: italic;
    color: #8A2913;
    text-shadow: 1px 1px 1px #8A2913;}

    .hidecode dd {
        white-space: normal;
        color: #5F382F;
        padding: 10px;
        border-top: 4px solid #E84E55;}

    .spoiler_content {
        background-color: #F9EEEA;
        border: 1px solid #F9EEEA;
        display: block;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
        line-height: 125%;
        color: #088776;}

    /*Bloc d'écriture, smiles et messages en cours d'édition*/

    div.sceditor-toolbar {
    background-color:#F8E8E2 !important;
    border-bottom:1px solid #F8E8E2 !important;}

    .sceditor-container iframe, .sceditor-container textarea { /*zone écriture*/
    background-color:#eddcd3 !important;
    padding:5px !important;
    color:#403932 !important;}

    div.sceditor-group {
    background-color:#F3D8A7 !important;
    border:none !important;}

    a.sceditor-button {
    background-color:#F3D8A7 !important;
    border:none !important;}

    a.sceditor-button.hover {
    border:none !important;
    border:1px solid #F3D8A7;}
    .sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
    img.smiley {width: auto !important; height : auto !important;}

    #sceditor_smilies{background-color:#F9EEEA}
    sceditor_smilies{background-color:#F9EEEA}
       
    /*----------------------------------------------- PA - MODIFIABLE ------------------------------------------------*/

    /* slideshow */
    #slideshow {
      position:relative;
      width:380px;
      height:145px;
    }

    /* gestion des dimensions et débordement du conteneur */
    #slideshow .container {
      position:relative;
      width:380px;
      height:145px;
      overflow:hidden;
    }

    /* le conteneur des slides */
    #slideshow .slider {
      position:absolute;
      left:0;
      top:0;
      width:400%;
      height:145px;
      animation:slider 16s infinite;
      -webkit-animation:slider 16s infinite;
    }

    /* Fonction animation */
    @keyframes slider {
      0%,20%,100% {left:0}
      25%,45% {left:-100%}
      50%,70% {left:-200%}
      75%,95% { left:-300%}
    }
    @-webkit-keyframes slider {
      0%,20%,100% {left:0}
      25%,45% {left:-100%}
      50%,70% {left:-200%}
      75%,95% { left:-300%}
    }

    /* Fond de la PA */
    .fond_PA {
      padding:10px;
      background-color:#912D2D;
      width:900px;
      position:relative;
      }

    /* Contexte */
    .contexte_PA {
      margin-right:10px;
      background-color:#ece2d2;
      width:370px;
      height:115px;
      padding:15px;
      border: 1px solid #ca876a;
      box-shadow: 0px 0px 4px #ac6140;
      color:#BC7349;
      text-align:justify;
      font-size:12px;
      overflow:auto;
    }

    /* Liens */
    .nema {
      height:40px;
      width:150px;
      display:inline-block;
    }

    .nema a {
      display:inline-block;
      background-color:#781414;
      color:#D39034;
      font-family:'Dosis',sans-serif;
      font-size:25px;
      height:40px;
      text-align:center;
      width:145px;
      transition:all 1s ease;
      -webkit-transition:all 1s ease;
    }

    .nema a:hover {
      background-color:#3E2428;
      color:#D39034;
    }

    .nema_2 {
      height:22px;
      width:266px;
      display:block;
      margin-bottom:5px;
      background-color:#781414;
      color:#D39034!important;
      font-family:'Dosis',sans-serif;
      font-size:16px;
      text-align:center;
      transition:all 1s ease;
      -webkit-transition:all 1s ease;
    }

    .nema_2:hover {
      background-color:#3E2428;
      color:#fff;
    }

    /*Titre Staff*/
    .nema_title {
      display:inline-block;
      color:#fff;
      font-family:'Dosis',sans-serif;
      font-size:25px;
      height:30px;
      text-align:center;
      margin-bottom:5px;
      margin-top:10px;
    }

    /* Effets staff + predef */
    .stafef {
      width:320px;
      height:75px;
      background:#3E2428;
      opacity:0;
      transition:all 1s ease-in-out;
      -webkit-transition:all 1s ease-in-out;
    }

    .stafef:hover {
      opacity:1;
      -webkit-transform:rotate(-360deg);
      transform:rotate(-360deg);
    }

    .stafefico {
      width:100px;
      height:100px;
      display:inherit;
      background:#3E2428;
      opacity:0;
      transition:all 1s ease-in-out;
      -webkit-transition:all 1s ease-in-out;
    }

    .stafefico:hover {
      opacity:1;
      transform:rotate(-360deg);
      -webkit-transform:rotate(-360deg);
    }

    .predef {
      width:60px;
      height:100px;
      display:inherit;
      background:#3E2428;
      opacity:0;
      transition:all 1s ease-in-out;
      -webkit-transition:all 1s ease-in-out;
    }

    .predef:hover {
      opacity:1;
      transform:rotate(-360deg);
      -webkit-transform:rotate(-360deg);
    }

     
      /* ---------------------------------Fiche Prédéfinis--------------------------------- */
    .fond_1
    {
    background-color: #E4E4E4;
    margin: 20px;
    padding-bottom: 10px;
    box-shadow: 3px 3px 5px #000000;
    color: #353535;
    font-family: 'Verdana';
    font-size: 11px;
    }
    .fond_2
    {
    background-color: #DFDFDF;
    margin-left: 10px;
    padding-bottom: 20px;
    margin-right: 10px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    }
    .fond_3
    {
    background-color: #F0F0F0;
    border: 2px solid #BEBEBE;
    width: 85%;
    height: 152px;
    margin-left : 28px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 10px;
    overflow: auto;
    }
    .style_1
    {
    background-color: #B0C3AB;
    width: 100%
    height: 4px;
    }
    .style_2
    {
    background-color: #8D838D;
    height: 1px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: -7px;
    }
    .fond_entete
    {
      background-color: #F0F0F0;
      border-top: 4px solid #B0C3AB;
      border-bottom: 2px solid #BEBEBE;
      height: 40px;
      width: 100%;
    }
    .bloc_guillemet
    {
    text-align: right;
    margin-right: 10px;
    margin-top: -24px;
    font-family: georgia;
    font-size: 36px;
    text-shadow: 1px 1px 2px #1A1A1A;
    color: #353535;
    }
    .bloc_citation
    {
      text-align: right;
      margin: -10px 10px 0 250px;
      font-family: georgia;
      font-variant: small-caps;
      font-size: 11px;
      font-style: italic;
      letter-spacing : 2px;
      color: #879E9B;
    }
    .bloc_nom
    {
      text-align : right;
      margin-right: 40px;
      font-family: georgia;
      font-variant: small-caps;
      font-size: 14px;
      font-style: italic;
      letter-spacing: 2px;
      color: #879E9B;
    }
    .titre_1
    {
    font-family: georgia;
    margin-left: 80px;
    margin-bottom: -24px;
    font-size: 24px;
    color: #B0C3AB;
    }
    .credits
    {
    margin-top: -3px;
    margin-left: 10px;
    color: #BEBEBE;
    font-size: 10px;
    font-family: arial narrow;
    }
    .img_100
    {
      border: 2px solid #BEBEBE;
      width: 100px;
      border-top-left-radius: 15px;
      border-bottom-right-radius: 15px;
      margin-left: 30px;
    }

     
    /*---------------------------------- DEBUT MISE EN PAGE CATEGORIES ET FORUMS - FANGS ---------------------------------------*/
    /* clearfix categorie - regle un bug*/
    .index_fc::after {
      clear: both;
      content: "";
      display:block;
    }

    .categorie {
      position: relative;
      clear: both;
      height: 50px;
      position: relative;
      margin-top: 50px;
      margin-bottom: -18px;
      margin-left: 35px;
      z-index: 2;
    }

    .categorie_txt {
      position: relative;
      font-size: 40px;
      font-family: Book Antiqua, Georgia, serif;
     font-variant: small-caps !important;
      color: #8A2913;
      text-shadow: 1px 1px 2px #000;
    }

    .forum {
      width: 900px;
      margin: auto !important;
    }

    .forum_case {
      float: left;
      width: 700px;
      height: 245px;
      background-color: #E5CEA9;
    }

    .details{
      width:200px;
      margin-right: 3px;
      heigth: 245px;
      background-color: #912d2d;
    }

    .description {
      position: relative;
      width:700px;
      height: 245px;
      margin: 0 !important;
      padding: 0 !important;
    }

    .bottom_section {
      position: relative;
      margin-top: -40px;
      width: 700px;
      height: 40px;
      background-color: #fff;
      opacity: 0.3;
    }

    .bottom_border {
      position: relative;
      margin-top: -40px;
      width: 700px;
      height: 40px;
      border-top: 1px solid #fff;
    }

    .tnm {
      position: relative;
      margin-top: -30px;
      height: 30px;
      width: 690px;
      margin-right: 11px;
      text-align: right;
      font-size: 12px;
      color: #ffffff;
      text-shadow: 1px 1px 2px #000;
      font-family: Georgia, Arial, serif;
    }

    .forum_name {
      position: relative;
      margin-top: -30px;
      height: 30px;
      width: 690px;
      margin-left: 10px;
      z-index: 3;
    }

    .last_post {
      height: 60px;
      width: 100px;
      background-color: #ece2d2; border: 1px solid #ca876a;
      box-shadow: 0px 0px 4px #ac6140;
      text-align: center;
      font-size: 12px;
     }

    .forum_link {
      color: #fff !important;
      text-shadow: 1px 1px 2px #000;
      font-variant: small-caps !important;
      text-decoration: none;
      font-size: 16px;
      font-family: Georgia, Arial, serif;
    }

    .description_img {
      position: relative;
      width: 700px;
      height: 245px;
      margin-top: -245px;
      -webkit-transition: 1s;
      transition: 1s;
      -webkit-transform: all;
      transform: all;
    }

    .description_img:hover {
      position: relative;
      width: 700px;
      height: 245px;
      margin-top: -245px;
      -webkit-transition: 1s;
      transition: 1s;
      -webkit-transform: all;
      transform: all;
      opacity: 0.2;
    }

    .description_txt {
      position: relative;
      width: 670px;
      height: 215px;
      padding: 15px;
      color: #080807;
      font-size: 14px;
      font-family: Calibri, Arial, serif;
      text-align: justify;
    }
     

      /* -------------------------------- QEEL -------------------------------- */

            /*** MISE EN FORME LIENS AU SURVOL ***/
            a:hover {
              text-decoration: none !important;
            }

            /*** MISE EN FORME FONT DU QEEL ***/
            .fond_qeel {
              width: 780px;
              border-radius: 0px 0px 25px 25px;
              background-color: #E5CEA9;
              margin: auto;
              height: 620px;
              position: relative;
            }

            /*** MISE EN FORME TITRE PRINCIPAL ***/
            .titre_principal {
              color: #8A2913;
              font-family: Gabriola;
              font-size: 28;
              letter-spacing: 5px;
              text-align: center;
            }

            /*** MISE EN FORME BLOC STATISTIQUES ***/
            .bloc_stat {
              background-color: #ece2d2;
              padding: 15px;
              width: 200px;
              height: 150px;
              overflow: auto;
              font-size: 11px;
            border: 1px solid #ca876a;
      box-shadow: 0px 0px 4px #ac6140;
      color:#BC7349;
              text-align: justify;
              color: #515151;
              position: absolute;
              left: 3em;
              z-index: 1;
            }

            /*** MISE EN FORME BLOC DES GROUPES ***/
            .bloc_groupes {
              background-color: #ece2d2;
              padding: 15px;
              width: 420px;
              height: 50px;
              overflow: auto;
              font-size: 12px;
              border: 1px solid #ca876a;
      box-shadow: 0px 0px 4px #ac6140;
      color:#BC7349;
              text-align: center;
              font-family: Trajan pro, sans-serif;
              position: absolute;
              left: 24em;
              z-index: 1;
            }

            /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
            .bloc_connectes {
              background-color: #ece2d2;
              padding: 15px;
              width: 420px;
              height: 50px;
              overflow: auto;
              font-size: 20px;
              border: 1px solid #ca876a;
      box-shadow: 0px 0px 4px #ac6140;
      color:#BC7349;
              text-align: center;
              font-family: 'Six Caps', sans-serif;
              position: absolute;
              left: 14.5em;
              z-index: 1;
            }

            /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
            #kaboum .row1 {
              background-color : transparent;
            }

            #kaboum span.gensmall {
              color: #515151;
            }

            /*** MISE EN FORME DES TITRES (simple + survol) ***/
            .titre_bloc {
              font-family: 'Dancing Script', cursive;
              font-size: 24px;
              font-weight: bold;
              color: #D39034;
              position: absolute;
              z-index: 2;
              margin-top: -18px;
            }

            /*** GROUPES A ONGLETS ***/
            /* Mise en forme des noms de groupe */
            .groupe_onglet {
              display: inline-block;
              padding: 10px;
            }

            /* Mise en forme du bloc en transparence de description */
            .contenu_groupe_onglet {
              padding: 15px;
              display: none;
              width: 315px;
              height: 100px;
              overflow: auto;
              font-size: 11px;
              color: #414141;
              text-align: justify;
              background-color: #ece2d2;
              position: absolute;
              top: 14em;
              left: 21em;
              filter: alpha(opacity = 70);
              opacity: 0.7;
            }

            /* Mise en forme des liens */
            .contenu_groupe_onglet a{
              text-decoration: none !important;
            }

            /*** MISE EN FORME DES CREDITS ***/
            .credits {
              text-align: right;
              margin-right: 10px;
              font-size: 9px;
              margin-top: 10px;
            }

            .credits a{
              color: #B0C3AB;
            }

      /* ---------------------- Messages ------------------------ */
      .post_message
    { background-color: #ecd8b7; /* Couleur de fond */
      width: 675px;
      margin-bottom: 5px;
      text-align: justify;
      padding: 5px; /* Marge intérieure */
      border: 0px solid #a2ba25; /* Bordure de 2px en continu de couleur a2ba25 */
      box-shadow: 0px 0px 5px #ac6140;
      border-radius: 5px;
    }

    /*-------------------------- BLOC LIEN DES SOUS-FORUMS - NE PAS TOUCHER --------------------*/

    .bleh{
      height: 130px;
      width: 150px;
      padding-top: 20px;
      text-align: center;
      font-size: 15px;

    }
    .ListeSousForums {
      font-size:0px;

    }

    .ListeSousForums a {
      font-size:18px; /* indiquez la taille du texte des liens */
      font-family: Gabriola;
      color: #ffffff;
      padding-right:5px; /* on rajoute un espace après le lien */
      padding-bottom: -10px
    }

    /* pour les navigateurs qui acceptent la pseudo-classe :last-child, on supprime l'espace final qui ne sert à rien */
    .ListeSousForums a:last-child {
      padding-right:0px;
    }
    .ListeSousForums a {
      display:block;
      /* autres propriétés CSS */
    }

    /*--------------------------- REVUE DES MESSAGES ----------------------------*/
    .bloc_sujets
    {
      width: 950px;
      margin: auto;
      background: #912d2d;
      border: 1px solid #8A2913;
      box-shadow: 0px 0px 3px #868686;
      -o-box-shadow: 0px 0px 3px #868686;
      -moz-box-shadow: 0px 0px 3px #868686;
      -webkit-box-shadow: 0px 0px 3px #868686;
      -htm-box-shadow: 0px 0px 3px #868686;
      padding: 5px;
    }
    .sujets
    {
      background: #E5CEA9;
      border: 5px solid #ecd8b7;
      padding: 3px;
    }
    .topictitle
    {
      font-variant: small-caps;;
      font-size: 15px;
    }


    .sujets_auteur
    {
      display: block;
      width: 200px;
      font-size: 11px;
    }
    .sujet_last
    {
      display: block;
      width: 180px;
      height: 40px;
      background: #ece2d2;
      border: 1px solid #ca876a;
      box-shadow: 0px 0px 5px #ac6140;
      -o-box-shadow: 0px 0px 5px #ac6140;
      -moz-box-shadow: 0px 0px 5px #ac6140;
      -webkit-box-shadow: 0px 0px 5px #ac6140;
      -htm-box-shadow: 0px 0px 5px #ac6140;
      padding-top: 10px;
      font-size: 11px;
    }
    .sujets_stats
    {
      width: 900px;
      text-align: right;
      margin-bottom: 5px;
    }
    .sujets_stats_contenu
    {
      font-size: 12px;
      color: #D39034;
    }

    /*--------------------------- PROFIL ------------------------------*/
    /*Profil et affichage de lavatar par Alu pour Never utopia */
    .profilmembre {
      border: 1px solid #D39034;
      position:relative;
      padding-left: 4px;
      padding-right: 4px;
      margin-right:10px;/*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
      background-color:#ecd8b7;
      -moz-box-shadow: 0px 0px 5px 0px #D39034;
      -webkit-box-shadow: 0px 0px 5px 0px #D39034;
      -o-box-shadow: 0px 0px 5px 0px #D39034;
      box-shadow: 0px 0px 5px 0px #D39034;
    }

    .pseudo{
          padding:4px 0;
          width:200px;
          background-color:#ecd8b7;
          position:relative;
          text-align:center;
          font:Gabriola;
          text-transform: uppercase;

         
    }

    .pseudo .name a{font-size:24px; font-weight:300;}

    .flecheprofil{
      width:0px;
      height:0px;
      border:8px solid transparent;
      border-left:25px solid #D39034;
      position:absolute;
      top:50px;
      left:200px;
    }

    .rang {
      width:136px;
      height:19px;
      background-color: #D39034;
      font-size: 15px;
      line-height:95%;
      font-family: Gabriola;
      color:#ffffff;
      margin:-15px auto 5px auto;
      padding:2px;
      text-align:center; 
      position:relative;
      z-index:2;
     }
    .infoprofil{
      position:absolute;
      top:50px;
      left:4px;
      background: rgba(0, 0, 0, 0.75);
      opacity:0;
      filter:alpha(opacity=0);
      height:350px;
      width:200px;
      text-align:center;
      font:13px sans-serif 500;
      text-transform:uppercase;
      color:#ece2d2;
      -moz-transition: all 0.7s ease;
      -webkit-transition: all 0.7s ease;
      -o-transition: all 0.7s ease;
      transition: all 0.7s ease;
    }
    .infoprofil:hover{opacity:1; filter:alpha(opacity=100);}

    .infoprofil .label span {
      visibility:visible;
      text-decoration:underline;
      display:block;
      background-color:rgba(0, 0, 0, 0.65);
      color:#ece2d2 !important;
      padding:5px;
      margin: 5px 0 -5px 0;
    }
    .infoprofil .label{visibility:hidden;}
    .infoprofilrep {
      visibility:visible;
      display:block;
      background-color:rgba(0, 0, 0, 0.65);
      padding:3px;
      margin:-5px 0 -3px 0;
    }

    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 6 Avr 2017 - 16:19

    Salut!




    Erydrin
    Erydrin
    FémininAge : 30Messages : 69

    Jeu 6 Avr 2017 - 16:38

    Je viens d'essayer et ça fonctionne nickel.
    Tu m'enlèves une sacrée épine du pied !
    Merci beaucoup pour ton aide et surtout aussi rapidement (et pour avoir pris le temps aussi d'avoir mis les annotations dans le code java' pour que je puisse m'y retrouver). :love:
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 23:12