Structures de templates en CSS 2 sous différents formats de large (980 pixels, 1024 pixels, 1248 pixels) et en 3 colonnes. Une bonne base structurelle pour débuter votre site internet.

Tous les templates sont commentés au maximun pour que vous puissiez modifier à 100% la structure à votre guise. Seul pré-requis en connaître un minimum en CSS et structure HTML.

Chaque template utilise 3 types de CSS :
- reset.css (annule les css des navigateurs)
- structureXXX.css (la structure des blocs)
- habillageXXX.css (la décoration des blocs)

Le principe est ultra simple, à chaque bloc "div" structurelles est appliqué une "class" CSS. Cette class contient en premier la propriété CSS de la structure (structureXXX.css) et en deuxième la propriété d'habillage (habillageXXX.css).

Vous voulez changer la largeur d'une colonne ? Il suffit de changer la première propriété de la class (vous référez à structureXXX.css). Vous voulez changer sa couleur de fond ? Il suffit de changer la deuxième propriété (vous référez à habillageXXX.css pour changer le nom de la class, ajouter une class, etc...). Simple non ?

A priori pour passer votre template en 2 colonnes (c'est conçu pour ça) vous ne devrez pas toucher au fichier css de structure, analyser bien la chose, toutes les largeurs y sont prévues. Changer simplement le nom de la propriété css structurelle dans le fichier php et le bloc suivra de lui même. Afficher la grille (bouton vert - voir démo) pour comprendre le principe.

Je me suis basé pour développer ce jeu de structure sur l'excellentissime framework "960 Grid System" et d'autres. Cf liens ci-dessous... Pour les aficionados de la précision les structures sont basées sur une grille de 12 colonnes avec une gouttière (espace entre les colonnes) de 20 pixels.

Liens utiles :
- Framework 960 Grid System
- CSS4Design - Framework 960
- CSS4Design - CSS Reset
- Jquery.info - Repas équilibré

Si vous avez un souci de compréhension, d'installation, modification... N'hésiter pas à me contacter par e-mail.

Enjoy !