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.


    (Onyx) Une commande de profil

    Partagez
    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Lun 7 Mai 2018 - 16:05

    Ma demande



    Bonjour tout le monde ! Je viens passer commande pour un profil pour mon nouveau forum. J'ai regardé les différentes profils dans le libre service mais je n'ai pas vraiment accroché... même s'ils sont bien faits :innocent: :heart:


    Schéma(s) et Eléments


    Schémas :
    Spoiler:
    Tailles des éléments : aucune idée de la taille :S
    Effets voulus : Normalement j'ai tout noté sur le schéma, je pensais à un effet d'opacité ou quelque chose du genre pour mettre la feuille de personnage derrière l'avatar... :kdo:
    Version de votre forum : PHPBB2


    Ressources


    Je viens de voir aussi que j'ai oublié de mettre un petit dessin pour le en ligne. Est ce que ce serait possible d'avoir une image de cette forme ci pour signaler le online ?


    Autres précisions ?

    Ce serait possible de mettre le profil au couleur de mon forum ? voici les couleurs dominantes :

    #000000 pour ce qui est du texte
    #97CBCC pour les liens et liens survolés
    #642830 pour le fond global du forum
    #FFFFFF on a aussi un peu de blanc pour que les couleurs chaudes ne fassent pas trop mal aux yeux

    Est ce que vous pourriez aussi mettre ces polices ci sur le profil ? ce sont celles du forum : journal, tahoma

    Comme vous avez du le voir sur le schéma, j'aimerais que mon profil soit composé de phrases, comme par exemple : j'ai écrit XX messages etc.



    Dernière édition par lelie25 le Sam 2 Juin 2018 - 15:21, édité 2 fois
    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Dim 13 Mai 2018 - 13:09

    Ma commande est toujours d'actu...j'en ai vraiment besoin pour finir le forum complètement^^
    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Mer 16 Mai 2018 - 12:47

    toujours attendu
    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Sam 19 Mai 2018 - 10:42

    toujours d'actu :)
    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Mar 22 Mai 2018 - 10:11

    @lelie25 a écrit:toujours d'actu :)
    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Mer 23 Mai 2018 - 11:57

    commande toujours d'actualité
    avatar
    Onyx
    FémininAge : 24Messages : 3132

    le Mer 23 Mai 2018 - 16:09

    Salut !

    C'est possible pour tout ça (y compris le bouton online), mais tu dois faire l'image, on ne peut pas la faire pour toi.
    Aussi, est-ce qu'il y a une image de rang? Où est-ce que cela doit être?
    On peut avoir le lien du forum pour nous aider avec le visuel?
    Il faut mettre un gif entre le nom et le bloc avec les phrases? C'est quoi ce gif? Un champ du profil? Pourquoi il n'est pas avec les autres en bas?



    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Mer 23 Mai 2018 - 17:34

    Bonjour Onyx :aww: , finalement je laisse tomber l'icone en ligne (je n'ai pas de logiciel pour faire l'image) j'utiliserai celle ci à la place : et quand l'utilisateur ne sera pas en ligne, il n'y aura pas de bouton qui l'indiquera :)

    Pour le rang, non je n'ai pas besoin d'en avoir pour le moment :) voici le lien du forum, j'ai cru l'avoir mis dans le post ^^ Pour le gif je viens de voir que j'avais oublié de mettre un petit bloc pour signaler sa place ^^

    Je voulais le mettre juste avant les phrases oui, en un simple champs image. Juste pour mettre une petite photo ou un gif de la célébrité du joueur. Et ensuite dans un autre bloc, les phrases, "je viens de " "j'ai écrit XX messages" (etc).... puis comme dernier bloc, je pense que ce serait un champs texte, pour que les membres puissent mettre ce qu'ils veulent comme un code pour le profil, ajouter des gifs, écrire ce qu'ils veulent sur leurs liens (etc)

    Est ce que je suis un peu plus claire dans mes explications ?^^




    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Lun 28 Mai 2018 - 17:58

    toujours d'actualité ♥
    avatar
    Onyx
    FémininAge : 24Messages : 3132

    le Mer 30 Mai 2018 - 15:17

    Salut!

    Comme ça?
    http://forum-test-onyx4.forum-canada.com/t1-css-phpbb2
    (J'ai pas pris la peine d'installer tes polices sur mon forum test, mais normalement le pseudo est avec la police Journal)



    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Jeu 31 Mai 2018 - 14:08

    Salut Onyx! oui c'est ce que je recherchais :) j'aime bien!

    j'ai juste une petite question, dans le code du template est ce que je pourrais ajouter de nouvelles phrases ?
    avatar
    Onyx
    FémininAge : 24Messages : 3132

    le Ven 1 Juin 2018 - 3:48

    Oui, bien sûr.

    Voici le javascript à mettre "sur les sujets":
    Code:
    $(function(){
      $('.profil_label:contains("Messages")').each(function() {
        var champ1copy = "J'ai écrit " + $(this).next().html();
        $(this).closest('.profil_block').find('.profil_phrases:first').append(champ1copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("inscription")').each(function() {
        var champ2copy = " messages depuis mon arrivée le " + $(this).next().html();
        $(this).closest('.profil_block').find('.profil_phrases:first').append(champ2copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("Métier")').each(function() {
        var champ3copy = " à Billings. Je suis " + $(this).next().html();
        $(this).closest('.profil_block').find('.profil_phrases:first').append(champ3copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("Logement")').each(function() {
        var champ4copy = " et j'habite à " + $(this).next().html() + ".";
        $(this).closest('.profil_block').find('.profil_phrases:first').append(champ4copy);
        $(this).parent().remove();
      });
     
      $('.profil_infobloc > div:nth-child(1)').each(function() {
        var champimg = $(this).closest('.profil_block').find('.profil_image');
        $(this).find('img:first').appendTo(champimg);
        $(this).remove();
      });
     
    });

    Voilà le CSS :
    Code:
    /*Bloc du profil*/
    .profil_block {
      background: #ece8e6;
      border-radius: 10px;
      width: 200px;
      padding: 5px;
      text-align: center;
    }
    /*Bloc avatar*/
    .profil_ava {
      position: relative;
      margin: auto;
      width: 200px;
      height: 320px;
      border-radius: 10px;
    }
    /*Avatar*/
    .profil_ava img {
      width: 200px;
      height: 320px;
      border-radius: 10px;
    }
    /*Feuille RPG*/
    .profil_rpg {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 200px;
      height: 320px;
      border-radius: 10px;
      background: #ffffff;
      text-align: left;
      background: rgba(255,255,255,0.8);
      opacity: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
    }
    /*Apparition du bloc RPG*/
    .profil_ava:hover .profil_rpg {
      opacity: 1;
    }

    /*Pseudo*/
    .profil_name {
      display: inline-block;
      margin: 8px auto;
      min-width: 150px;
      background: #ffffff;
      color: #a3a3a3;
      border-radius: 5px;
      padding: 5px 10px;
      font-family: 'Journal', serif;
      font-size: 18px;
    }
    /*Gif sous le pseudo*/
    .profil_name + .profil_image img {
      width: 200px; /*À modifier*/
      height: 75px; /*À modifier*/
      border-radius: 5px;
    }

    /*Bloc avec les phrases*/
    .profil_phrases {
      background: #F5F4F2;
      margin: 8px auto;
      padding: 8px;
      border-radius: 5px;
      color: #787472;
      font-size: 12px;
    }

    /*Redimensionnement des images sous les phrases*/
    .profil_infobloc img {
      width: 200px; /*À modifier*/
      height: 75px; /*À modifier*/
      border-radius: 5px;
      display: inline-block;
      margin-bottom: 5px;
    }

    Et le template viewtopic_body :
    Code:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
        if(typeof(_atc) == "undefined") {
            _atc = {  };
        }
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
           
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
             {
                if( $(this).is(":visible") )
                {
                   $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                   $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
             });
            }
        }
        catch(e) { }
       
       return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
       <tr>
          <td align="left" valign="middle" nowrap="nowrap">
             <span class="nav">
             <!-- BEGIN switch_user_authpost -->
             <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
             <!-- END switch_user_authpost -->
             <!-- BEGIN switch_user_authreply -->
             <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
             <!-- END switch_user_authreply -->
             </span>
          </td>      
          <td class="nav" valign="middle" width="100%">
             <span class="nav">
                    <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC_SECOND}
                </span>
          </td>      
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
             <!-- BEGIN switch_twitter_btn -->
             <span id="twitter_btn" style="margin-left: 6px; ">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
             </span>
             <!-- END switch_twitter_btn -->
             
             <!-- BEGIN switch_fb_likebtn -->         
             <script>(function(d, s, id) {
               var js, fjs = d.getElementsByTagName(s)[0];
               if (d.getElementById(id)) return;
               js = d.createElement(s); js.id = id;
               js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
               fjs.parentNode.insertBefore(js, fjs);
             }(document, 'script', 'facebook-jssdk'));</script>   
             <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
             <!-- END switch_fb_likebtn -->
             
             <span class="gensmall bold">
                <a class="addthis_button" href="#">{L_SHARE}</a>
                <!-- BEGIN switch_plus_menu -->
                 | 
                <script type="text/javascript">//<![CDATA[
                   var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                   var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                   var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                   var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                   var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                   insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
                <!-- END switch_plus_menu -->
             </span>
          </td>
       </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
       <tr align="right">
          <td class="catHead" colspan="2" 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">
                            <!-- BEGIN switch_isconnect -->
                            <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> 
                            <!-- END switch_isconnect -->
                            <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">{L_MESSAGE}</th>
       </tr>
       <!-- BEGIN postrow -->
       <!-- BEGIN hidden -->
       <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
       </tr>
       <!-- END hidden -->
       <!-- BEGIN displayed -->
       <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top">
                      <span class="name"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a></span>
                      <div class="postdetails poster-profile profil_block">
                        <div class="profil_ava">
                          {postrow.displayed.POSTER_AVATAR}
                          <div class="profil_rpg">{postrow.displayed.POSTER_RPG}</div>
                        </div>
                        <div class="profil_name">{postrow.displayed.POSTER_NAME}</div>
                        <div class="profil_image"></div>
                        <div class="profil_phrases"></div>
                        <div class="profil_infobloc">
                          <!-- BEGIN profile_field -->
                          <div>
                            <span class="profil_label">{postrow.displayed.profile_field.LABEL}</span> <span class="profil_info">{postrow.displayed.profile_field.CONTENT}</span>
                          </div>
                          <!-- END profile_field -->
                        </div>
                      </div>
          </td>
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                   <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                   </td>
                </tr>
                <tr>
                   <td colspan="2" class="hr">
                      <hr />
                   </td>
                </tr>
                <tr>
                   <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                         <!-- BEGIN switch_vote -->
                         <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                         <!-- END switch_vote -->

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

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

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

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

                      <div class="postbody">

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

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

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

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

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

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

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

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

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                   </td>
                </tr>
             </table>
          </td>
       </tr>
       <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td 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>
    <hr />
    <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 -->
       <!-- END postrow -->
       <!-- BEGIN no_post -->
       <tr align="center">
          <td class="row1" colspan="2" height="28">
             <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
       </tr>
       <!-- END no_post -->
       <tr align="right">
          <td class="catBottom" colspan="2" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
                   <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
                            <!-- BEGIN switch_isconnect -->
                            <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> 
                            <!-- END switch_isconnect -->
                            <a href="#top">{L_BACK_TO_TOP}</a> 
                        </td>
                </tr>
             </table>
          </td>
       </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
       <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
       </tr>
       <!-- BEGIN switch_user_logged_in -->
       <!-- BEGIN watchtopic -->
       <tr>
          <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
       </tr>
       <!-- END watchtopic -->
       <!-- END switch_user_logged_in -->
    </table>

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

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

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
       <tbody>
          <tr>
             <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tbody>
                      <tr>
                         <td valign="top">
                            <div class="cattitle"> {L_FORUM_RULES}</div>
                         </td>
                      </tr>
                   </tbody>
                </table>
             </td>
          </tr>
          <tr>
             <td class="row1 clearfix">
                <table>
                   <tr>
                      <!-- BEGIN switch_forum_rule_image -->
                      <td class="logo">
                         <img src="{RULE_IMG_URL}" alt="" />
                      </td>
                      <!-- END switch_forum_rule_image -->
                      <td class="rules postbody">
                         {RULE_MSG}
                      </td>
                   </tr>
                </table>
             </td>
          </tr>
       </tbody>
    </table>
    <!-- END switch_forum_rules -->

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

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

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

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

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

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

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

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



    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Ven 1 Juin 2018 - 11:03

    Merci Onyx ! par contre j'ai deux petites questions que j'ai oublié de te poser plus tôt ^^

    Est ce que sur le profil, c'est possible que tu mettes les phrases côte à côte ? (qu'elles ne soient pas toute à la ligne ? et pour mon autre question, les deux points sont affichés, est ce que tu sais si on peut les retirer ? sur ton forum test, ils n'y sont plus
    avatar
    Onyx
    FémininAge : 24Messages : 3132

    le Ven 1 Juin 2018 - 14:35

    Tu l'as essayé sur un forum-test? Tu as le lien que je puisse voir?



    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Ven 1 Juin 2018 - 14:42

    Oui oui j'ai essayé sur mon forum test, voici le lien

    avatar
    Onyx
    FémininAge : 24Messages : 3132

    le Ven 1 Juin 2018 - 16:26

    Et tu peux me donner le javascript tel qu'il est maintenant?



    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Ven 1 Juin 2018 - 18:45

    Oui pas de soucis le voici

    Code:
    $(function(){
      $('.profil_label:contains("Messages")').each(function() {
        var champ1copy = "J'ai écrit " + $(this).next().html();
        $(this).closest('.profil_block').find('.profil_phrases:first').append(champ1copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("inscription")').each(function() {
        var champ2copy = " messages depuis mon arrivée le " + $(this).next().html();
        $(this).closest('.profil_block').find('.profil_phrases:first').append(champ2copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("Métier")').each(function() {
        var champ3copy = " à Billings. Je suis " + $(this).next().html();
        $(this).closest('.profil_block').find('.profil_phrases:first').append(champ3copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("Logement")').each(function() {
        var champ4copy = " et j'habite à " + $(this).next().html() + ".";
        $(this).closest('.profil_block').find('.profil_phrases:first').append(champ4copy);
        $(this).parent().remove();
      });
     
      $('.profil_infobloc > div:nth-child(1)').each(function() {
        var champimg = $(this).closest('.profil_block').find('.profil_image');
        $(this).find('img:first').appendTo(champimg);
        $(this).remove();
      });
     
    });
    avatar
    Onyx
    FémininAge : 24Messages : 3132

    le Ven 1 Juin 2018 - 19:29

    Je crois que j'ai trouvé, essaies ce javascript :

    Code:
    $(function(){
      $('.profil_label:contains("ai écrit")').each(function() {
        var champ1copy = "J'ai écrit " + $(this).next().html() + " messages";
        $(this).closest('.profil_block').find('.profil_phrases').append(champ1copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("Je suis à Billings")').each(function() {
        var champ2copy = " depuis mon arrivée le " + $(this).next().html() + " à Billings.";
        $(this).closest('.profil_block').find('.profil_phrases').append(champ2copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("Métier")').each(function() {
        var champ3copy = " Je suis " + $(this).next().html();
        $(this).closest('.profil_block').find('.profil_phrases').append(champ3copy);
        $(this).parent().remove();
      });
     
      $('.profil_label:contains("Je vis")').each(function() {
        var champ4copy = " et j'habite à " + $(this).next().html() + ".";
        $(this).closest('.profil_block').find('.profil_phrases').append(champ4copy);
        $(this).parent().remove();
      });
     
      $('.profil_infobloc > div:nth-child(1)').each(function() {
        var champimg = $(this).closest('.profil_block').find('.profil_image');
        $(this).find('img:first').appendTo(champimg);
        $(this).remove();
      });
     
    });



    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Ven 1 Juin 2018 - 19:39

    J'ai changé le code mais ça me fait pareil :S ce n'est pas quelque chose dans le template ? :S
    avatar
    Onyx
    FémininAge : 24Messages : 3132

    le Ven 1 Juin 2018 - 19:52

    Non, c'est vraiment le javascript... Tu as sûre d'avoir activé la gestion des javascripts?



    avatar
    lelie25
    FémininAge : 26Messages : 114

    le Ven 1 Juin 2018 - 21:00

    Ah oui c'était ça ! J'ai oublié d'activer le javascript ! désolé ^^

    En tout c'est parfait ! le code est niquel ! Merci beaucoup !
    Contenu sponsorisé


      La date/heure actuelle est Mer 15 Aoû 2018 - 17:08