Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
BlogTuto
24 juillet 2008

Créer une troisième colonne

Rajouter une colonne de plus à son script en mode avancé!
Parce que vous êtes too much...
Parce que 2 c'est pas assez que 3 c'est mieux...

Voici en image ce que ça donne chez Damouredo...

Image_13

L'installation se passe en deux temps

1-  dans la feuille de style

Si c'est une colonne à droite appelez la rightbar si elle va aller à gauche ce sera une leftbar.
Pour la distinguer donnez lui le chiffre 1.
Ce qui donnera lefbar1 ou rightbar1
Ensuite vous mettez les caractéristiques d'une colonne de cette façon :

#leftbar1 {
    float: left;
    width: 200px;  <---- largeur de la colonne
    height: 5000px; <---- longueur de la colonne
    background-color: #FFFFFF;
    border-top-style: none; <---- si vous voulez une bordure
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px; <---- l'épaisseur de la bordure
    border-color: #669900; <--- couleur du fond de la colonne
    overflow: hidden;
}

Copier votre code à la suite de vos colonnes ou si vous avez peur de vous tromper tout en bas
! attention aux }

Image_14

Ceci étant fait, validez.

2 - dans le script sur toutes les pages (accueil, page des archives, index des archives, message, auteur)

ajoutez le script suivant par exemple ma colonne va être à droite de ma colonne de gauche :

<div id="leftbar1"> <div class="navlinks">

</div></div>

cliquez sur l'image pour voir l'exemple

Image_15

<div id="leftbar1"> <div class="navlinks">

mettez ici les blocs que vous souhaitez insérer dans cette nouvelle colonne

</div></div>

Ce tuto vous est offert par cocktail. Merci à elle!

Publicité
Publicité
Commentaires
M
Quand je clique dans la partie mode noraml aucun des billets ne s'affiche! il n'y a que les commentaires!! Comment cela se fait-il?
Publicité