publié dans : OB - Design et Mise en page
Vous allez dans Configurer
Mise en Page
Mise en Page
Vous cliquez sur Accueil ou Articles selon l'endroit où vous désirez cette configuration (après être passé en mode avancé)
Vous choisissez dans Choix de la Structure (tout en bas de la colonne de gauche) une disposition sur 3 colonnes.
Vous vous rendez ensuite dans Design - Paramètres avancés - le Design de l'endroit choisi (accueil ou articles)
Pour notre exemple, nous décidons de mettre les 2 colonnes de modules sur la gauche et la colonne d'articles sur la droite
On va tout d'abord pousser la colonne centrale sur la droite de 205 px : la taille estimée d'une colonne de module. Ce peut être plus ou moins : jouez avec les px.
Vous constatez que votre colonne centrale est passée à droite ; mais aussi que la colonne de modules de droite est passée à gauche, mais en bas. On va donc la remonter
Comme dans le cas de la colonne centrale, jouez avec les px pour adapter à votre configuration et qu'elle soit au même niveau que les autres colonnes.
Ensuite, il se peut que cette colonne soit trop collée à la colonne de modules de gauche. On va donc créer une petite marge entre les 2 colonnes en rajoutant margin-left:5px; , ce qui donne
et voici c'est fini.
AVERTISSEMENT :
Vous constatez que ce n'est pas très difficile à réaliser, mais il y a un bémol.
Il est préférable que vous interveniez le moins possible ultérieurement sur cette page. En effet, toutes modifications de taille des modules ou des articles pourraient faire bouger cette structure.
Il faut donc de préférence utiliser cette configuration en accueil avec des modules dont la taille ne varie pas (donc éviter "articles récents", "commentaires"...) et un article-accueil que vous rédigez une fois pour toutes.
Pensez à regarder sous IE et FF, le résultat sur votre blog, il peut toujours y avoir des différences.
Vous choisissez dans Choix de la Structure (tout en bas de la colonne de gauche) une disposition sur 3 colonnes.
Vous vous rendez ensuite dans Design - Paramètres avancés - le Design de l'endroit choisi (accueil ou articles)
Pour notre exemple, nous décidons de mettre les 2 colonnes de modules sur la gauche et la colonne d'articles sur la droite
On va tout d'abord pousser la colonne centrale sur la droite de 205 px : la taille estimée d'une colonne de module. Ce peut être plus ou moins : jouez avec les px.
#ln_1 #cl_1_1 { margin-left:205px; } /* colonne centrale */
Vous constatez que votre colonne centrale est passée à droite ; mais aussi que la colonne de modules de droite est passée à gauche, mais en bas. On va donc la remonter
#ln_1 #cl_1_2 { margin-top:-120px;} /* colonne de droite */
Comme dans le cas de la colonne centrale, jouez avec les px pour adapter à votre configuration et qu'elle soit au même niveau que les autres colonnes.
Ensuite, il se peut que cette colonne soit trop collée à la colonne de modules de gauche. On va donc créer une petite marge entre les 2 colonnes en rajoutant margin-left:5px; , ce qui donne
#ln_1 #cl_1_2 { margin-left:5px;margin-top:-120px;} /* colonne de droite */
et voici c'est fini.
AVERTISSEMENT :
Vous constatez que ce n'est pas très difficile à réaliser, mais il y a un bémol.
Il est préférable que vous interveniez le moins possible ultérieurement sur cette page. En effet, toutes modifications de taille des modules ou des articles pourraient faire bouger cette structure.
Il faut donc de préférence utiliser cette configuration en accueil avec des modules dont la taille ne varie pas (donc éviter "articles récents", "commentaires"...) et un article-accueil que vous rédigez une fois pour toutes.
Pensez à regarder sous IE et FF, le résultat sur votre blog, il peut toujours y avoir des différences.
Commentaires