Atelier de conception de tutoriels en ligne
   
       
 

La publication de la version pdf du tutoriel Concevoir son template et prévue cette semaine...

 
   
 
logo_fr Translate in English Ins Deutsche übersetzen Traducir al Español tradurre in italiano Vertaal in Nederlands Traduzir para Português Traduire en grec
Home arrow Tutoriels Templates Joomla! arrow : : Concevoir son template arrow 12. Le Footer arrow 12.4 La méthode d'encodage directe
Home
Actualités !
Joomla!draft
Road Map ! [Work in progress]
Tutoriels Templates Joomla!
Tutoriels Divers en vrac !
Trucs & Astuces !
Dossiers !
Ressources sur le WEB !
Annuaire !
Outils WEB !
Chercher ?
Sommaire du tutoriel :<br />Concevoir son template
Information pratique
Dans le tutoriel :
Concevoir son template
le code et la numérotation des lignes sont vérifiés jusqu'à la page :

14.2 incluse.

12.4 La méthode d'encodage directe Convertir en PDF Version imprimable Suggérer par mail
Concevoir son template - 12. Le Footer
Écrit par Jean Louis Servais   
21-03-2006
Image logo joomla!Joomla! 1.0.x
Nouvelle page 15/04/2006 : Retouche de la présentation.
24/07/2006 : Corrections orthographiques.

Cette méthode consite à encoder le contenu du Footer directement dans le fichier index.php.
La majorité des templates proposés en téléchargement sont encodés de cette façon. Car seule cette façon de faire permet aux auteurs de ces templates d'inclure leurs références dans le Footer.
Dans le cas de cette méthode, il faut remplacer cette ligne si vous n'avez pas inséré le Footer proposé à la page précédente :
57
          Emplacement du footer 

Ou remplacer les trois suivantes dans le cas contraire :
57
58
59
          <div id="footer">
            <?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
          </div>

Par l'encodage du contenu souhaité :
57
58
59
          <div id="footer">
            Design by votre_nom suivant le tutoriel concevoir son template de <a href="http:/www.joomladraft.org">JoomlaDraft.Org</a><br />Site propulsé par le CMS <a href="http://www.jomla.org/">Joomla!</a> Open Source sous licence GNU/GPL
          </div>

Bien entendu, vous pouvez :
 
  • remplacer le texte contenu entre les balises <div> par celui de votre choix;
  • inclure des liens à l'aide des balises <a>;
  • insérer de petites images avec la balise <img>;
  • mentionner votre numéro d'enregistrement à la CNIL;
  • etc.

Voici une proposition de définition du style #footer à coller à la fin de votre fichier template_css.css pour ceux qui n'ont pas réalisé cette déclaration à la page précédente :
 
/* ===================================================== 
 *  STYLES SPECIFIQUES AU TEMPLATE : FOOTER
 * ----------------------------------------------------- */
#footer {
   /* Style du foter */
   background-color: #6495ED;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   padding: 6px;
   text-align: center;
   vertical-align: middle;
}

Le résultat obtenu devrait être semblable à celui-ci :
image footer

Tip Nous vous conseillons de conserver le nom du style #footer pour une meilleure compréhension du template.
Note Auto-contrôle :
Normalement, vous devriez avoir la balise </html> à la ligne 66.

Dernière mise à jour : ( 19-12-2008 )
 
< Précédent   Suivant >