AccueilFAQRechercherMembresGroupesS'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.


    Masquer les profils des membres

    Partagez
    Tina
    FémininAge : 32Messages : 58

    le Jeu 13 Mai 2010 - 19:53

    Rappel du premier message :

      Vous trouvez que les profils de vos membres sont trop longs ? Alors je vous propose de les masquer mais pour pouvoir faire ceci, il faut être le fondateur du forum car vous aurez besoin d'accéder aux "Tremplates" et le forum doit être un forum-actif de version "Phpbb 2"

      1. Placez ceci en CSS :
      Code:
      .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
      {background-color: #couleur;
      border: 1px solid #couleur;
      font-size: 12px;
      letter-spacing: 1px;}

      .profil1/*ceci s'appliquera au bouton*/
      {width: 200px;
      background-color: #couleur;
      border: none;
      font-size: 12px;
      letter-spacing: 1px;
      font-weight: bold;}

      2. Accédez au PA >> "Affichage" >> "Tremplates" clique sur "Général" puis sur "viewtopic_body" et cherchez ceci (je vous conseille d'utiliser le "ctrl" + "f" pour une recherche rapide ^^) :
      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}"></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://illiweb.com/fa/vide.gif" alt="" style="width:150px;height:1px" />
            </td>

      3. Remplacez toute cette partie par ceci :
      Code:
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
              <div class="profilentour">
              <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center><br />
                  <span class="postdetails poster-profile">
                  {postrow.displayed.POSTER_RANK}<br />
                  <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br />
       <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none;  text-align:left;">
                  <!-- 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}
                  </div></div>
              </span><br />
       
      </div>
      <div id=""></div><br />
              <img src="http://illiweb.com/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
            </td>

      4. Enregistrez le tremplate modifié puis publiez-le pour appliquer l'effet.

      NB : Pour personnaliser l'apparence du profil masqué, il faut bidouiller les codes en CSS. On peut arrondir les coins en ajoutant un "-moz-border-radius" par exemple ^^

      Si vous souhaitez avoir un aperçu de ce que ceci peut donner, je vous invite à jeter un œil ici (je peux pas faire un screen sur mon pc >.<)




      Soi Fong & Aizen Sosuke fan :3
    Halloween
    FémininAge : 22Messages : 9733

    le Jeu 17 Mar 2011 - 17:10

      Up s'il vous plait ='(



    Je mets les voiles, que le vent te soit favorable matelot !
    Lucky Numb£r
    MasculinAge : 23Messages : 1971

    le Lun 21 Mar 2011 - 19:15

    Plop ! Désolé de la longue attente, surtout pour les nouvelles que je rapporte, mais je suis de moins en moins présent sur le forum...
    Alors j'ai essayé de toutes les manières possibles et imaginables, et je n'ai pas réussi, soit le premier spoiler englobais l'autre lorsque je refermais, soit le second était placé en dessous de la fiche de personnage (vas savoir pourquoi o_o) du coup je n'ai pas pu trouver ta solution. Je suis vraiment désolé, il faudrait attendre Riku, Shin' ou même peut être Sui' qui sait ! En tout cas quelqu'un de meilleur que moi en javascript ^^'
    Ban ~ Remarque super intéressante, merci =)



    Halloween
    FémininAge : 22Messages : 9733

    le Lun 21 Mar 2011 - 19:47

      Bon, tant pis, j'attends un des mécènes alors ^^
      Merci quand même d'avoir essayé =)



    Je mets les voiles, que le vent te soit favorable matelot !
    ShuiLong
    FémininAge : 22Messages : 17

    le Dim 12 Juin 2011 - 20:11

      Bonjour !
      Tout d'abord un grand merci pour ce tutoriel, fort utile mais j'ai une petite question à vous poser : que doit-on changer dans le code pour remplacer les phrases "Afficher le Profil" / "Masquer le Profil" par d'autres phrases ?
      Merci d'avance !
    Hypnos
    MasculinAge : 20Messages : 43

    le Dim 19 Juin 2011 - 9:40

    Très sympa, merci beaucoup :) ! Y'aurait-il un moyen de le faire glisser "lentement" (un peu comme sur NU je l'avoue Embarassed ) s'il vous plait ?



    Apophis
    FémininAge : 21Messages : 5556

    le Mer 29 Juin 2011 - 17:12

    @ShuiLong a écrit:
      Bonjour !
      Tout d'abord un grand merci pour ce tutoriel, fort utile mais j'ai une petite question à vous poser : que doit-on changer dans le code pour remplacer les phrases "Afficher le Profil" / "Masquer le Profil" par d'autres phrases ?
      Merci d'avance !

    Up pour cette question, la réponse m'intéresse également. ^^
    A chaque fois que j'essaye de modifier ces mots, et que je regarde le rendu, les mots que je souhaitais apparaissent à la place (donc tout va bien) mais le profil refuse d'apparaître (donc ça sert à rien).
    Help, please ! xD



    The Dark Knight Rises reprenant A Tale of two Cities : épique.

    "I see the lives for which I lay down my life, peaceful, useful, prosperous and happy.
    I see that I hold a sanctuary in their hearts, and in the hearts of their descendants, generations hence.
    It is a far, far better thing that I do, than I have ever done ; it is a far, far better rest that I go to than I have ever known. "
    Apophis
    FémininAge : 21Messages : 5556

    le Lun 4 Juil 2011 - 16:10

    Up !



    The Dark Knight Rises reprenant A Tale of two Cities : épique.

    "I see the lives for which I lay down my life, peaceful, useful, prosperous and happy.
    I see that I hold a sanctuary in their hearts, and in the hearts of their descendants, generations hence.
    It is a far, far better thing that I do, than I have ever done ; it is a far, far better rest that I go to than I have ever known. "
    Sui'
    MasculinAge : 24Messages : 1865

    le Lun 4 Juil 2011 - 16:31

    A chaque fois que j'essaye de modifier ces mots, et que je regarde le rendu, les mots que je souhaitais apparaissent à la place (donc tout va bien) mais le profil refuse d'apparaître (donc ça sert à rien).

    Ouais bah c'est pareil pour moi ^^" j'ai essayer un code javascript qui permet de modifier certains mot sa marche pas non plus le seul moyen que j'ai pour le moment c'est de mettre une image qui remplacera le texte si jamais...



    Merci beaucoup Woo pour ce kit *-*

    Sui' Art's
    Card ♥
    FémininAge : 19Messages : 24

    le Lun 4 Juil 2011 - 16:35

    Salut =)

    Bon, je vous cherches le tuto officiel sur forumactif, car je crois que la question avait déjà été posé Wink
    Vous pouvez aussi mettre une image (comme ici quoi) ce qui reviendrait à changer la phrase qui ne vous convient pas ^^

    Woilà.



    Apophis
    FémininAge : 21Messages : 5556

    le Ven 8 Juil 2011 - 15:54

    Mmmh... Et donc Card, qu'est-ce que ta recherche a donné ? ^^"

    J'aimerais éviter de "contourner le problème" avec des images quand même, j'ai déjà vu sur des forums des boutons "sous forme de lettres" (pas d'images, quoi xD) dont les mots avaient été modifiés... Ce n'est qu'un détail, bien sûr, mais bon si quelqu'un a la solution, on est plusieurs d'interessés apparemment. Razz



    The Dark Knight Rises reprenant A Tale of two Cities : épique.

    "I see the lives for which I lay down my life, peaceful, useful, prosperous and happy.
    I see that I hold a sanctuary in their hearts, and in the hearts of their descendants, generations hence.
    It is a far, far better thing that I do, than I have ever done ; it is a far, far better rest that I go to than I have ever known. "
    Carmen
    FémininAge : 43Messages : 19

    le Dim 24 Juil 2011 - 18:58

    Bonjour,
    merci pour ce tuto tres sympa ..

    est t'il possible de remplacer la couleur de fond par une image (un peu comme ici) ?

    merci pour votre aide

    ps: aimerais moi aussi savoir comment remplacer les phrases "Afficher le Profil" / "Masquer le Profil" par d'autres phrases ?

    merci ♥



    Ne se déconnecte pas .. mais suis pas toujours la, ni même devant mon pc, parfois même pas chez moi ... bref.. me cherchez pas je suis pas la ^^
    Lie
    FémininAge : 25Messages : 17

    le Lun 25 Juil 2011 - 19:30

    Pour changer le afficher/masquer tout ça, en faite vous avez du oublié de changer un des termes.

    Dans le code de la (ou du ?) template :
    Il y a 4 'Afficher le profil' à changer si vous voulez changer le nom par exemple par 'Afficher'.
    Et 1 'Masquer le profil' à changer si vous voulez changer le nom par exemple par 'Masquer'.

    Perso sa marche impect là :) !

    Voilà voilà.


    Piinkyuu
    FémininAge : 21Messages : 27

    le Lun 25 Juil 2011 - 22:56

    Génial ! Merci beaucoup !
    Mraw'
    FémininAge : 21Messages : 18

    le Mer 27 Juil 2011 - 18:31

    Alors là ... Un immense merci .w.
    Alaynna
    FémininAge : 24Messages : 61

    le Mar 16 Aoû 2011 - 13:32

    Merci beaucoup, ça marche sans problème =)



    -- If we don't have the key we can't open we can't open whatever it is, we don't have, that it unlocks, so what purpose would be served in finding whatever need be unlocked, which we don't have, without first having found the key that unlocks it?
    -- So we're going after this key?
    -- You're not making any sense at all.
    Sharky
    FémininAge : 24Messages : 16

    le Jeu 18 Aoû 2011 - 11:46

    Bonjouuuuuur tout le monde Very Happy
    Ce tuto est géant ! Le rendu est génial ! MERCI <3

    J'ai essayer de changer les appellations et pafff (le chien) ça marche plus -_-" Was passiert ? Ich weiß nicht... Quelqu'un peut-il m'aider ? Je lui ferai un autel en son honneur ham1

    Voilà mon template :

    Spoiler:
    Code:
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <div class="profilentour">
            <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center><br />
                <span class="postdetails poster-profile">
                {postrow.displayed.POSTER_RANK}<br />
                <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br />
     <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Qui est-il ?)?'Qui est-il ?':'Moins d'information.';this.lastChild.style.display=(this.firstChild.value=='Qui est-il ?')?'none':'block';" style="text-align: center;"><input type="button" value="Qui est-il ?" class="profil1"/><div style="display: none;  text-align:left;">
                <!-- 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}
                </div></div>
            </span><br />
     
    </div>
    <div id=""></div><br />
            <img src="http://illiweb.com/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />
          </td>

    Naturellement je n'ai mis que la partie qui nous intéresse Very Happy
    Muffy
    FémininAge : 23Messages : 37

    le Lun 5 Sep 2011 - 8:53

    Bonjour,

    Merci pour ce code, je le cherchais depuis déjà un certain temps 8D. Par contre, j'ai malheureusement le même problème que P'tit Biscuit (allez revoir les premières réponses du topic) : le code fonctionne à merveille, mais le contenu du " profil en spoiler " est en gras et le tout est beaucoup trop gros x_x J'ai essayé de changer la taille (avec font size) dans ma feuille de CSS, mais cela ne change rien T_T

    Pourriez-vous m'aider, s'il vous plaît ?



    Okhmhaka
    FémininAge : 31Messages : 31725

    le Lun 5 Sep 2011 - 10:21

    Bonjour^^

    Est-ce qu'en entourant la partie ci-dessous avec une division pour y appliquer le css ne fonctionne pas mieux ? :

    Code:
    <div class="profil_contenu"

    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
                {postrow.displayed.POSTER_RPG}

    </div>

    Le CSS s'applique sur ceci :

    Code:
    .profil_contenu
    {
    }



    Muffy
    FémininAge : 23Messages : 37

    le Lun 5 Sep 2011 - 10:29

    Ah, une réponse, déjà 8D. Bon, déjà merci mais avant de tester le code, j'aimerais d'abord savoir une chose, au risque très élevé de passer pour une incompétante : que voulez-vous dire par " division " ? : O




    Kabrina Lestrange
    FémininAge : 28Messages : 71

    le Dim 16 Oct 2011 - 5:39

    Hello!

    J'ai un petit problème. Quand je change les paramètres de mon css pour personnalité ma section sa ne fonctionne pas.

    L'adresse de mon fofo:
    http://potterworld3.forumactif.org/t203-bellatrix


    Mon Css:
    Code:
    /*Masquer les profil-------------------------------------------------------------------------*/
    .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
    {background-color: #ffffff;
    border: 10px solid #cee5ec;
    font-size: 12px;
    letter-spacing: 1px;}

    .profil1/*ceci s'appliquera au bouton*/
    {width: 200px;
    background-color: #cee5ec;
    border: none;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;}

    .profilentour
    {background-color: #000;
    border: 3px solid #fff;
    }

    Mon 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(){
       _atc.cwait = 0;
       $('.addthis_button').mouseup(function(){
          if ($('#at15s').css('display') == 'block') {
             addthis_close();
             addthis_close();
          }
       });
    });
    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
       <tr>
          <td align="left" valign="middle" nowrap="nowrap">
             <span class="nav">
             <!-- BEGIN switch_user_authpost -->
             <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
             <!-- END switch_user_authpost -->
             <!-- BEGIN switch_user_authreply -->
             <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
             <!-- END switch_user_authreply -->
             </span>
          </td>
          <td align="left" valign="middle" nowrap="nowrap">
             <!-- BEGIN switch_twitter_btn -->
             <span id="twitter_btn" style="margin-left: 6px; ">
             <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
             <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
             </span>
             <!-- END switch_twitter_btn -->
             <!-- BEGIN switch_fb_likebtn -->
             <span id="fb_likebtn" style="margin-left: 6px; ">
                <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
             </span>
             <!-- END switch_fb_likebtn -->
          </td>
          <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
             <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                 | 
                <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('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
             </span>
          </td>
       </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <tr align="right">
          <td class="catHead" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                   </td>
                   <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
             </table>
          </td>
       </tr>
       <!-- BEGIN topicpagination -->
       <tr>
          <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
       </tr>
       <!-- END topicpagination -->
       {POLL_DISPLAY}
       <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
       </tr>
       <center><!-- BEGIN postrow -->
       



    <!-- BEGIN displayed -->
       <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <div class="profilentour">
            <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>          </strong></span></center><br />
                <span class="postdetails poster-profile">
                {postrow.displayed.POSTER_RANK}<br />
                <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span> Je suis {postrow.displayed.POSTER_NAME} <br><br> </center></div><br />
     <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none;  text-align:left;">
                <!-- 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}
                </div></div>
            </span><br />
     
    </div>
    <div id=""></div><br />
            <img src="http://illiweb.com/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
          </td>
                
                
                
                
                
                    
                
                
             </span><br />
             <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
          </td>
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                   <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                   </center></td>
                </tr>
                <tr>
                
                   <td colspan="2" class="hr">
                      <hr />
                   </td>
                </tr>
                <tr>
                   <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                         <!-- BEGIN switch_vote -->
                         <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                         <!-- END switch_vote -->

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

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

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

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

                      <div class="postbody">

                         <div>{postrow.displayed.MESSAGE}</div>

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

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

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

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

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

                                  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                               </dl>
                               <!-- END switch_post_attachments -->
                            </dd>
                         </dl>
                         <!-- END switch_attachments -->

                         <div class="clear"></div>
                         <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                         </div>

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                   </td>
                </tr>
             </table>
          </td>
       </tr>
       <tr>
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
             <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
             <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td valign="middle">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
                   </td>
                </tr>
             </table>
          </td>
       </tr>
       <!-- BEGIN first_post_br -->
    </table>
    <br />
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
       </tr>
       <!-- END first_post_br -->
       <!-- END displayed -->
       <!-- BEGIN hidden -->
       <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
       </tr>
       <!-- END hidden -->
       <!-- END postrow -->
       <!-- BEGIN no_post -->
       <tr align="center">
          <td class="row1" colspan="3" height="28">
             <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
       </tr>
       <!-- END no_post -->
       <tr align="right">
          <td class="catBottom" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                   <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
             </table>
          </td>
       </tr>
    </table>

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

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

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

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
       <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
             <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
             </span>
          </td>

          <!-- BEGIN viewtopic_bottom -->
          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
          <!-- END viewtopic_bottom -->

          <!-- BEGIN moderation_panel -->
          <td align="center">
             <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
             <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
       </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
       <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
             <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

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

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


    Merci d'avance! ^^
    Kanu
    FémininAge : 26Messages : 55

    le Mer 16 Nov 2011 - 0:07


    Hello et tout d'abord merci pour ce tuto que je me suis empressée de suivre pour mon forum ! ♥

    En suivant ton tuto, qui est très clair, je n'ai pas eu de problèmes jusqu'à la dernière étape. J'ai commencé par modifier l'apparence du bouton comme je le désirais mais en voulant passer au profil je me suis heurtée à un problème assez lourd. Dans le Css, il y a une partie pour le bouton seul et une autre pour le profil ET le bouton.

    Ma question est la suivante : Comment faire pour pouvoir modifier l'apparence du profil seulement (un peu comme sur l'exemple donné ou le bouton et le profil ont leur décoration séparée). Comment faire ?

    Je précise que je début dans le codage.^^

    Lou'
    FémininAge : 26Messages : 98

    le Lun 5 Déc 2011 - 12:10

    Merci infiniment pour cette astuce! C'est tout beau maintenant :)
    Y'a t-il possibilité de changer le "afficher le profil" par une autre phrase?
    Celska
    FémininAge : 21Messages : 37

    le Mer 27 Juin 2012 - 15:03

    Merci !
    swananas
    FémininAge : 21Messages : 32

    le Ven 27 Juil 2012 - 17:08

    Merci pour l'astuce ! :)
    Sacagawea
    FémininAge : 20Messages : 234

    le Lun 3 Déc 2012 - 19:02

    Bonsoir,

    Merci pour ce tutoriel, le système du spoiler a bien marche a bien marche!

    Mais j'ai un problème au niveau du font ( de l’écriture) qui parait très grande par rapport au reste.

    Ci-joint un screen:
    Spoiler:

    Merci d'avance,
    Kiharu Wink
    Contenu sponsorisé

    Aujourd'hui à 11:48


      La date/heure actuelle est Sam 10 Déc 2016 - 11:48