Modifier la largeur des colonnes

On peut modifier très facilement la largeur des colonnes.

Il faut d'abord déterminer quelle colonne doit être modifiée, soit : #main {width: 61%;}#sidebar {width: 31%;}#footer-left{width:32%;}#footer-mid{width:32%;}#footer-right{width:32%;} :
- "main" = la colonne des messages ;
- "sidebar" = la colonne latérale ;
- "footer-left", "footer-mid" et "footer-right" : les 3 colonnes de gadgets en bas de page, soit respectivement à gauche, au milieu et à droite.

Quand il n'y a en bas de page que 2 colonnes de gadgets, la largeur initiale des colonnes est la suivante : #footer-left{width:48.7%;}#footer-right{width:48.7%;}

Il faut ensuite placer le code qui suit dans un gadget HTML/JavaScript en-dessous des messages, en ne laissant que le code des éléments à modifier et en corrigeant les largeurs initiales :

<style type="text/css">#main {width: 61%;}#sidebar {width: 31%;}#footer-left{width:32%;}#footer-mid{width:32%;}#footer-right{width:32%;}</style>

Comment ajouter un gadget HTML/JavaScript sur un blog.

2) On peut aussi ajouter dans un gadget existant la partie du code ci-dessus entre <style type="text/css"> et </style> : il faut la placer juste après <style type="text/css">.

Template image by Sookhee Lee. Powered by Blogger.
blogger