Cherchez pas la p'tite bête...
... 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 !
L'art de patafioler son blog avec le CSS, par l'exemple
... 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 !
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
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...
É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...
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;...
GA
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 :
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...
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...
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...