Classes structure globale - V2

Publié le par Titia

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...)

Publié dans Classes v2

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article

alberoz 30/01/2011 15:53



Bonjour


j'aimerais savoir comment faire pour elargir la colonne centrale du desing" technologie blue "et retrecir un peu  les modules  au moins ceux  de la  droite . je n'ai
jamais toucher au css ...


 Merci pour tous ces renseignements ils sont precieux


Amitiés



Graffity 23/12/2008 14:36

BonjourDepuis que mon blog est passé en V2, mes colonnes sont étranges (manque des bordures, couleur de fond par endrois disparue)... J'ai donc essayé de modifier comme il est écrit dans votre article les parties qui ont changé, mais ça ne marche pas...Je ne sais pas pourquoi mais lorsque je le fais, la colonne de droite disparée...Pouvez vous m'aider?Merci

Titia 31/12/2008 11:01


Je crois que j'arrive trop tard ^^ !
Ca a l'air tout à fait normal :)


Morrigann 27/11/2008 16:08

Dernières nouvelles de lla ligne pointillée: elle n'est plus! En insérant ceci, elle a disparu:#articleAccueil .afterArticle {border:0px none;}Si des fois cela peut aider quelqu'un qui a le même genre de souci...Bonne journée!

Titia 27/11/2008 18:43



Et deux problèmes résolus, deux !


;)



Morrigann 27/11/2008 15:59

Re-bonjour,Bon... j'ai résolu le souci de pagination en haut de page en insérant ceci (si cela peut aider quelqu'un, autant partager!):.before_articles .pagination {display:none;}En revanche, la ligne pointillée persiste...

Titia 27/11/2008 18:43


Et un problème résolu, un !


Morrigann 27/11/2008 15:04

Oops... quelle horrible faute de frappe: au lieu de "s'ait", je voulais bien sûr écrire "sait"...

Titia 27/11/2008 18:43


Pas grave, mais mervi de corriger :)