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

Publié dans Classes v2

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
A
<br /> <br /> Bonjour<br /> <br /> <br /> 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<br /> jamais toucher au css ...<br /> <br /> <br />  Merci pour tous ces renseignements ils sont precieux<br /> <br /> <br /> Amitiés<br /> <br /> <br /> <br />
Répondre
G
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
Répondre
T
<br /> Je crois que j'arrive trop tard ^^ !<br /> Ca a l'air tout à fait normal :)<br /> <br /> <br />
M
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!
Répondre
T
<br /> <br /> Et deux problèmes résolus, deux !<br /> <br /> <br /> ;)<br /> <br /> <br /> <br />
M
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...
Répondre
T
<br /> Et un problème résolu, un !<br /> <br /> <br />
M
Oops... quelle horrible faute de frappe: au lieu de "s'ait", je voulais bien sûr écrire "sait"...
Répondre
T
<br /> Pas grave, mais mervi de corriger :)<br /> <br /> <br />