Vous ête ici

Accueil > Tutoriel > Expert > Créer 1 template perso pour Jimdo > Avec CSS c + jolie

 

Chapitre 5: Avec du CSS c'est + jolie

Bon on a du pain sur la planche mais histoire de vous motivé vous pouvez voir le résultat final de ce travail grâce à l'image ci-contre à droite, pour commencer on va décaler notre si du haut et du bas du navigateur. Pour se faire on mettra:

 

On décale notre site de 80 px en haut et en bas et on le centre à gauche et à droite en y mettant les valeurs appropriées automatiquement, en fonction de la largeur du navigateur. Maintenant passons au header pour l'header on a une image et une <span>, la <span> sert à mettre votre texte le code HTML:

Le code CSS:

Pour le menu j'ai simplifié les choses mais comme nous les vérons dans le prochain chapitre il est recommandé d'utiliser les mêmes mécanismes que Jimdo pour le CSS il serra plus facile de gérer les éventuels problèmes.
Le code HTML du menu simplifié:

Le code CSS:

Maintenant passons au bloc qui contiendra le contenu de notre site, attention je rappelle qu'ici nous nous occuperons seulement et uniquement du design on ajoutera le contenu une fois que notre template sera sur Jimdo voici le code HTML

 

Le code CSS:

Il nous manque plus que le footer et comme nous créons notre propre design on peut donc créer notre propre footer le code HTML:

     

Le code CSS:

Avant de passer à l'intégration de notre design il faut faire le point sur les menus sa tombe bien c'est le sujet du proche chapitre.

Newsletter
Inscription Newsletter