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.


    Problème sur viewtopic_body

    Mystborn
    Mystborn
    FémininAge : 24Messages : 89

    Dim 10 Avr 2016 - 21:33

    Hey !
    Bon, alors j'ai voulu changer le profil sur mon forum.
    Pour ça, j'ai cherché dans la section appropriée, et j'ai trouvé un joli profil, ici.
    Seulement, voilà. J'ai eu un problème : je n'ai pas réussi à trouver ça :
    Code:
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
     <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><br />
     <span class="postdetails poster-profile">
     {postrow.displayed.POSTER_RANK}<br />
     {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
     <!-- BEGIN profile_field -->
     {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
     <!-- END profile_field -->
     {postrow.displayed.POSTER_RPG}
     </span><br />
     <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
     </td>
    Pourtant, c'est ce qu'Alumine demandait de modifier.
    Je me suis pas centrée dessus, et j'en ai cherché un autre, celui-là.
    Là, même problème, je n'ai pas trouvé ce que je devais modifier :
    Code:
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
             <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><br />
                <span class="postdetails poster-profile">
                {postrow.displayed.POSTER_RANK}<br />
                {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                <!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
                {postrow.displayed.POSTER_RPG}
             </span><br />
             <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
          </td>
    Je sais, c'est exactement la même chose... Mais je pouvais pas le voir avant de dire merci.
    C'est pas normal, alors je fais comment ?


    Dernière édition par Mystborn le Mar 19 Avr 2016 - 17:24, édité 1 fois



    Problème sur viewtopic_body Mystbo10
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 10 Avr 2016 - 21:50

    Salut!

    Il est possible qu'il y ait eu quelques modifications depuis que le LS a été mis en ligne ou que tu ne regardes tout simplement pas au bon endroit. Du coup, tu peux nous donner ton template viewtopic_body pour qu'on puisse voir? Aussi, quel est ta version de forum? phpBB2? phpBB3? Invision?

    Et tu préfères qu'on te mette le 1er ou le 2e?



    Mystborn
    Mystborn
    FémininAge : 24Messages : 89

    Mer 13 Avr 2016 - 22:47

    Hey et merci !
    Alors, voilà mon 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 = {  };
        }

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

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }

            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
     {
     if( $(this).is(":visible") )
     {
     $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
     }
     else
     {
     $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
     }
     });
            }
        }
        catch(e) { }

     return false;
    };

    //]]>
    </script>

    <h1 class="page-title">
     <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
    </h1>
    <div class="topic-actions">
     <div class="buttons">

     <!-- BEGIN switch_user_authpost -->
     <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
     <!-- END switch_user_authpost -->

     <!-- BEGIN switch_user_authreply -->
     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
     <!-- END switch_user_authreply -->
     </div>

     <div class="pathname-box">
     <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC}
            </p>
     </div>

     <p class="right">
            <!-- BEGIN switch_twitter_btn -->
            <span>
                <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 = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));</script>
     <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
     <!-- END switch_fb_likebtn -->
     </p>

     <div class="pagination">
     {PAGE_NUMBER}
      • 
     <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{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}';
     var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
     insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
     //]]>
     </script>
     <!-- END switch_plus_menu -->
     </div>
     <div class="clear"></div>
    </div>

    <!-- BEGIN topicpagination -->
    <p class="pagination">{PAGINATION}</p>
    <!-- END topicpagination -->
    <p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
    <div class="clear"></div>
    {POLL_DISPLAY}

    <!-- BEGIN postrow -->
     <!-- BEGIN hidden -->
     <div class="post {postrow.hidden.ROW_COUNT}">
     <div class="inner">
     <span class="corners-top"><span></span></span>
     <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
     <div class="clear"></div>
     <span class="corners-bottom"><span></span></span>
     </div>
     </div>
     <!-- END hidden -->
     <!-- BEGIN displayed -->
     <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
     <div class="inner"><span class="corners-top"><span></span></span>
                <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
     <div class="postbody">

     <ul class="profile-icons">
     <li>{postrow.displayed.THANK_IMG}</li>
     <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
     <li>{postrow.displayed.QUOTE_IMG}</li>
     <li>{postrow.displayed.EDIT_IMG}</li>
     <li>{postrow.displayed.DELETE_IMG}</li>
     <li>{postrow.displayed.IP_IMG}</li>
     <li>{postrow.displayed.REPORT_IMG_NEW}</li>
     </ul>

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

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

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

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

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

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

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

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

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

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

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

     <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
     <!-- div class="online2"></div-->
     <dl>
     <dt>
     {postrow.displayed.POSTER_AVATAR}
     <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
     </dt>
     <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
     <dd><br /></dd>
     <dd>
     <!-- BEGIN profile_field -->
     {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
     <!-- END profile_field -->
     {postrow.displayed.POSTER_RPG}
     </dd>
     <dd><br /></dd>
     <dd>
     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
     </dd>
     </dl>
     </div>

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

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

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

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

    <p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></p>

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

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

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

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

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

    <hr />

    <div class="topic-actions">
     <div class="buttons">
     <!-- BEGIN switch_user_authpost -->
     <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
     <!-- END switch_user_authpost -->

     <!-- BEGIN switch_user_authreply -->
     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
     <!-- END switch_user_authreply -->
     </div>

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

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

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

    <!-- BEGIN viewtopic_bottom -->
    <form method="get" action="{S_FORM_MOD_ACTION}">
    <fieldset class="quickmod">
     <input type="hidden" name="t" value="{TOPIC_ID}" />

     <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
     <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
     <label>{L_MOD_TOOLS}: </label>
     {S_SELECT_MOD}&nbsp;
     <input class="button2" type="submit" value="{L_GO}" />
    </fieldset>
    </form>
    <div class="clear"></div>
    <p class="right">{S_TOPIC_ADMIN}</p>
    <!-- END viewtopic_bottom -->

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

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

    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
    Ensuite, il me semble que c'est PHBB2.
    Et enfin, c'est le 1er que je préfère =)



    Problème sur viewtopic_body Mystbo10
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 13 Avr 2016 - 23:31

    Salut!

    Ce template n'est pas un template PhpBB2. Du coup, c'est normal que tu ne trouve pas ce bout de code parce que tu n'as pas la même version que Alumine.

    Après vérification, on dirait un template de la version PhpBB3, ce que tu pourras vérifier si tu vas dans :
    Panneau d'administration > Onglet Affichage > Thème > Choisir un Thème
    Et que tu cliques sur l'onglet "version". La version que tu as sera cochée, c'est laquelle?

    Aussi, comme il va falloir adapter le code à ta version de forum, ce serait bien d'avoir ton CSS et un lien vers ton forum svp.



    Mystborn
    Mystborn
    FémininAge : 24Messages : 89

    Sam 16 Avr 2016 - 11:26

    D'accord !
    Alors je viens d'aller voir, et c'est effectivement phpBB3 ^^
    Ensuite, v'là mon CSS :
    Code:
    /******************************************************* DÉBUT Sujets *******************************************************/

    /*Bloc des sujets*/
    .sujets {
      margin: auto;
      margin-bottom: 10px;
      background-color: #0f120f;
      border: 2px solid #1f1d1a;
      padding-bottom: 15px;
      width: 850px;
    }
    /*Titre du bloc des sujets*/
    .sujets_top_title {
      display: block;
      background-image: url('http://img4.hostingpics.net/pics/781032956965Sanstitre.png');
      width: 750px;
      margin-top: 15px;
      margin-bottom: 15px;
      padding: 5px;
      font-family: 'Great Vibes';
      font-size: 36px;
      text-shadow: 0px 0px 5px #000000;
      color: #23709e;
      font-weight: normal;
      letter-spacing: 1px;
    }

    /*Liste des sujets*/
    .sujets_list {
      width: 760px;
      margin: auto;
      padding: 10px;
      padding-bottom: 0px;
      background-image: url('http://image.noelshack.com/fichiers/2014/48/1416945713-pattern.png');
      text-align: left;
      color: #7b848f;
    }

    /*Polices des éléments hors sujets*/
    .sujets_font {
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
      color: #7b848f;
    }

    /*Chaque sujet*/
    .sujet {
      position: relative;
      width: 740px;
      margin-bottom: 10px;
      background-color: #1f1d1a;
      border: 1px solid #161412;
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
    }

    /*Type de sujet*/
    .sujet_type {
      position: absolute;
      width: 740px;
      text-align: center;
      top: -7px;
      left: 0px;
      text-shadow: 1px 1px 1px #000000;
    }

    /*Titre du sujet*/
    a.sujetlink {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
      text-shadow: 1px 1px 1px #000000;
      color: #23709e!important;
      font-style: italic;
      font-weight: normal;
      letter-spacing: 2px;
      padding-bottom: 5px;
      text-decoration: none;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Titre du sujet survolé*/
    a.sujetlink:hover {
      text-decoration: none!important;
      letter-spacing: 4px;
    }

    /*Auteurs des sujets*/
    .sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
      font-size: 12px!important;
      font-weight: normal!important;
      font-family: Arial, Helvetica, sans-serif!important;
    }

    /******************************************************* FIN SUJETS *******************************************************/
    /***** DÉBUT QEEL *******/
        /* Permet de mettre l'image de fond du QEEL, sa grandeur et la couleur d'écriture. */
        #qeel {
          width: 800px;
          height: 682px;
          margin: auto;
          position: relative;
          color: #AAAAAA;
          background-image: url('http://i86.servimg.com/u/f86/19/13/72/69/qeel11.jpg');
        }

        /* Donne sa couleur au texte */
        #qeel .gensmall {
          color: #000;
        }

        /* Permet de mettre en place les groupes & donner une largeur max + les caler vers la droite */
        #groupes_qeel {
          position: absolute;
          top: 95px;
          left: 300px;
          width: 450px;
          font-weight: bold;
          text-align: right;
        }

        /* Permet de positionner toutes les infos du QEEL & donner une largeur max */
        #infos_qeel {
          position: absolute;
          top: 180px;
          left: 375px;
          width: 350px;
        }

        /* Permet de retirer le fond des connectés ces dernières xx heures et pour les anniversaires */
        #connected {
          text-align: justify;
          width: 100%;
          background: none;
        }

        /* Permet de retirer le fond des connectés ces dernières xx heures et pour les anniversaires */
        #connected .row1 {
          text-align: justify;
          width: 100%;
          background: none;
        }

        /* Permet de positionner les partenaires */
        #position_partenaires_qeel {
          position: absolute;
          top: 506px;
          left: 138px;
          width: 522px;
          height: 118px;
        }

        /* Permet de mettre en place les images de partenaire et faire l'effet. */
        #position_partenaires_qeel img {
          display: inline-block;
          margin: 2px;
          opacity: 0.8;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          transition: all ease 1s;
        }

        /*Permet de faire l'effet sur les partenaires*/
        #position_partenaires_qeel img:hover {
          opacity: 1;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          transition: all ease 1s;
        }
        /***** FIN QEEL *******/
    /***************************** Messages *****************************/
    .fond_annonce {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#141517;
    border:4px solid #767676;
    padding:10px;
    box-shadow:0px 0px 8px #767676;
    text-align:center;
    }

    .titre_annonce {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #767676;
    border-radius: 100px;
    padding:10px;
    background-color:#2F3C3E;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    }

    .texte_annonce {
    margin:auto;
    width:75%;
    border-radius: 100px;  
    background-color:#2F3C3E;
    border:2px dotted #767676;
    padding:40px;
    text-align:justify;
    color:white;
    }

    .fond_contexte {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#141517;
    border:4px solid #767676;
    padding:10px;
    box-shadow:0px 0px 8px #767676;
    text-align:center;
    }

    .titre_contexte {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #767676;  
    border-radius: 100px;  
    padding:10px;
    background-color:#2F3C3E;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    }

    .image_contexte {
    margin:auto;
    width:95%;
    height:200px;
    border-radius: 100px;  
    border:2px dotted #767676;
    text-align:justify;
    color:white;
    overflow:hidden;
    }

    .texte_contexte {
    margin:auto;
    width:75%;  
    border-radius: 100px;
    background-color:#2F3C3E;
    border:2px dotted #767676;
    padding:40px;
    text-align:justify;
    color:white;
    }

    .fond_reg {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#141517;
    border:4px solid #767676;
    padding:10px;
    box-shadow:0px 0px 8px #767676;
    text-align:center;
    }

    .titre_reg {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #767676;  
    border-radius: 100px;
    padding:10px;
    background-color:#2F3C3E;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    }

    .texte_reg {
    margin:auto;
    width:75%;
    border-radius: 100px;  
    background-color:#2F3C3E;
    border:2px dotted #767676;
    padding:40px;
    text-align:justify;
    color:white;
    }

    .soustitre_reg {
    display:block;
    font-size:18px;
    color:#141517;
    text-indent:50px;
    text-shadow:2px 2px 2px white;
    font-family: 'Handlee', cursive;
    }

    .fond_pres {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#141517;
    border:4px solid #767676;
    padding:10px;
    box-shadow:0px 0px 8px #767676;
    text-align:center;
    }

    .titre_pres {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #767676;  
    border-radius: 100px;
    padding:10px;
    background-color:#2F3C3E;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    }

    .image_pres {
    display: inline-block;
    margin-left:5%;
    width:200px;
    height:320px;
    border-radius: 100px;
    border:2px dotted #767676;
    text-align:justify;
    color:white;
    overflow:hidden;
    float:left;
    }

    .fond_info_pres {
    display:inline-block;
    border:2px dotted #767676;  
    border-radius: 100px;
    padding:5px;
    background-color:#2F3C3E;
    width:50%;
    height:320px;
    }

    .titre_info_pres {
    text-align:center;
    font-size:18px;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    color:white;
    padding:5px;
    }

    .texte_info_pres {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:245px;
    width:80%;
    padding:5px;
    margin:auto;
    }

    .fond_case_pres {
    display:inline-block;
    border:2px dotted #767676;  
    border-radius: 100px;
    padding:5px;
    background-color:#2F3C3E;
    width:40%;
    height:320px;
    }

    .titre_case_pres {
    text-align:center;
    font-size:18px;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    color:white;
    padding:5px;
    }

    .texte_case_pres {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:250px;
    width:80%;
    padding:5px;
    margin:auto;
    }

    .fond_hist_pres {
    display:inline-block;
    border:2px dotted #767676;  
    border-radius: 100px;
    padding:5px;
    background-color:#2F3C3E;
    width:87%;
    height:320px;
    margin:auto;
    }

    .titre_hist_pres {
    text-align:center;
    font-size:18px;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    color:white;
    padding:5px;
    }

    .texte_hist_pres {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:260px;
    width:80%;
    padding:5px;
    margin:auto;
    }

    .fond_predef {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#141517;
    border:4px solid #767676;
    padding:10px;
    box-shadow:0px 0px 8px #767676;
    text-align:center;
    }

    .titre_predef {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #767676;  
    border-radius: 100px;
    padding:10px;
    background-color:#2F3C3E;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    }

    .fond_info_predef {
    display:inline-block;
    margin-left:5%;
    border:2px dotted #767676;  
    border-radius: 100px;
    padding:5px;
    background-color:#2F3C3E;
    width:50%;
    height:320px;
    float:left;
    }

    .titre_info_predef {
    text-align:center;
    font-size:18px;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    color:white;
    padding:5px;
    }

    .texte_info_predef {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:240px;
    width:80%;
    padding:5px;
    margin:auto;
    }

    .image_predef {
    display: inline-block;
    width:200px;
    height:320px;
    border-radius: 100px;
    border:2px dotted #767676;
    overflow:hidden;
    opacity:0.7;
    }

    .fond_case_predef {
    display:inline-block;
    border:2px dotted #767676;  
    border-radius: 100px;
    padding:5px;
    background-color:#2F3C3E;
    width:40%;
    height:320px;
    }

    .titre_case_predef {
    text-align:center;
    font-size:18px;
    font-family: 'Berkshire Swash', cursive;
    text-shadow:2px 2px 2px #141517;
    color:white;
    padding:5px;
    }

    .texte_case_predef {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:250px;
    width:80%;
    padding:5px;
    margin:auto;
    }
    /***************************** Fin Messages *****************************/
    /***************************** PA *****************************/
    /* #tab-bloc = ce tableau d'onglet / .tabs = conteneur des onglets */
    #tab-bloc .tabs {
      text-align: center;
      margin-bottom: 10px;
    }
    /* .tab = onglets */
    #tab-bloc .tab {
      border-radius: 5px;
      border: none;
      margin: 0 20px;
      background: none;
    }
    /* .tab.selected = onglet sélectionné*/
    #tab-bloc .tab.selected {
      background: #111;
      box-shadow: 0 0 5px #333;
      color: #eee;
      font-weight: bold;
    }
    /* .tab img = image dans les onglets */
    #tab-bloc .tab img {
      vertical-align: -3px;
    }
    /* .contents = conteneur des contenu */
    #tab-bloc .contents {
      border: 3px double #aaa;
      background: #1C1616;
      border-radius: 50px;
      padding: 25px;
    }
    /* #tab-staff = contenu associé à l'onglet staff */
    #tab-staff {
      background: #eeeeee;
      width: 400px;
      height: 400px;
      border: 1px dotted #ccc;
      margin: auto;
    }
    #tab-staff table {
      color: #444;
      background: url(http://i.imgur.com/GEdKG.png);
      margin: 100px auto;
      font-weight: 30px;
      opacity: 100;
      border: 2px solid #ccc;
      border-radius: 5px;
    }
    /* #tab-bienvenue = contenu associé à l'onglet bienvenue */
    #tab-bienvenue {
      border-radius: 50px;
      border: 2px dashed #bbb;
      background: #151713;
      text-align: center;
      font-size: 20px;
      color: #ffffff;
      text-shadow: none;
    }
    /* #tab-bienvenue marquee = le marquee dans l'onglet bienvenue */
    #tab-bienvenue marquee {
      width: 400px;
      text-align: center;
    }
    /* #tab-regles = contenu associé à l'onglet règles */
    #tab-regles ul  {
      font-family: georgia, arial, serif;
      font-size: 17px;
      list-style: url(http://i.imgur.com/DMC6G.gif);
    }
    #tab-regles li {
      margin-bottom: 10px;
      color: green;
    }
    /***************************** FIN PA *****************************/
    /***************************** Tableau à onglet *****************************/
    /* .systab .tab => les onglet */
    .systab .tab {
      padding: 2px 10px;
      margin-right: 5px;
      color: #151713;
      background: #fff;
      border: 1px solid #151713;
      cursor: pointer;
    }
    /* .systab .tab:hover => les onglets survolés */
    .systab .tab:hover {
      background: #b8efa1;
      color: #487f31;
      border-color: #487f31;
    }
    /* .systab .tab.selected => les onglets sélectionnés */
    .systab .tab.selected{
      color: #ccc;
      background: #333;
    }
    /* .systab .contents => les conteneurs des contenus associés aux onglets  */
    .systab .contents {
      margin-top: 1px;
      margin-bottom: 1px;
      color: #000;
      background: #fff;
      border: 1px solid #000;
      padding: 10px;
    }
    /* style des onglets si ils sont à gauche ou à droite */
    .systab.s_float .tab,.systab.s_float .tab {
      display: block;
      margin: 5px;
    }
    /* flottement des conteneurs si les onglets sont à gauche où à droite */
    .systab.s_float .tabs,.systab.s_float .contents {
      float: left;
    }
    /***************************** Fin Tableau à onglets *****************************/
       /*****************************DÉBUT DES CATÉGORIES************************************/
    /*Corps de Catégorie*/
    .global_cate {
      background-color: #151713;
      border: solid 1px #1C1616;
      border-bottom: double 8px #1C1616;
      border-top: none;
    }

    /*Titre de la Catégorie*/
    .title_cate span {
      display: block;
      margin-top: -10px;
      padding-left: 40px;
      background-color: #151713;
      font-size: 40px;
      font-family: monotype corsiva;
      color: #d1c6c6;
      border-bottom: double 8px #1B2836;
      transition: 0.8s;
      -moz-transition: 0.8s;
      -o-transition: 0.8s;
      -webkit-transition: 0.8s;
    }
    .title_cate span:hover {
      padding-left: 120px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -webkit-transition: 1s;
    }

    /*Corps de Forum*/
    .global_forum {
      margin-top: 15px;
      margin-bottom: 15px;
      padding-right: 20px;
      padding-left: 20px;
      font-family: Times New Roman;
      color: #fff;
    }

    /*Sous-forums*/
    .gensous_forums {
      position: relative;
      left: 17px;
      top: -32px;
      overflow: auto;
      z-index: 1;
      padding: 5px;
      background-color: #1C1616;
      width: 95px;
      height: 110px;
      border: solid 1px #1B2836;
      border-bottom: solid 5px #1B2836;
      border-top: solid 5px #1B2836;
      box-shadow: 0px 0px 15px 3px #1B2836;
      text-align: center;
    }

    /*Bloc de la description du forum*/
    .gendesc_forum {
      background-color: #1A1616;
      padding-right: 40px;
      height: 105px;
      border: solid 1px #1B2836;
      border-left: solid 5px #1B2836;
      border-right: solid 5px #1B2836;
    }
    /*Description du forum*/
    .desc_forum {
      position: relative;
      top: 15px;
      right: -30px;
      height: 85px;
      overflow: auto;
      padding-left: 110px;
      padding-right: 10px;
      text-align: justify;
      font-family: Times New Roman;
      font-size: 13px;
    }

    /*Titre de forum*/
    .forumlink {
      display: block;
      margin-top: -212px;
      margin-bottom: -17px;
      padding-left: 50px;
      text-align: center;
      font-family: Monotype Corsiva;
      font-size: 32px;
      color: #d1c6c6!important;
      letter-spacing: 2px;
      transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -webkit-transition: all 0.5s;
    }
    .forumlink:hover {
      letter-spacing: 10px;
      text-decoration: none!important;
      transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -webkit-transition: all 0.5s;
    }

    /*Image New-Old_Lock*/
    .genicone_forum {
      position: relative;
      width: 50px;
      height: 40px;
      top: -178px;
      right: -13px;
      z-index: 1;
    }

    /*Bloc du Dernier Message*/
    .stats_forum {
      padding: 5px;
      padding-top: 10px;
      border: solid 1px #1B2836;
      border-bottom: solid 5px #1B2836;
      border-top: solid 5px #1B2836;
      background-color: #1C1616;
      width: 126px;
      height: 80px;
      font-family: Times New Roman;
      font-size: 13px;
    }
    /*Nb de Topics et Messages*/
    .stat_forum {
      font-family: Times New Roman;
      font-size: 11px;
    }
       /***************************FIN DES CATÉGORIES********************************/
    /***************************** MISE EN FORME PA *****************************/

        .fond_PA {
          background-color: #151713;
          padding: 25px;
          text-align: justify;
        }

        .fond_PA a {
          color: #FFFF00 !important;
          text-decoration: none !important;
        }

        .titrePA {
          color: #FFFFFF
    ;
          font-size: 30px;
          font-family: 'Segoe script', cursive;
        }

        .sous-titresPA {
          color: #000;
          font-size: 25px;
          font-family: 'Dancing Script', cursive;
          text-align: center;
        }

        .blocsPA {
          width: 250px;
          overflow: auto;
          background-color: #857979;
          padding: 25px;
          text-align: justify;
          color: #DBDBDB;
        }

        /*** IMAGES DU STAFF ***/

        .imgPA {
          width: 100px;
          height: 100px;
        }

        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }
        
       c.info:hover {
          z-index: 25;
        }
        
       c.info span {
          display: none;
        }
        
       c.info:hover span {
          display: block;
          position: absolute;
          top: -9em;
          left: -0em;
          width: 100px;
          height: 100px;
          background-color: #7A6D6D;
          color: #F3F3F3;
          text-align: center;
          font-weight: none;
        }
        

       /***************************** MISE EN FORME PA *****************************//***************************** FIN MISE EN FORME PA *****************************/
    .topiclist dl.icon {
    min-height: 40px;
    background-position: 2px 50%;
    }
    * html .topiclist dl.icon {
    height: 40px;
    }
    ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    }
    ul.pmlist dt {
    padding-left: 50px;
    }
            .navbar{
            background-color: transparent;
            }
            .navbar ul{
            border-bottom:none;
            }
            #search-box{
            height:1px;
            visibility:hidden;
            }
            .bandef{
                display: none;
                white-space: nowrap;
                overflow: hidden;
                -webkit-animation: marquee 20s linear infinite; /* Chrome, Safari, Opera */
                animation: marquee 20s linear infinite; /* Vitesse de défilement */
            }
            
            /*  Arrêt du défilement au survol */
            .bandef:hover {
                -webkit-animation-play-state: paused;
                animation-play-state: paused
            }
            #login_popup {
            background-color: #000 ;
            }
    @charset 'utf-8';
    /*************************************************!
    *
    *  project:    liteAccordion - a horizontal accordion plugin for jQuery
    *  author:    Nicola Hibbert
    *  url:        http://nicolahibbert.com/liteaccordion-v2/
    *  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
    *
    *  Version:    2.0.2
    *  Copyright:  (c) 2010-2011 Nicola Hibbert
    *  Licence:    MIT
    *
    **************************************************/
    /****************************************** Core */
    .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
    .accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
    .accordion .slide > h2 {
      color: black;
        font-size: 16px;  
      font-weight: normal;
      margin: 0;
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translateX(-100%) rotate(-90deg);
      -webkit-transform-origin: right top;
      -moz-transform: translateX(-100%) rotate(-90deg);
      -moz-transform-origin: right top;
      -o-transform: translateX(-100%) rotate(-90deg);
      -o-transform-origin: right top;
      transform: translateX(-100%) rotate(-90deg);
      transform-origin: right top;
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    .accordion .slide > h2 span {
        display: block;
        padding-right: 8%;
        text-align: right;
        height: 90%;
        margin-top: 5px;
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }
    .accordion .slide > h2 b {
        display: inline-block;
        position: absolute;
        top: 13%;
        left: 10%;
        text-align: center;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
    .accordion .slide > h2:hover { cursor: pointer }
    .accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
    .accordion noscript p { padding: 10px; margin: 0; background: white }

    /****************************************** Dark */
    .accordion {
        border: 9px solid #353535;
        border-bottom-width: 8px;
        padding: 5px 5px 6px 0;
        background: #030303;
        -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
        -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    }
    .accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
    .accordion .slide > h2 span { background: #353535; color: white }
    .accordion .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
    .accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
        background: #353535;
        background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
        background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
        background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
        background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
        background: linear-gradient(left,  #353535 0%,#555555 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
    }
    .accordion .slide > h2.selected b {
        background: #383838;
        background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
        background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
        background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
        background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
        background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    }
    .accordion .slide > div { background: #030303; margin-left: 5px }

    /*************************************** Rounded */
    .rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
    .rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

    /******************************************** IE */
    .ie .slide > h2 b { top: 42%; left: 5% }
    .ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
    .ie.accordion .slide > h2 b { top: 44% }
    .ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }

    /******************************************** FA */
    .accordion figure .full { width: 100%; height: 100%; }
    .accordion h2 { border: none; }

    /* centrer l'accordéon */
    .accordion { margin: auto; }
    Pour mon forum : click ici !

    Edit : Est-ce que tu saurais mettre le pseudo au dessus de l'avatar ? Honnêtement, je préfère éviter d'y toucher, et vu que t'as l'air de t'y connaître ^^ J'aurais voulu mettre le pseudo en haut, le rang en dessous et l'avatar en dernier, tu saurais changer ça ?



    Problème sur viewtopic_body Mystbo10
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 18 Avr 2016 - 22:15

    Edit : Laisse tomber, j'ai trouvé mon erreur ><



    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 18 Avr 2016 - 23:42

    Désolée du double post, voilà le tout complété. Le profil spécial est ajouté et le nom ainsi que le rang sont déplacés en haut de l'avatar et centrés.

    Alors voilà pour le template :
    Code:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };


    $(function(){

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

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

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }

            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
     {
     if( $(this).is(":visible") )
     {
     $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
     }
     else
     {
     $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
     }
     });
            }
        }
        catch(e) { }

     return false;
    };

    //]]>
    </script>

    <h1 class="page-title">
     <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
    </h1>
    <div class="topic-actions">
     <div class="buttons">

     <!-- BEGIN switch_user_authpost -->
     <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
     <!-- END switch_user_authpost -->

     <!-- BEGIN switch_user_authreply -->
     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
     <!-- END switch_user_authreply -->
     </div>

     <div class="pathname-box">
     <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC}
            </p>
     </div>

     <p class="right">
            <!-- BEGIN switch_twitter_btn -->
            <span>
                <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 = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));</script>
     <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
     <!-- END switch_fb_likebtn -->
     </p>

     <div class="pagination">
     {PAGE_NUMBER}
      •
     <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{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}';
     var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
     insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
     //]]>
     </script>
     <!-- END switch_plus_menu -->
     </div>
     <div class="clear"></div>
    </div>

    <!-- BEGIN topicpagination -->
    <p class="pagination">{PAGINATION}</p>
    <!-- END topicpagination -->
    <p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
    <div class="clear"></div>
    {POLL_DISPLAY}

    <!-- BEGIN postrow -->
     <!-- BEGIN hidden -->
     <div class="post {postrow.hidden.ROW_COUNT}">
     <div class="inner">
     <span class="corners-top"><span></span></span>
     <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
     <div class="clear"></div>
     <span class="corners-bottom"><span></span></span>
     </div>
     </div>
     <!-- END hidden -->
     <!-- BEGIN displayed -->
     <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
     <div class="inner"><span class="corners-top"><span></span></span>
                <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
     <div class="postbody">

     <ul class="profile-icons">
     <li>{postrow.displayed.THANK_IMG}</li>
     <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
     <li>{postrow.displayed.QUOTE_IMG}</li>
     <li>{postrow.displayed.EDIT_IMG}</li>
     <li>{postrow.displayed.DELETE_IMG}</li>
     <li>{postrow.displayed.IP_IMG}</li>
     <li>{postrow.displayed.REPORT_IMG_NEW}</li>
     </ul>

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

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

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

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

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

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

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

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

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

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

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

     <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}" style="position:relative;display:block; text-align: center; min-width: 250px;">
     <!-- div class="online2"></div-->
     <dl>
     <dt>
       <dd style="text-align: center;">
         <strong style="font-size:1.5em; text-align: center;">{postrow.displayed.POSTER_NAME}</strong>
       </dd>
       <br />
       <dd style="text-align: center;">{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
       <div class="profil">
            <div class="infos">
              {postrow.displayed.POSTER_AVATAR}
              <div>
                <dd>
                  <!-- BEGIN profile_field -->
                  {postrow.displayed.profile_field.LABEL} <span class="infosrep">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  <br /><span class="infosrep">{postrow.displayed.POSTER_RPG}</span>
                </dd>
              </div>
            </div>
            <div class="avatarflip">
              <div style="backface-visibility:hidden;">{postrow.displayed.POSTER_AVATAR}</div>
              <div>{postrow.displayed.POSTER_AVATAR}</div>
            </div>
      </div>
     </dt>
     <dd><br /></dd>
     <dd class="espace_profil">
     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
     </dd>
     </dl>
     </div>

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

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

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

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

    <p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></p>

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

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

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

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

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

    <hr />

    <div class="topic-actions">
     <div class="buttons">
     <!-- BEGIN switch_user_authpost -->
     <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
     <!-- END switch_user_authpost -->

     <!-- BEGIN switch_user_authreply -->
     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
     <!-- END switch_user_authreply -->
     </div>

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

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

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

    <!-- BEGIN viewtopic_bottom -->
    <form method="get" action="{S_FORM_MOD_ACTION}">
    <fieldset class="quickmod">
     <input type="hidden" name="t" value="{TOPIC_ID}" />

     <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
     <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
     <label>{L_MOD_TOOLS}: </label>
     {S_SELECT_MOD}&nbsp;
     <input class="button2" type="submit" value="{L_GO}" />
    </fieldset>
    </form>
    <div class="clear"></div>
    <p class="right">{S_TOPIC_ADMIN}</p>
    <!-- END viewtopic_bottom -->

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

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

    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
    <script>
      $('.profil > .infos > a:nth-child(1)').removeAttr('href');
      $('.profil > .avatarflip > div > a').removeAttr('href');
    </script>

    Et le CSS :
    Code:
    /*PROFIL par Alu pour NEVER-UTOPIA **********************************/
    .profil{
     width:200px;/*largeur avatar*/
     height:400px;/*hauteur avatar*/
     -moz-perspective:800px;
     -webkit-perspective:800px;
     -moz-perspective-origin:50px 150px;
     -webkit-perspective-origin:50px 150px;
     perspective-origin:50px 150px;
     perspective:800px;
     position:absolute;
     top: 100px; /*Espace en haut de avatar*/
     left: 30px;
     z-index:2;
     -moz-transform: rotate(-5deg);/*avatar penché*/
     -ms-transform: rotate(-5deg);
     -webkit-transform: rotate(-5deg);
     transform: rotate(-5deg);
    }
    .espace_profil {
     padding-top: 410px; /*Permet de faire baisser les images de lien en bas de avatar*/
    }
    .profil img{width:100%;}
    .avatarflip{
     width:100%;
     height:auto;
     -webkit-transform-origin:top left;
     transform-origin:top left;
     -moz-transform: rotateY(0deg);
     -ms-transform: rotateY(0deg);
     -webkit-transform: rotateY(0deg);
     transform:rotateY(0deg);
     -ms-transition:all 1s ease;
     transition:all 1s ease;
     -moz-transform-style:preserve-3d;
     -webkit-transform-style:preserve-3d;
     -ms-transform-style:preserve-3d;
     transform-style:preserve-3d;
    }

    .avatarflip div{position:absolute; width:100%; -webkit-backface-visibility:hidden; backface-visibility:hidden;overflow:hidden;}
    .avatarflip div:last-child{
     -ms-transform:rotateY(-180deg);
     -moz-transform:rotateY(-180deg);
     -webkit-transform:rotateY(-180deg);
     transform:rotateY(-180deg);
    }
    .profil:hover .avatarflip{
     -ms-transform:rotateY(-180deg);
     -moz-transform:rotateY(-180deg);
     -webkit-transform:rotateY(-180deg);
     transform:rotateY(-180deg);
     -ms-transform-origin:left top;
     -webkit-transform-origin:left top;
     transform-origin:left top;}

    .infos{
     position:absolute;
     width:100%;
     text-align:center;
     font-size:0.8vw;
     box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); /*ombre sous le profil*/
    }
    .infos div{position:absolute;top:0;left:0;width:200px; height:100%;overflow:hidden;}
    .infos .label{visibility:hidden;}
    .infos .label span, .infosrep {
     visibility:visible;
     display:block;
     background-color:rgba(256, 256, 256, 0.5);/*couleur des bandes des infos, le 0.5 correspond à lopacité*/
     color:#252525 !important;/*couleur du texte dans les infos*/
     margin: -5px 0px 0px -10px;
     padding:3px;
    }
    .infos .label span {text-decoration:underline; text-transform:uppercase; margin: 5px 0px -5px -10px;}
    .infosrep img{width:auto;}

    Je ne savais pas la grosseur des tes rangs. Si ils sont trop gros et cachés par l'avatar, tu peux augmenter le "top" de la class "profil".



    Mystborn
    Mystborn
    FémininAge : 24Messages : 89

    Mar 19 Avr 2016 - 10:08

    T'inquiète, pas grave =)
    En tout cas, merci beaucoup ! :love: :hug: :hug2: :ninjahug:



    Problème sur viewtopic_body Mystbo10
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 0:49