Petite manipulation dans les templates pour placer un contenu quelconque au dessus des crédits de bas de page sur un ForumActif (les liens "créer un forum", "signaler un abus", etc.)
Le but de ce tuto est de placer une image en bas du forum, par exemple pour rappeler une règle importante, comme c'est le cas ici (pour prévenir, par exemple, d'un contenu un peu douteux). On peut sans doute y placer du texte, mais ce tutoriel donnera les codes pour une image.
Edit par 'Christa (mai 2011) : Tutoriel intégralement refait avec une version plus générale, et pas uniquement destinée à placer une image
Comment procéder ?
Vous devez aller dans votre panneau d'administration, onglet affichage, menu templates, il va vous falloir modifier le fichier overall_footer (bas de page).
Point de repère
Dans le template overall_footer, cherchez cette section de code :
Code:
<div id="page-footer"> <!-- BEGIN switch_footer_fa_copyrights --> <div align="center"> <div class="gen"> <!-- BEGIN footer_fa_copyright_link --> <!-- BEGIN switch_separator --> | <!-- END switch_separator --> {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK} <!-- END footer_fa_copyright_link --> </div> </div> <!-- END switch_footer_fa_copyrights --> <!-- 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}
Ce code a changé depuis que le tutoriel a été posté, et changera probablement aussi à l'avenir, au fil des modifications de ForumActif. Ceci est la dernière version en date au 1/05/2011.
Il va vous servir de point de repère pour placer votre image, disclaimer, boite de liens ou ce que vous voulez.
Placement du contenu
Deux possibilités s'offrent à vous :
Si vous voulez placer votre contenu avant les liens de bas de page, alors vous devrez le placer juste après le <div id="page-footer"> et avant le <!-- BEGIN switch_footer_fa_copyrights -->.
Si vous voulez placer votre contenu après les liens de base de page, alors vous devrez le placer juste après <!-- END switch_footer_links --> et avant le dernier </div> du code donné en point de repère (faites attention quand même, ce ne sont pas les </div> qui manquent).
Exemples de contenus possibles
Placer une image d'avertissement
Il vous faut bien sûr l'URL de votre image (l'adresse où elle est stockée). L'attribut "alt" est le texte qui apparait si votre image refuse de s'afficher.
<div class="footer-perso"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat sagittis elit, id egestas urna varius sit amet. Sed in neque sem. Duis odio eros, volutpat eu euismod at, elementum sit amet nisi. Praesent condimentum sodales fermentum. Nam non quam nec sem mollis interdum id sit amet urna. </p> </div>
Personnalisation de l'affichage
Vous pouvez personnaliser votre "boite" de contenu selon vos desideratas, simplement en définissant la classe footer-perso dans le CSS de votre forum. Pour cela, rendez vous dans votre panneau d'administration, onglet Affichage, puis Couleurs » Feuille de style CSS et ajoutez les propriétés CSS que vous souhaitez dans le champ de texte, par exemple pour un cadre avec une bordure :
Code:
.footer-perso { border:1px solid #000000; /* bordure solide de 1px d'épaisseur, couleur #000000 */ padding:5px; /* espacement entre le contenu et le bord */ text-align:justify; /* le texte est justifié */ margin:5px 25px; /* marges haut et bas de 5px, droite et gauche de 25px */ }
A vous de vous renseigner pour une personnalisation correspondant à ce que vous désirez !
Les tutoriels de l'Enae Volare appartiennent à leurs auteurs respectifs et - sauf mention contraire - ne doivent en aucun cas être diffusés, redistribués ou repris de quelque façon que ce soit en dehors de l'Enae, que ce soit en partie ou en totalité.
Merci de créditer l'Enae si ce tutoriel vous a été utile, cela nous aidera à être connus et c'est un juste paiement en retour de nos services ;)
Vous avez un problème avec ce tutoriel, vous voudriez l'adapter à votre cas particulier mais ne savez pas comment vous y prendre ? Créez un nouveau sujet dans le forum Support Tutos !
Vous avez quelque chose à ajouter à ce tutoriel ? Ouvrez un sujet dans les Mises à Jour de Tutos, le staff se chargera de mettre le tutoriel à jour si votre proposition paraît pertinente ;)
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
Vous ne pouvez pas poster de nouveaux sujets Vous ne pouvez pas répondre aux sujets Vous ne pouvez pas éditer vos messages Vous ne pouvez pas supprimer vos messages Vous ne pouvez pas joindre des fichiers
