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.


    (Nihil) Un footer pour les partenaires

    avatar
    Daryel
    FémininAge : 37Messages : 358

    Dim 14 Déc 2014 - 13:07

    Bonjour à tous,

    Je viens passer commande d'un truc sans doute basique mais qui dépasse déjà mes compétences ^^
    Déjà, mon forum se trouve ici : http://terraformars.forumactif.org/

    J'aimerais donc savoir comment faire pour rajouter un footer en dessous de mon qeel, histoire de pouvoir y mettre les logos de mes partenaires (qui seront en 88x31 d'ailleurs).
    Je ne veux rien de très compliqué ni de très élaborés, juste une ''zone de footer'' blanche et entouré d'un cadre fin de cette couleur : #3C627D

    Si vous avez besoin de davantage d'informations, n'hésitez pas.
    Merci à vous ^^




    Dernière édition par Daryel le Lun 15 Déc 2014 - 23:46, édité 1 fois
    avatar
    Daryel
    FémininAge : 37Messages : 358

    Dim 14 Déc 2014 - 18:23

    Je me permets juste un double post parce qu'en jetant un œil, j'ai trouvé une partie du codage qui pourrait sûrement servir :

    Dans le template overall_footer_begin :

    Code:
    <!-- BEGIN html_validation -->
    <div>
       <div>
          <table>
             <tbody>
                <tr>
                   <td>
    <!-- END html_validation -->
                   </td>
                   <td valign="top" width="{C3SIZE}">
                   <div id="{ID_RIGHT}">
                      <!-- BEGIN giefmod_index2 -->
                      {giefmod_index2.MODVAR}
                      <!-- BEGIN saut -->
                      <div style="height: {SPACE_ROW}px"></div>
                      <!-- END saut -->
                      <!-- END giefmod_index2 -->
                   </div>
                   </td>
                </tr>
             </tbody>
          </table>
       </div>
    </div>
    <!-- close div id="page-body" -->
    <div id="page-footer">
       <div align="center">
          <div class="gen">
    <!-- BEGIN html_validation -->
          </div>
       </div>
    </div>
    <!-- END html_validation -->

    Dans mon code CSS :

    Code:
    #page-footer
    {
    background-image: url(http://host.image.files.free.fr/host/4c4d25f59c2c1footer_02.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 980px;
    height: 120px;
    margin-bottom: -18px;
    }

    #page-footer a
    {
    font-size: 10px;
    text-decoration: none !important;}

    Apparemment le footer serait donc déjà ''existant'', mais j'avoue que je ne sais toujours pas comment il faut faire pour le mettre en forme ni pour y poster mes partenaires ^^
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Dim 14 Déc 2014 - 18:57

    Hello,

    Le footer que tu veux faire doit se trouver seulement sur l'index (tu as précisé "en dessous du QEEL") ou bien en bas du forum sur toutes les pages ?

    Le template overall_footer_begin correspond au contenu qui s'affichera en bas de toutes les pages (Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit) .

    Si tu cherches à faire quelque chose juste sur l'index en dessous du QEEL, il faudra toucher au template index_body.

    avatar
    Daryel
    FémininAge : 37Messages : 358

    Dim 14 Déc 2014 - 19:01

    J'avoue ne pas avoir de préférences, les deux me vont très bien donc peut-être à voir si l'un est plus compliqué que l'autre ?
    Sinon si le code qui était de base sur mon forum est exploitable, peut-être partir sur celui-ci pour se simplifier la vie je pense ^^
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 15 Déc 2014 - 13:58

    En gros tu veux faire ceci ?

    (Nihil) Un footer pour les partenaires HnVbcGj

    Daryel a écrit:J'avoue ne pas avoir de préférences, les deux me vont très bien donc peut-être à voir si l'un est plus compliqué que l'autre ?
    A toi de choisir :p
    Le mettre sous le QEEL ou bien sur toutes les pages au dessus des mentions légales est exactement la même difficulté et le même code, c'est juste le placement dans le template qui change.

    avatar
    Daryel
    FémininAge : 37Messages : 358

    Lun 15 Déc 2014 - 15:34

    Oui c'est exactement ça !
    Et dans ce cas-là je préfère le mettre simplement sous le qeel ^^
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 15 Déc 2014 - 20:57

    Hum, pour faire le bloc voici le code CSS à mettre :
    Code:
    .cadre-partenaires {
        background: #FFFFFF;
        border: 2px solid #3C627D;
        padding: 10px;
        max-height: 250px; /* hauteur max */
        overflow: auto; /* ajoute une barre de defilement si trop haut */
    }

    Le HTML correspondant :
    Code:
    <div class="cadre-partenaires">contenu à mettre ici </div>

    Pour t'indiquer l'endroit où l'installer, vu que ton template index_body est modifié, pourrais tu nous le copier / coller s'il te plait :) ?

    avatar
    Daryel
    FémininAge : 37Messages : 358

    Lun 15 Déc 2014 - 23:27

    Génial, merci beaucoup Very Happy
    Par contre au risque de poser une question bête, où dois-je mettre le code HTML ?

    Et mon index_body :

    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table width="100%" border="0" cellspacing="1" cellpadding="0">
       <!-- BEGIN message_admin_titre -->
       <tr>
          <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
       </tr>
       <!-- END message_admin_titre -->
       <!-- BEGIN message_admin_txt -->
       <tr>
          <td class="row1" rowspan="3" align="center" valign="middle">
          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
          </td>
       </tr>
       <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <!-- BEGIN switch_fb_connect_no -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                         <span class="gensmall">{L_AUTO_LOGIN}</span> 
                      </td>
                   </tr>

                   <tr>
                      <td><span class="genmed">{L_PASSWORD}:</span> </td>
                      <td><input class="post" type="password" size="10" name="password"/> </td>
                      <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect_no -->

       <!-- BEGIN switch_fb_connect -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td valign="top" width="100%" class="row1" align="center">
                <table width="100%">
                   <tr>
                      <td width="55%" valign="middle" align="right">
                         <table class="right">
                            <tr>
                               <td><span class="genmed">{L_USERNAME}:</span> </td>
                               <td><input class="post" type="text" size="10" name="username"/> </td>
                               <td>
                                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                  <span class="gensmall">{L_AUTO_LOGIN}</span> 
                               </td>
                            </tr>

                            <tr>
                               <td><span class="genmed">{L_PASSWORD}:</span> </td>
                               <td><input class="post" type="password" size="10" name="password"/> </td>
                               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                         </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                         <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->
    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td width="50%" valign="top">
             
             
          </td>
          <td width="50%" align="right">
             <span class="gensmall">
                
                
             </span>
          </td>
       </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
       <!-- BEGIN switch_fb_connect_no -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                         <span class="gensmall">{L_AUTO_LOGIN}</span> 
                      </td>
                   </tr>

                   <tr>
                      <td><span class="genmed">{L_PASSWORD}:</span> </td>
                      <td><input class="post" type="password" size="10" name="password"/> </td>
                      <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect_no -->

       <!-- BEGIN switch_fb_connect -->
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
             <td valign="top" width="100%" class="row1" align="center">
                <table width="100%">
                   <tr>
                      <td width="55%" valign="middle">
                         <table class="right">
                            <tr>
                               <td><span class="genmed">{L_USERNAME}:</span> </td>
                               <td><input class="post" type="text" size="10" name="username"/> </td>
                               <td>
                                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                  <span class="gensmall">{L_AUTO_LOGIN}</span> 
                               </td>
                            </tr>

                            <tr>
                               <td><span class="genmed">{L_PASSWORD}:</span> </td>
                               <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                         </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                         <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                   </tr>
                </table>
             </td>
          </tr>
       </table>
       <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_footer -->
        <!-- BEGIN disable_viewonline -->
    <div style="background-color: #F5F5F5; padding: 10px; border-top: 60px solid #3C627D;"><div class="cate_titre" style="vertical-align: middle;">
        <table class="cadre_qeel" width="100%" border="0" cellspacing="1" cellpadding="0"> 
          <tr>
              <td colspan="2" height="28" align="center">
              <!-- BEGIN switch_viewonline_link -->
              <span class="qeel_titre"><a class="qeel_titre" href="{U_VIEWONLINE}" rel="nofollow"><img class="qeel_titre"  /></a></span>
              <!-- END switch_viewonline_link -->

              <!-- BEGIN switch_viewonline_nolink -->
                          <span class="qeel_titre"><img class="qeel_titre"  /></span>
              <!-- END switch_viewonline_nolink -->
              </td>
          </tr>
            <tr>
              <td colspan="2" align="center"><div class="groupes_qeel">
              <p class="groupe1">Staff</p>
              <p class="groupe2">Annex 1</p>
              <p class="groupe3">Equipe 4</p>
              <p class="groupe4">Zwitterion</p></div></td>
          </tr>
          <tr><td><div class="infos_qeel"><span class="gensmall">{TOTAL_POSTS}<br />
              {TOTAL_USERS}<br />
                        {NEWEST_USER}<br />
                        {TOTAL_USERS_ONLINE}<br />
                  {RECORD_USERS}</span></div></td>
                  <td><div class="membres_liste"><span class="gensmall">
                    {TOTAL_USERS_ONLINE}<br />
                    {LOGGED_IN_USER_LIST}</span></div>
                  </td>
          </tr>
          <tr><td align="right" colspan="2"><span class="gensmall" style="font-size: 10px;padding-right: 5px;">Codage : Sauney de <a href="http://www.never-utopia.com/">Never Utopia</a></span>
        </td>
          </tr>
        </table>
        <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />


    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
       appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
       oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 15 Déc 2014 - 23:32

    Il y a une petite erreur dans ton template ^^

    Remplace :
    Code:
            </table>
            <!-- END disable_viewonline -->
        {CHATBOX_BOTTOM}
        <br clear="all" />

    Par
    Code:
            </table>
        </div>
            <!-- END disable_viewonline -->
        {CHATBOX_BOTTOM}
        <br clear="all" />

    (une div non fermée)

    Normalement si tu valides et tu publies, tu ne dois constater aucun changement (c'était une petite erreur sans trop d'incidence).

    Si tout est bon après avoir fait ça, dans ton template tu peux copier / coller le code HTML juste après cette ligne là :
    Code:
    <br clear="all" />

    avatar
    Daryel
    FémininAge : 37Messages : 358

    Lun 15 Déc 2014 - 23:38

    Tout fonctionne à merveille, un énorme merci pour ton aide Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 6:18