Regardez le code source d'une page de blog et cherchez-y un de vos modules. ou alors faites-moi confiance et lisez ce qui suit. un peu de html un module de texte libre se présente à peu près ainsi : <div class="box text"> <div class="box-titre"><h2><span>texte libre</span></h2></div> <div class="box-content"> <p>le contenu du module</p> </div> <

Un blog ob comporte au plus 8 modules de texte libre. comme ce total inclut l'en-tête, le pied de page et l'éventuel article d'accueil, il se limite en pratique à 5 modules dans les colonnes. cela ne suffit pas toujours mais un peu d'ingéniosité permet de passer outre. vous voyez les six modules de texte libre dans la colonne de gauche ? malgr

... cet article n'est qu'un test ! mais le reste du blog est tout à fait sérieux :- un de ces jours, promis, je m'y remettrai !

Si vous n'avez jamais utilisé l'onglet "édition avancée" de l'éditeur ob, c'est le moment de vous y mettre ! sinon vous pouvez passer à l'article suivant. vous êtes toujours dans l'admin de votre blog, avec le module sous les yeux ? cliquez sur l'onglet "édition avancée". apparaissent plusieurs boutons intimidants et sans importance ici, et

Le css du moment, tel qu'appliqué à cet article : #stock {display:block; margin:0; padding:0; border:0; background:transparent} #stock .box-titre {display:none} #stock .box-content .box-titre {display:block} on y est presque : le titre et l'éventuel pied de module de #stock ont disparu, #stock lui-même est "discret" : plus de marges, padding, b

Créer un seul module de texte libre, lui donner un identifiant xhtml ("stock" ou autre). dans l'éditeur de texte, coller en mode source ce genre de code <div class="box"> <div class="box-titre"><h2><span>titre de petit module</span></h2></div> <div class="box-content"> <p>contenu de petit module</p> </div> </div> en autant d'exemplaires que vous

Le texte du module copiez (avec ctl-c) le code que voici : <div class="box"> <div class="box-titre"><h2><span>sha...</span></h2></div> <div class="box-content"> <p>ga</p> </div> </div> <div class="box"> <div class="box-titre"><h2><span>...dok</span></h2></div> <div class="box-content"> <p>bu</p> </div> </div> dans l'admin de votre blog allez au bon

État des lieux voilà où en est notre css : #stock {display:block; margin:0; padding:0; border:0; background:transparent} #stock .box-titre {display:none} /* veut cacher le titre de stock */ et le résultat est un peu surprenant : le titre du grand module a bien disparu mais aussi tous ceux des petits modules ! pourquoi ? cause de la maladie le d

La première chose à faire pour rendre ce grand module un peu plus discret est de mettre à zéro ses "margin", "padding" et "border" : #stock {margin:0; padding:0; border:0} tant qu'on y est, autant lui donner aussi un fond transparent : #stock {margin:0; padding:0; border:0; background:transparent} vous avez le résultat sous les yeux. l'étape

Décidément ce titre m'inspire… brrhhumm, revenons au css. en voyant ces trois exemples de jeu avec la structure du blog, vous avez peut-être eu l'impression qu'on pouvait placer n'importe quelle colonne n'importe où, sans tenir vraiment compte de la configuration du blog. cette impression est fausse. résumons les explications du premier arti