-
Un joli module pour présenter les AmisBlogs
il ne vous prend pas de place dans la colonne du menu latéral.Celui-ci fait 240px de haut ( et 240 de large) mais peut contenir autant d'images que vous voulez et
les bannières des amis défilent avec la molette de la souris.Explications:
1- Créer un module simple.
2- Remplir votre module avec liste de liens ou de liens images comme c'est le cas ici ( insérer une vignette, sélectionner l'image et insérer le lien du blog.)
3- Passer coté éditeur de code source avec l'icone <> de l'éditeur de module.
4- Entourer le code html présent dans l'éditeur en plaçant en premier, avant le code
la balise <div id="monscroll" class="mod">
et en dernier, après le code, la balise </div>
5- Ajouter à la suite de </div> le style qui va permettre de réduire le module dans la colonne de menu , afficher la barre de défilement mais la placer à l'extérieur du module afin qu'elle ne soit pas visible.
<style><!--
#monscroll {
width: 400px;
height: 220px; /*hauteur du module dans la colonne*/
overflow: auto;
position: relative; }
.mod p{
width:240px; /*largeur du module dans la colonne*/}
/*pour mettre un cadre aux images du module*/
#monscroll img{
border: 4px ridge #b7cbcb; /*bordure autour des images des images*/ }
--></style>
6- Cliquer "OK" fenêtre code source.
7- Enregistrer fenêtre éditeur
11 commentaires