• Module de liens amis défilant molette souris

    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.

     

     

        Faire défiler avec  la souris

    BLOGS AMIS

    L'atelier du Chateau

    Le blog de danito

    Le blog de Chatlu

    Pourquoi pas !

    Le blog de Kinou

    La pensine mutine

    ---

    ---

    ---

    ---

    ---

     

     

     

     

    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

     

     

    « Effet 3D pour image dans un articleexaminer un élément de la page et trouver son sélecteur »
    Partager via Gmail Yahoo! Google Bookmarks

    Tags Tags :
  • Commentaires

    1
    Mercredi 11 Mars 2015 à 14:52

    Ce petit module me plait bien. Défilement automatique pose probème donc celui là n'est pas mal!!!!

    Merci de ton aide.

    Bises.

    2
    Mercredi 11 Mars 2015 à 14:54

    D'ailleurs, j'ai cru voir sur un autre blog, que ceci pouvait servir pour présenter pas que les blogs amis, mais des articles, etc...

     

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    3
    Jeudi 2 Avril 2015 à 19:38

    Bonsoir, je suis très intéressée par ce module, pourrais-tu me donner plus d’explications stp ?

    Merci d'avance

    4
    Vendredi 3 Avril 2015 à 15:57

    Bonjour Yume chan, 

    il s'agit d'utiliser un module simple html; tu le remplis comme tu veux: de texte, d'images, de liens ( ici, il s'agit d'une liste d'images avec un lien vers un blog).

    Une fois le module simple constitué...je t'indiquerai un peu plus tard ou ce soir, dans l'article ( car j'ai plus de place) comment faire afin que ce module soit à dimension/ hauteur fixe dans le menu et qu'on puisse faire défiler avec la molette souris  son contenu plus grand .

    A plus pour le complément d'article..

    5
    Vendredi 3 Avril 2015 à 21:25

    coucou Maximum 34,

    Tu me diras comment rajouter des amis dans la colonne de droite avec la molette. Pour le moment j'ai laissé en haut car je voudrais être sûr de n'oublier personne.

    Je te souhaite de passer de Bonnes Fêtes de Pâques

    Bises.

    6
    Vendredi 3 Avril 2015 à 21:45

    Bonsoir,

    c'est gentil merci pour ton aide. Fais le quand tu pourras, il n'y a pas de problème.

    A bientôt

    7
    Vendredi 3 Avril 2015 à 22:40

    Bonsoir

    Yume Chan,
    j'ai ajouté des explications dans l'article; Si tu rencontres des difficultés, n'hésites pas à revenir ici. (ton blog est avec mot de passe donc je ne peux pas voir la largeur de ton menu qui contient le module concerné donc là, ici, je ne peux t'aider plus..)

    Mamieninette,
    Sur l'autre blog -auquel tu peux accéder- j'ai indiqué dans cet article comment ajouter une image ( de blogs amis) avec un lien sous l'image qui mène au blog amis:

    http://bloginscription.ek.la/conversation-mamieninette-c26024064

    Il te faut une image du blog plus large que haute, style image mise en en tête et lorsque tu l'insères dans le module, tu choisis comme taille largeur=largeur de ton module ' en cochant "respecter les proportions"...

    8
    Vendredi 3 Avril 2015 à 22:47

    Merci pour les explications. Je vais voir si je peux me débrouiller toutes seule.

    Encore merci !

    9
    Vendredi 3 Avril 2015 à 23:23

    Eh bien, Merci Maximum, tu te donnes à fonds dans tes aides informatiques, et je trouve cela très sympathique. Du sérieux, ici!!!!

    Je regarderais demain pour les explications et les mettre en pratique. Encore Merci.

    10
    Lundi 7 Septembre 2015 à 16:01

    Merci super utile !!!

    11
    Lundi 2 Mai 2016 à 22:46

    Bonjour,

    Je suis en train de préparer mon blog (qui était jusqu'à présent protégé par mdp) pour le mettre en ligne. Et depuis 2 jours je cherchais comment mettre mon menu déroulant à droite et grâce à votre blog et vos explications très claires, j'ai réussi sans problème.

    Un grand merci à vous.

    Cordialement.

    Ploom



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


//script feuille de style suppl