Blog-jos

Adaptation de gabarits,  kits graphiques,  blogs

Kit graphique Zwalta Blue-flower
Gabarit 04 Eleform & Alsacreations

Modèles de menus

Menu horizontal déroulant à fonds transparents
Menu horizontal déroulant placé dans l'en-tête, sous-menus à fonds transparents
Menu accordéon  horizontal déroulant avec image de fond et images coulissantes

Exercice Menu déroulant à images coulissantes (JLB)
Menu graphique horizontal déroulant à images coulissantes transparentes

Menu simple vertical ou horizontal (JLB)
Menu accordéon (JLB)
Menu horizontal déroulant

Menu accordéon code simplifié (JLB)
Passer du menu accordéon simplifié au menu horizontal déroulant
Menu horizontal graphique déroulant
Menu horizontal graphique déroulant à sous menus transparents

Menu déroulant vertical en CSS sans javascript (Tuto-fr.com)

Boutons pour le web

Boutons glossy
Boutons réactifs

Images coulissantes

Menu vertical simple : boutons à image coulissante
Menu horizontal graphique à images coulissantesSorties Botaniques
Positionnement des images d'arrière plan
Menu horizontal simple et graphique à images coulissantes (tuto)

Mise en forme d'un menu simple ( semaine 10 )

La pseudo class a:hover
Mise en forme d'un menu simple et réactif avec Kompozer

Listes ( semaine 9 )

ListesInitial.html
Liste imbriquée (fait avec Kompozer)

Ombres portées ( semaine 6 )

d'un bloc positionné
d'un texte positionné
d'éléments non positionnés

Exercices personnels

Sorties Botaniques

Chapitre 1 : les balises et les styles

Div et titres
Marges internes et externes
En tête et centrage
Bordures

Chapitre 2 : la feuille de style

Feuille de style interne
Feuille de style externe

Chapitre 3 : les propriétés float et clear

Comportement courant des boites
Propriété float pour des boites régulières
Propriété float pour des boites irrégulières
Propriété clear non encore appliquée
Propriété clear appliquée à Boite4

Chapitre 4 : les différents types de positionnement

Positionnement dans le flux, Relative, Absolu et Fixé

Chapitre 5 : les techniques de centrage

Techniques de centrage des blocs
Techniques de centrage d'un texte

Chapitre 6 : la profondeur

La profondeur