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 : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

    [PROFIL] (Alumine) Codage, avatar et profil

    Rimaï J. Godwin
    Rimaï J. Godwin
    MasculinAge : 28Messages : 93

    Lun 4 Mai 2015 - 16:34

    Bonjour, bonjour toi, gens qui a cliqué sur ce sujet c:

    Profil



    Hello tout le monde,
    Alors voilà, je suis en train de préparer la MAJ de mon forum RP et je voudrais modifier le profil des joueurs en général. Je m'explique mieux, j'ai trouvé plein de tuto qui auraient pu me convenir, mais je ne sais pas pourquoi, il semble y avoir des problèmes dans un de mes templates car cela ne fonctionne jamais.
    Voilà, je voudrais que dans les sujets, on puisse voir déjà l'avatar aux bords arrondit et en au survol de la souris, la fiche de personnage que le joueur peut complèter seul. Voilà merci d'avance à ceux qui m'aideront ^^


    Schéma(s) et Eléments
    Schémas : [PROFIL] (Alumine) Codage, avatar et profil 961475shma
    Tailles des éléments : les tailles des avatars sont en 200x360 (modifiable au besoin)
    Effets voulus : Comme je l'ai dit, les bords du vava arrondit, et la fiche de personnage au passage de la souris. Avec un effet fondu si possible (ou poussé. J'aimerai également que sur l'avatar soit écrit le pseudo du joueur (par-dessus) en haut et le grade (par-dessus en bas) Voir schéma!
    Version de votre forum :PHPBB3


    Ressources
    Aucune

    Autre précisions?
    Je sais qu'il faut modifier le template viewtopic_body, donc le voilà
    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_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>

    <!-- BEGIN viewtopic_bottom -->
    <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>
    <!-- END viewtopic_bottom -->

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


    WALA, merci beaucoup à celui/celle/ceux qui se dévoueront pour m'accorder leur aide et de leur temps ^^



    Dernière édition par Rimaï J. Godwin le Mer 6 Mai 2015 - 15:03, édité 1 fois
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Lun 4 Mai 2015 - 22:47

    Salut,

    Si tu as des tutos qui pourraient t'aller mais que tu as du mal à adapter, tu devrais poster dans problème avec mon code. Ca nous évite de produire un code similaire à ce qu'on a déjà en libre-service et toi tu auras une réponse plus rapidement, normalement :)



     
    Rimaï J. Godwin
    Rimaï J. Godwin
    MasculinAge : 28Messages : 93

    Mer 6 Mai 2015 - 15:04

    Salut Neva,

    J'ai modifié le "me conviendrait" par "auraient pû me convenir". Parce qu'en postant cette demande c'est pas mal de choses en plus qui m'ont traversé l'esprit. De plus, les tutos en question se trouvaient à divers coins du web et je ne pense pas être en mesure de les retrouver dès maintenant, c'est justement pour ça que je poste cette demande :)
    Rimaï J. Godwin
    Rimaï J. Godwin
    MasculinAge : 28Messages : 93

    Ven 8 Mai 2015 - 15:01

    Up? =3
    Alumine
    Alumine
    FémininAge : 27Messages : 487

    Sam 9 Mai 2015 - 11:30

    Salut (= Juste une petite question par rapport au rang (ou grade situ préfères !) S'agira-t-il d'une image ou de texte ?



    Alumine
    Rimaï J. Godwin
    Rimaï J. Godwin
    MasculinAge : 28Messages : 93

    Sam 9 Mai 2015 - 15:17

    Hello Alumine, et bien plutôt d'un texte à vrai dire =)
    Alumine
    Alumine
    FémininAge : 27Messages : 487

    Sam 9 Mai 2015 - 15:58

    Bon eh bien voilà ce que j'ai... Ca manque un peu de gueule pour l'instant, tu veux des couleurs, des polices en particulier ?
    http://aluminetest2.forumactif.org/t1-votre-1er-sujet#1



    Alumine
    Rimaï J. Godwin
    Rimaï J. Godwin
    MasculinAge : 28Messages : 93

    Sam 9 Mai 2015 - 19:11

    Ow *^* merci beaucoup ^^
    Pour la police je voudrais bien Channel sur ce lien de préférence quand aux couleurs je pense pouvoir modifier toute seule (en fonction des groupes toussa) merci beaucoup à toi ^^
    Par contre juste une question, je vois le pseudo mais pas le grade. Il y a un problème à ce niveau?

    Merci beaucoup à toi de prendre le temps de t'en occuper, vraiment ^^
    Alumine
    Alumine
    FémininAge : 27Messages : 487

    Dim 10 Mai 2015 - 11:22

    Ah, effectivement on ne voyait pas le rang, je n'en avais pas mis ^^'
    J'ai préféré faire descendre l'avatar pour qu'on voie encore le pseudo, ça fait un petit effet et tout x)
    En ce qui concerne ta police, en fait on ne peut pas l'utiliser sur un forum en la téléchargeant depuis Dafont, ce n'est pas fait pour, il faut la prendre depuis un autre site, par exemple Google fonts (où elle n'est pas) ou celui-ci, enfin j'ai rien compris à comment il fallait faire pour l'avoir mais tiens, le lien (= http://www.fonts.com/font/aring-typeface-ab/channel/regular/web-font pour savoir comment l'installer c'est ici : https://www.never-utopia.com/t35712-template-et-css-avoir-d-autres-polices-que-celles-de-bases?highlight=polices
    Du coup en attendant je t'en ai mis une autre, 'Satisfy' de Google Fonts.
    http://aluminetest2.forumactif.org/t1-votre-1er-sujet#1



    Alumine
    Rimaï J. Godwin
    Rimaï J. Godwin
    MasculinAge : 28Messages : 93

    Dim 10 Mai 2015 - 16:31

    Ah ah merci beaucoup pour les liens.
    Et surtout merci!! C'est exactement ça que je voulais ^^ puis-je avoir le codage s'il te plait (et savoir où le mettre aussi? ^^)
    Alumine
    Alumine
    FémininAge : 27Messages : 487

    Dim 10 Mai 2015 - 21:24

    Bon je te donne les codes et je posterai le LS un de ces jours, quand j'aurai le temps...
    Ca c'est à rajouter dans ton CSS:
    Code:
    /*Profil par Alu pour Never-Utopia*/
    .postprofile{
      width:200px;/*largeur avatar*/
      height:360px;/*hauteur avatar*/
      border-radius:40px;/*bord arrondi*/
      position:relative;
      overflow:hidden;
      transition:top 1s ease;
    }

    .vava{
      height:100%;
      width:100%;
      transition:top 1s ease;
      position:relative;
      top:0;
      left:0;
      z-index:1;
    }

    .postprofile:hover .vava{top:88.5%;}/*position avatar au survol de la souris*/

    .infomembre{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      padding:30px;
      background-color:#F5F5F5;/*couleur de fond des infos du profil*/
    }

    .rang, .pseudo{
      position:absolute;
      left:0;
      width:100%;
      text-align:center;
      background-color:rgba(256, 256, 256, 0.3);/*blanc transparent en fond du pseudo et rang*/
      padding:3px;
    }
    .rang{
      bottom:0;
      color:black;/*couleur*/
      font-family:'Satisfy'; /*police*/
      font-size:14px;/*taille police*/
    }
    .pseudo{top:0;}

    .pseudo a strong{/*pseudo*/
      font-size:25px; /*taille texte*/
      font-family:'Satisfy';/*police*/
      letter-spacing:2px;/*espacement des lettres*/
      font-weight:normal;/*grosseur du texte*/
    }


    Ensuite tu vas dans tes templates (affichage>templates>général>viewtopic_body)
    A la ligne 217 remplace ça:
    Code:
             <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>

    Par ça:
    Code:
            <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                <!-- div class="online2"></div-->
              <div class="vava">   
                {postrow.displayed.POSTER_AVATAR}
                <div class="pseudo">{postrow.displayed.POSTER_NAME}</div>
                <div class="rang">{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</div>
              </div>
              <div class="infomembre">
                <!-- 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}
                {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
              </div>

            </div>

    Valide, enregistre, et c'est bon (=



    Alumine
    Rimaï J. Godwin
    Rimaï J. Godwin
    MasculinAge : 28Messages : 93

    Lun 11 Mai 2015 - 19:16

    Coucou o/

    Ca marche cey trop bow merchi très beaucoup fort Alumine ^^
    Alumine
    Alumine
    FémininAge : 27Messages : 487

    Mar 12 Mai 2015 - 10:22

    Pense à mettre l'icône "résolu" , pour faciliter le travail des modos ! ^^



    Alumine
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 2:55