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...
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 }
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
<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!