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 : -20%
-20% sur le Lot de 2 écrans PC GIGABYTE ...
Voir le deal
429 €

    Commande de Profil & Messages

    Aile de l'Ange
    Aile de l'Ange
    FémininAge : 25Messages : 110

    Dim 25 Mar 2018 - 22:48

    Ma demande



    Bonjour au passeurs sur ce post, je vous souhaite une bonne lecture du sujet et un merci d'avance pour m'avoir consacré du temps rien qu'à la lecture de ma demande. J'aimerais beaucoup un codage de profil et messages.


    Schéma(s) et Eléments


    Schémas : https://zupimages.net/up/18/12/5ihm.png
    Tailles des éléments : Longueur total du bazar ^^ : 780px
    l'avatar des membres fait 200*320px
    Le soleil est l'image de rang du membre → redimensionnement auto (pas de dimension en tête car cela dépends de la dimension du restangle avec le nom du membre et son rang écris mais il faut que ça fasse un carré).
    Effets voulus : (si vous désirez des effets particuliers, arrondis, transitions...)
    Version de votre forum : PHPBB2


    Ressources


    Si vous souhaitez des images de fond précises ou des icônes etc... mettez-les ici. Attention : ces images seront dans le code mis en libre service.


    Autres précisions ?


    Tout en haut les boutons nouveau et répondre.
    En dessous c'est "d'où on vient", la direction.
    Puis ensuite le nom du sujet

    A DROITE :
    Ensuite la date du posteur et l'heure
    Après le 'en ligne' quand le membre est en ligne à droitee, et à gauche les boutons visible sur le schéma
    Suivit du message et enfin de la signature

    A GAUCHE :
    Tout d'abord, un cadre d'environ 8px entourant l'avatar du posteur
    En dessous un rectangle où il y aura l'image du rang du posteur et à droite le nom du posteur et juste en dessous àprès le trait le rang écris du posteur
    Puis dans des rectangles séparés les informations du posteur
    Enfin les boutons affichés sur le schéma

    Le fond vert kaki c'est le fond de mon forum.
    Pour la commande vous pouvez mettre en couloir du noir et du blanc, je m'occuperais moi même de changer les couleurs ^^



    Dernière édition par Aile de l'Ange le Sam 31 Mar 2018 - 22:36, édité 1 fois
    Aile de l'Ange
    Aile de l'Ange
    FémininAge : 25Messages : 110

    Mar 27 Mar 2018 - 20:48

    Up ^^
    Ylkhana
    Ylkhana
    FémininAge : 30Messages : 328

    Jeu 29 Mar 2018 - 15:18

    Bonjour !

    Voici ce que je peux te proposer.
    Aperçu:
    Après, je n'ai pas du tout touché au "bas" des topics, puisque ce n'était pas détaillé dans ta demande. Autre point de confusion pour ma part, tu écris "Après le 'en ligne' quand le membre est en ligne à droite, et à gauche les boutons visible sur le schéma", tandis que sur ton schéma, le "en ligne" est à gauche et les boutons à droite. J'ai suivi le modèle de ton schéma, mais je peux le changer.

    En attendant, si ça te va comme ça, voici 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>
                        <div class="hcd-space"></div>
          </td>   
         </tr>
         <tr>
          <td class="nav-hcd" 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>
       </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 align="center" class="hcd-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                   </td>
                                      <br/>   
                   <!-- <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 colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
        </tr>
        <!-- END topicpagination -->
       {POLL_DISPLAY}
       <tr height="10px">
          <!--<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" 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 {postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                      <div class="hcd-ava">{postrow.displayed.POSTER_AVATAR}</div>
                <div class="hcd-space"></div>
                      <div class="hcd-id"><span class="hcd-rimg">{postrow.displayed.RANK_IMAGE}</span>
                      <span class="hcd-name"><span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
                    <span class="hcd-rank">{postrow.displayed.POSTER_RANK}</span>
                   </span>
                  </div>
                  <div class="hcd-space"></div>
                <div class="hcd-poster-profile">
                <!-- BEGIN profile_field -->
                                      <div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                <!-- END profile_field -->
                {postrow.displayed.POSTER_RPG}
             </div>
                <div class="hcd-space"></div>
             <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                   <td valign="middle" style="text-align: center;">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
                   </td>
                </tr>
             </table>
             <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
          </td>
          <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td><div class="hcd-header"><span class="hcd-date"><img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span>
                                              <span>{postrow.displayed.ONLINE_IMG}</span>
                                              <span>{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}</span>
                                              </div>
                                              </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_signature -->
                         <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                         </div>
                         <!-- END switch_signature -->
                         <!-- 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>
                      </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 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>
          </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 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="hcd-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                   </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 valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
       </tr>
       <!-- BEGIN switch_user_logged_in -->
       <!-- BEGIN watchtopic -->
       <tr>
          <td 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="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 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 valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
             <td 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>

    Ainsi que le code CSS :

    Code:
    /* Affichage d'un sujet ---YLKHANA*/
    .hcd-space{
      width:100%;
      height: 10px;
    }
    /* Fil d'Ariane - fond */
    .nav-hcd{
      width: 100%;
      background: black;
      text-align: center;
      padding: 5px;
    }
    /* Fil d'Ariane - liens */
    .nav-hcd > .nav, .nav-hcd > .nav a{
      font-size: 16px;
      color: white;
    }
    /* titre du sujet - fond */
    .hcd-title{
      width: 100%;
      text-align: center;
      padding: 15px 10px;
      margin-bottom: 10px;
    }
    /* titre du sujet - texte */
    .cattitle{
      color: white;
      font-size: 32px;
      text-transform: uppercase;
    }
    /* couleur de fond des champs */
    .hcd_ava, .hcd-id, .hcd-profil, .hcd-poster-profile div{
      background-color: white;
    }
    /* taille et bordure de l'avatar */
    .hcd-ava{
      width:200px;
      height:320px;
      border: 8px solid white;
      outline: 1px solid #D3D3D3;
    }
    /* Champ : rang & pseudonyme */
    .hcd-id{
      width:216px;
      outline: 1px solid #D3D3D3;
      display: flex;
    }
    /* redimensionnement de l'image de rang */
    .hcd-rimg img{
      width: 75px;
      height: auto;
    }
    /* Zone pseudo & intitulé du rang */
    .hcd-name{
      width: 150px;
      display: flex;
      flex-direction: column;
      text-align: right;
      padding: 12px 3px;
    }
    /* pseudonyme du joueur */
    .hcd-name > .name{
      margin-left: 5px;
      border-bottom:1px solid #D3D3D3;
      height: 50%;
      font-size: 14px;
    }
    /* intitulé du rang */
    .hcd-rank{
      font-size:10px;
      padding-top: 5px;
    }
    /* champs du profil */
    .hcd-poster-profile{
      width: 216px;
      text-align: left;
    }
    /* Zones de texte */
    .hcd-poster-profile div{
      margin-bottom:5px;
      padding:5px;
      text-transform:uppercase;
      font-size:9px;
      /* si tu veux changer la couleur des infos, utilise cette ligne:
      color:#D3D3D3;
      */
      outline: 1px solid #D3D3D3;
    }
    /* En-tête du sujet */
    .hcd-header{
      width: 520px;
      background-color: #D3D3D3;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 2px 5px;
      margin-left:10px;
    }
    .hcd-date{
      width: 100%;
      text-align: right;
      border-bottom: 1px solid white;
      color: white;
      font-size: 11px;
      text-transform: uppercase;
      padding: 7px 0;
    }
    /* contenu du post */
    .postbody{
      background: white;
      padding: 10px 14px;
      width: 500px;
      text-align: justify;
      border: 1px solid #D3D3D3;
      margin-left:10px;
    }
    /* Fin d'affichage du sujet */

    Est-ce qu'il faut que je touche au bas de la page ? Ou que je retouche quelque chose ?

    Merci d'avance pour ton retour.

    Aile de l'Ange
    Aile de l'Ange
    FémininAge : 25Messages : 110

    Ven 30 Mar 2018 - 15:38

    Bonjour, je suis désolé mais quelqu'un a fait avant un essai aussi qui était pareil que mon schéma. Il me l'a envoyé par MP car mon schéma était proche d'un LS de CCCrush. Du coup sur mon forum j'ai du créditer CCCrush et celui qui m'a fait les modifications.
    Je suis vraiment désolé pour le travail que tu as effectué.
    Aile de l'Ange
    Aile de l'Ange
    FémininAge : 25Messages : 110

    Sam 31 Mar 2018 - 22:36

    On m'a envoyé ma commande par MP. Du coup vous pouvez archiver mon topic ^^
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 9:25