Pied de page type FDF

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Pied de page type FDF

Message par MasterRazor99 le Mar 21 Juin 2016 - 17:55

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 21/06/2016
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Salut à tous,
Je suis depuis plusieurs jours sur la création d'un pied de page comme le votre, qui prend tout l'espace du bas, avec plusieurs partie (Celui du forum des forums) avec les liens forumactif en bas.

Mais je ne sais hélas pas comment faire.
Pouvez vous m'apportez votre aide s'il vous plait ?

En vous remerciant.

MasterRazor99
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 25/05/2015

http://lossantos-rp.forumactif.org/
MasterRazor99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pied de page type FDF

Message par MasterRazor99 le Jeu 23 Juin 2016 - 15:24

Petit up

MasterRazor99
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 25/05/2015

http://lossantos-rp.forumactif.org/
MasterRazor99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pied de page type FDF

Message par MasterRazor99 le Sam 25 Juin 2016 - 23:18

Bonsoir, je up le sujet, esperant avoir une réponse, merci bien.

MasterRazor99
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 25/05/2015

http://lossantos-rp.forumactif.org/
MasterRazor99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pied de page type FDF

Message par MlleAlys le Sam 2 Juil 2016 - 16:55

Bonjour,
Pour avoir un bas de page en dehors du cadre du forum, il faut modifier les templates, en l'occurrence refermer le tableau "bodyline-width" AVANT la partie des liens de bas de page.
Le bas de page est en deux morceau dans les templates.

Pour commencer dans overall_footer_begin (Début du bas de page), on ferme le tableau avant le pied de page, ce qui donne le template :
Code:
<!-- BEGIN html_validation -->
<table><tr><td><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" -->
</td></tr></table>
<!-- close table class="bodyline-width" -->

<div id="page-footer">
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->
- Enregistrer le template

Puis dans le template overall_footer_end (Fin du bas de page), on retire du coup la partie qui est sensée fermer le tableau qui a déjà été fermé plus haut suite à notre modification. Ce qui donne le template :
Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>

         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (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 = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>

- Enregistrer le template
- Publier les deux templates modifiés.

Vous pouvez par la suite modifier la mise en forme du pied de page via un code css par exemple :
Code:
#page-footer {
  background: #808080;
  padding: 10px;
}

Si vous souhaitez ajouter des éléments au bas de page (par exemple de nouveaux liens que vous affichez en colonnes), alors il vous faut les insérer à la place de "TEST 0" dans le template overall_footer_begin ci-dessous :
Code:
<!-- BEGIN html_validation -->
<table><tr><td><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" -->
</td></tr></table>
<!-- close table class="bodyline-width" -->

<div id="page-footer">
   <div align="center">
      <div class="gen">
         TEST 0
         <br/>
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pied de page type FDF

Message par MasterRazor99 le Sam 2 Juil 2016 - 20:10

Ah cool merci bien

MasterRazor99
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 25/05/2015

http://lossantos-rp.forumactif.org/
MasterRazor99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pied de page type FDF

Message par Chacha le Sam 9 Juil 2016 - 10:15

@MasterRazor99 a écrit:Ah cool merci bien
Bonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49792
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum