02 décembre 2009

Ajouter un pied de page

Les feuilles de style proposées par Canalblog ne comportent pas de pied de page. D'un point de vue esthétique, un pied de page permet d'équilibrer la page et éventuellement d'ajouter des indications.

Ajouter un pied de page est assez facile. Il suffit d'apporter quelques petites modifications à la feuille de style et aux pages HTML.

Voici la procédure à suivre.

1- Ajoutez dans la feuille de style les définitions des éléments "footer" et "footer p".

#footer {
          background: #CCCC55;
          height: 100px;
          width: 900px;
}
#footer p {
          font-family: 'Trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
          color: #741a96;
          font-size: 10pt;
          font-weight: normal;
          text-align: center;
          padding-top: 50px;
}

(Les valeurs indiquées ici doivent être modifiées en fonction de vos besoins, elles ne sont pas toutes nécessaires et ne sont là qu'à titre d'illustration.)   

2- Dans toutes les pages HTML, ajoutez la ligne suivante :

<div id="footer"> <p>Mise en page <a href="http://michal53.canalblog.com/" target="_blank">Michal53</a></p> </div>

tout à la fin juste avant :

</div></body></html>

pieddepage

Posté par Michal53 à 08:45 - - Permalien [#]
Tags : , , ,