Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

24 novembre 2010

Changer la taille des colonnes

Posté par Demolite - Dans la catégorie Canalblog
Tags : , ,

Avant de commencer à bidouiller, faites donc une copie de la feuille de style...

Vous voulez changer la taille de vos colonnes, agrandir la partie centrale...ça peut se faire...

Apparence/Editer les fichiers de ce modèle/Feuilles de style générale

On doit intervenir sur 4 blocs...

#container = page de fond
#content = page centrale
#rightbar= colonne de droite
#leftbar= colonne de gauche

Lorsqu'on additionne "content" "rightbar" et "leftbar" la somme doit être égale à "container"

Donc 500+200+200=900

#container est égal à 901 dans le modèle par défaut, ça doit être pour la bordure...

taille_colonnes_1

taille_colonnes_2

taille_colonnes_3

Donc si vous voulez réduire vos 2 colonnes pour agrandir la partie centrale, vous pouvez faire par exemple :

150+150 pour les colonnes et 600 pour le centre, le tout étant bien égale à 900.

Si vous voulez agrandir la page de fond, pour utiliser l'espace au maximum, il faut agrandir "container" par exemple à 1000, mais attention, il faudra refaire une bannière à 1000x150 (si l'ancienne était à 900x150), car sinon votre bannière sera décalée...il en manque un bout quoi !

Ensuite même calcul, pour avoir un total de 1000 vous devrez repartir 200+200+600 par exemple...


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41