Mon autre blog

Ceci n'est que mon blog de test... J'ai un autre blog, un vrai, plus attrayant et plus complet que celui-ci...

Recommander

Samedi 3 février 2007
Et voici le premier article d'aide du css over-blog V2 !

Cet article concerne les classes de structure globale, celles qui, en V1, correspondaient à (en vrac) : #global, #MainTab, #main1, #main3, #deuxColGauche, #troisCol, #leftnav, #rightnav et tout ce qui y ressemble.

Cliquez sur les images pour qu'elles s'agrandissent.
En rouge, la classe correspondante.

.ln {}
Les différentes parties du blog : entête, corps et pied de page. Attention, cette classe est utilisée 3 fois, pour chacune des parties du blog (on peut voir les trois cadres rouges sur l'image).
#ln_0 {}
Le cadre de l'entête.

#ln_1 {}
Le cadre du corps du blog
#ln_2 {}
Le cadre du pied de page.

#cl_0_0 {}
Encore le cadre du haut... Bizarre, non ;) ! En fait, l'entête est faite de plusieurs cadres imbriqués les uns dans les autres.
#cl_2_0 {}
Et pareil, encore le cadre du bas... Le pied de page est également fait de plusieurs cadres imbriqués les uns dans les autres.

#cl_1_0 {}
Sur un blog avec 2 colonnes de chaque côté : la colonne de gauche
Sur un blog avec une colonne à gauche : la colonne de gauche
Sur un blog avec une colonne à droite : la colonne principale du blog
Sur un blog sans colonne : j'aurais tendance à dire que c'est la colonne centrale... C'est à vérifier...
#cl_1_1 {}
Sur un blog avec 2 colonnes de chaque côté : la colonne principale du blog
Sur un blog avec une colonne à gauche : la colonne principale du blog
Sur un blog avec une colonne à droite : la colonne de droite
Sur un blog sans colonne : j'aurais tendance à dire que cette classe n'est pas utilisée... C'est à vérifier...

#cl_1_2 {}
Sur un blog avec 2 colonnes de chaque côté : la colonne de droite
Sur un blog avec une colonne à gauche : classe inutilisée
Sur un blog avec une colonne à droite : classe inutilisée
Sur un blog sans colonne : j'aurais tendance à dire que cette classe n'est pas utilisée... C'est à vérifier...
#top {}
Le cadre de l'entête (encore... Un des nombreux cadres imbriqués... )

#header {}
Le cadre de l'entête (encore... Un des nombreux cadres imbriqués...)
#footer {}
Le cadre du pied de page (encore... Un des nombreux cadres imbriqués...)
Par Titia - Publié dans : Classes v2 - Communauté : aide css
Ecrire un commentaire - Voir les 32 commentaires - Recommander
Retour à l'accueil
Créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus