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 : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

    [Final-Blonde] Profil

    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Lun 19 Mar 2012 - 14:59

    Bonjour à tous.

    Commande
    Elément à coder :Les Profils
    Adresse du forum :http://deluxedesigns.1fr1.net/
    Description du résultat voulu :Mon profil est en haut des message comme ceci :
    Spoiler:
    J'aimerais faire un genre de profil différent des autres comme ceci :
    Spoiler:
    Couleurs ou tons :Violet et jaune .
    Images : [liste et/ou tailles des images présentes dans l'élément, s'il y'en a (motifs de fond ou autres...)]
    Autres précisions :je demande peut être compliquer , j'aimerais que les avatars soit de la taille 420sur100 .
    le pseudo & le rang en haut de l'avatar puis les infos du membre dans une infobulle .
    quand je passe ma souris sur l'avatar l'infobulle s'ouvre , a l’intérieur j'aimerais aussi mettre leur portfolio , message privé et biographie a la place que ce soit en bas des messages .


    Merci d'avance d'avoir lu (: . j'espère que ça sera possible .
    Demandez moi si vous voulez un template et mon css .


    Dernière édition par LADYQUEEN le Mar 17 Avr 2012 - 11:19, édité 2 fois
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Lun 19 Mar 2012 - 16:15

    Salut !

    Il serait bon d'utiliser le bon de commande et par la même occasion de lire les règles qui l'accompagne.
    Quand ceci sera fait, je validerais, ou non, ta commande !

    Taktiik.

    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Lun 19 Mar 2012 - 16:37

    J'ai refait correctement ma commande . Désolé j'avais oublier , merci de m'avoir prévenue .



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 20 Mar 2012 - 10:10

    Bonjour Ladyqueen (on se connais, non ? C'était à Cannes ? New York ? LA ?)^^

    Je veux bien essayer de t'aider, bien que ce ne soit pas si original que ça: ça fait deux ans que j'ai ce type de profil... Razz

    Petite question avant :
    C'est quoi ces carrés sous le haut de tes profils ?
    Tu aimerais tout aligner ainsi : Avatar > Contacts > RPG ?
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Mar 20 Mar 2012 - 12:05

    bonjours , oui on se connait sur Forum-actif (:
    merci de bien m'aider .
    les 4 carrés c'est l'avatar , les barres violet et jaune c'est le contour du profil.
    J'aimerais que le rang , et le pseudo soit centrer au dessus de l'avatar .
    Ensuite avoir une infobulle qui s'ouvre quand on passe la souris sur l'avatar ,
    a l 'intérieur , il y aura le lien de message privé , portfolio , profil & leur biographie .et site web .



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 20 Mar 2012 - 16:32

    LADYQUEEN a écrit:oui on se connait sur Forum-actif
    Avoue que la Croisette ou bien Hollywood blv aurait été plus... Clash !

    L'affaire des 4 avatars à la suite et la largeur demandée de 420px me confusionnent:
    A moins que ce soit du champ des avatars dont tu parles ?
    Il faut savoir que les avatars ainsi alignés seront codés dans le template par la variable-avatar 4 fois, de 100px x 100px dans le CSS, je pensais...
    Nous parlons bien de la même chose, non ?
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Mar 20 Mar 2012 - 17:01

    Je t'explique mieux l'affaire des avatars .
    Déjà Est ce que c'est possible que un avatar fasse 420 de largeur ?
    L'avatar fait 420/100 mais au lieu de mettre une image 420/100 , je préférerais que les membres mettent 4 petite icons . Tu me comprend :) ?



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 20 Mar 2012 - 17:22

    Oui je comprends.

    Alors oui, il est possible de mettre une telle image en avatar.
    MAIS ça demanderait du vrai codage à tes membres et je sais que ce n'est pas le dada de tout un chacun.

    Comment t'expliquer cela au plus simple...
    Il y a une variable disponible pour l'avatar où l'on peut mettre les dimensions que l'on souhaite (si la place y est). Cette variable est unique, là où nous mettons nos vatars dans notre profil.
    Maintenant, nous pouvons taper les opportunistes en utilisant aussi la variable de l'image-rang et ça ce sont les admins qui le font.
    On peut aussi essayer avec la variable image-rpgiste (quoique je ne sais pas trop comment marche le rpg).

    Sinon, on peut mettre des images dans les champs "informations" mais il faut alors sacrifier la variable et là, le membre coder en BBcode.
    Pareil avec le champ adresse-internet.

    Bref, avec ça on peut déplacer les variables et les mettre à la suite.
    Mais je ne te dis pas le berdol si une balise est mal refermée, si du texte dépasse, etc.

    Par contre mettre 4 fois la variable du même avatar c'est possible, ou varier avec celle du rang.


    Et toi, tu comprends ?
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Mar 20 Mar 2012 - 20:03

    Oui je comprend (:
    ça a l'ait compliqué pour moi , et puis c'est vrai les membres vont pas aimer de faire un code pour un simple avatar . Alors j'ai refais un montage d'un profil plus simple sans infobulle , ni un avatar compliqué Very Happy .
    Je voudrais ce profil :(taille de l'avatar : 250sur130)
    Spoiler:
    Plus simple a comprendre .
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 20 Mar 2012 - 20:25

    L'infobulle n'est pas compliquée à réaliser, ni un grand avatar, ni même deux avec l'image du rang, c'est plutôt original.


    Mais si tu préfère la dernière version, comme tu veux... ?
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Mar 20 Mar 2012 - 20:29

    ok . mais je préfère finalement la dernière version (: .



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 20 Mar 2012 - 20:39

    OK.

    Peux-tu encore me dire ce qu'est le "portefolio" ? Il correspond à quoi ?
    Est-ce une adresse vers sa page-galerie ?
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Mar 20 Mar 2012 - 20:42

    oui c'est une galerie .



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mar 20 Mar 2012 - 21:09

    Erf, c'est que ce n'est pas bien précis., et moi aussi je vois les choses une après l'autre...

    Biographie c'est quoi ? Un lien qui mène où, à quoi ?
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Mar 20 Mar 2012 - 21:13

    biographie c'est un lien qui mène a leur fiche de présentation .



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mer 21 Mar 2012 - 13:52

    Ok, ce n'est plus trop compliqué pour les membres, mais toi tu as quelques manipulations à faire à cause des variables-contacts qui ne QUE des images sous forme de bouton.
    Il te faudra créer ces boutons.
    Dans l'images qui suit, j'ai mis les dimensions : 130px x 30px

    Tout d'abord, voici ce que ça donnerait :
    Spoiler:
    Les quatre rectangles à droite sont des images mises dans les champs-contacts du profil des utilisateurs.

    Il te faut paramétrer les profils en fonction des champs que l'on retrouve ensuite dans les messages.:
    Spoiler:

    Une fois celà fait, voici le templates viewtopic_body que l'on a restructurer pour avoir les profils en haut, mais aussi mon ter les contacts dans le même tableau:
    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="0" 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 valign="middle" width="100%">
    <span class="gensmall">
    <a class="gensmall" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}
    <a class="gensmall" href="{catrow.forumrow.U_VIEWFORUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}
    </span>
    </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></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="0" cellpadding="0" style="border-bottom: 0px;"><tr>
    <td align="center" class="catHead t-title" width="91%" height="28">
    <h1 class="cattitle"> {TOPIC_TITLE}</h1>
    </td>
    <td align="right" width="9%" class="catHead 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>


    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border-bottom: 0px;"><tr>
    <td colspan="2" align="center" valign="middle" width="100%">
     
    <table class="lqprofil" width="100%" align="center" cellspacing="0" cellpadding="0"><tr>
     
    <td width="100%" colspan="2" align="center" valign="middle">
    <div class="genmed">
    <span class="mynameis myrankis">
    <a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong>  <strong>{postrow.displayed.POSTER_RANK}</strong>
    </span>
    </div>
    </td></tr>
     
    <tr><td class="imgavatrank" align="center" valign="middle" width="260"> 
    <div class="avatrank">{postrow.displayed.POSTER_AVATAR}</div>
    {postrow.displayed.RANK_IMAGE}
    </td>
     
    <td class="messcontacts" align="center" valign="middle">
    <div class="websites" style="width: 140px!important;">
    {postrow.displayed.PM_IMG}
    <!-- BEGIN contact_field -->
    {postrow.displayed.contact_field.CONTENT}
    <!-- END contact_field -->
    </div>
    <br />
    </td></tr>

    </table>
     
    </td></tr>
     
    <tr class="post">
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                   <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                   </td>
                </tr>
                <tr>
                   <td colspan="2" class="hr">
                      <hr />
                   </td>
                </tr>
                <tr>
                   <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                         <!-- BEGIN switch_vote -->
                         <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                         <!-- END switch_vote -->

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

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

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

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

                      <div class="postbody">

                         <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">
                     
                     
                     
    </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>
    <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"><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 -->

    <!-- 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">
                            <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                         </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}" />
                      </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>

          <!-- 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>
    Le code pour l'espace latéral entre le pseudo et le rang-texte est &*n*b*s*p*; sans les *
    Je te conseille de supprimer l'espace et de mettre le code, je ne sais pas pourquoi, mais même les balises "code" suppriment ce code...

    Et le CSS qui est dans l'ordre du HTML.
    Tu t'y retrouveras facilement et bien sûr ce qui s'y trouve n'est qu'à titre indicatif, tu peux supprimer, ajouter à ton goût, sauf pour les dimensions, ou alors il faut adapter dans le template (la cellule "messcontacts"):
    Spoiler:

    N'hésite pas si tu as des questions. Wink

    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Mer 21 Mar 2012 - 14:45

    Yop,

    Désolé du temps, j'ai passé le commande en cours Wink
    Bonne chance !

    Taktiik.

    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Mer 21 Mar 2012 - 16:42

    BONJOUR , merci Final-Blonde pour ton explication bien détailler .
    J'ai tout fais ce que tu ma écris sauf la partie pour la template car ma template viewtopic_body a déjas était modifier .



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Mer 21 Mar 2012 - 16:45

    Hoy Ladyqueen !

    Oui ? Alors donne ton template du coup, on va voir pour découper, recoudre, etc.
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Mer 21 Mar 2012 - 16:48

    Spoiler:



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Ven 23 Mar 2012 - 9:30

    Oui, Ladyqueen, je ne vois qu'un bouton en plus (deux avec le changement du hover qui doivent être dans le CSS), mais que veux-tu avec ce bouton (les infos en "dissimulés" je suppose), et où doit-il se trouver car il n'apparait pas dans ton schéma.

    Je ne peux pas coder à partir de tes modifications parce que des balises sont en rouge, donc il y a des erreurs.

    S'il-te-plait, donne une bonne fois pour toutes ce que tu voudrais au final et j'essaierai de faire au mieux, c'est le principe d'une commande, en tout cas pour moi.
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Ven 23 Mar 2012 - 18:20

    Le bouton est dans mon template pour rien il faut l'enlever , c'était pour mon ancien profil .
    je ne veux pas le bouton .
    Je ne comprend pas pourquoi il y a des balise rouge dans ma template .
    je veux le profil de l'image deux que je t'ai donner dans la page une , avec les cadre à coté de l'avatar .



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Dim 25 Mar 2012 - 11:48

    Et bien le profil de l'image c'est ce que je t'ai fourni précédemment.
    Installe le template et le CSS.
    A partir de là, s'il y a des modifs à faire, on voit plus loin. Wink
    LADYQUEEN
    LADYQUEEN
    FémininAge : 31Messages : 52

    Dim 25 Mar 2012 - 15:41

    J'ai installer le CSS mais pas la template car comme je te l'ai dit plus haut ma template viewtopic_body est modifier .



    [Final-Blonde] Profil  Ez10
    Final-Blonde
    Final-Blonde
    FémininAge : 101Messages : 144

    Dim 25 Mar 2012 - 16:59

    Mais si tu n'installes pas le template, alors à quoi sert la commande ?

    Je n'ai pas vu ce qu'il y avait de modifié, toutefois tu peux réinstaller la modification que tu as faite sur le template que je t'ai donné.
    Il te suffit de garder une copie stemplate actuelle du ur Notepad ou Bloc-notes. (ce qu'il faudrait toujours faire avec les templates modifiés et le CSS).
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 23:50