Astuces et nouveauté pour webmaster : le module "liste d'articles aléatoires"

Pour installer ce module 

* aller dans configuration - Faites glisser  le module "liste d'articles" soit dans votre colonne soit sous ou au dessus de  la zone article  cliquer sur le marteau de la zone article  

* vous avez le choix entre afficher "des articles de la même catégorie"  "des articles aléatoires"  "les derniers articles"

Comment faire pour mettre une image à côté de ce module ?

**************************************

ce n'est possible que pour les webmasters qui n'ont pas déja modifier leur design via l'onglet

"thème commun personnaliser" (c'est possible de revenir en arrière en faisant la manipulation çidessous)

Si vous ne l'avez jamais modifié, cliquer sur longlet "design" puis sur l'onglet "CSS"

cliquer sur "modèle de lundi"  puis sur "enregistrez"

**************************************

Puis faire cette   manipulation si ce n'est pas déja fait :

* cliquer sur l'onglet  "option globale"

* cliquer sur "réglages avancés" cocher "permettre la configuration des id XHTML"

maintenant vous allez pouvoir donner un nom à votre module ;

* il suffit d'aller dans la configuration de cliquer sur le  du module,

* de mettre une lettre A ou B dans la case Id XHTML puis valider.

**************************************

Après il faut rajouter un code dans le CSS.

*cliquer sur l'onglet  " design " puis sur "mode css"

* et rajouter ce code à la fin de votre CSS

* puis valider , faire F5 pour admirer le résultat !

#L h2 {background-image:url('adresse url de votre image ');background-repeat:no-repeat; padding-left:35px;}

Ce qui est en gras est à modifier par vous; moi j'ai mis 35 px mais vous pouvez augmenter ou diminuer si l'image apparait coupé ou  n'apparait pas du tout....

"padding left" voulant dire "marge de gauche" et les "px" c'est la "distance"

**************************************

Pour les webmasters qui ne sont pas sur ob

d'autres articles ou rubriques pourraient vous intéresser

Ma rubrique d'aide en design et CSS 

décorations de blog, widget, roller-over d'image ...

widget écolos, décorations pour les green site

pour mes lecteurs qui n'ont pas de blog

crée en un !

c'est très facile et gratuit :-)