Accueil
Créer un forumPied de page type FDF
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Pied de page type FDF
par MasterRazor99 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
-
Messages : 27
Inscrit(e) le : 25/05/2015 -
MasterRazor99- Nouveau membre
-
Messages : 27
Inscrit(e) le : 25/05/2015 -
Re: Pied de page type FDF
par MasterRazor99 Sam 25 Juin 2016 - 23:18
Bonsoir, je up le sujet, esperant avoir une réponse, merci bien.
MasterRazor99- Nouveau membre
-
Messages : 27
Inscrit(e) le : 25/05/2015 -
Re: Pied de page type FDF
par MlleAlys 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 :
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 :
- 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 :
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 :
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 -->
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 --> | <!-- 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- Membre actif
- Messages : 5800
Inscrit(e) le : 12/09/2012
MasterRazor99- Nouveau membre
-
Messages : 27
Inscrit(e) le : 25/05/2015 -
Re: Pied de page type FDF
par Chacha 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 à :
 |
Chacha- Modéractif
-
Messages : 69440
Inscrit(e) le : 21/08/2010 -
Sujets similairesForum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum