• Résolu Sondage déroulant au passage de la souris


    Dimanche 10 Mai 2020 à 23:22
    Ranka

    Salut à tous !^^

    Alors je vous explique ce que je voudrais bien faire :)

    Sur mon blog miraculous --> http://miraculous4o.eklablog.com/

    Je mets beaucoup de sondages sur les côtés mais ça fait un peu "bourré" ou alors pas propre je trouve mais je voudrais les laisser visible...

    Je voudrais savoir si c'était possible que seulement le titre du sondage soit affiché, et lorsqu'on passe le curseur sur le titre du sondage celui-ci se déroule (un peu comme un menu déroulant ^^)

    Merci beaucoup aux personnes qui liront et répondrons à ce sujet de forum et bonne journée/nuit à tous :) ^w^

    Mardi 12 Mai 2020 à 10:20
    Colette95

    Bonjour,

    As-tu fait auparavant une recherche sur le forum ? sarcastic

    Je pense qu'en tapant dans le moteur de recherche "menu déroulant dans un module" tu devrais trouver ce que tu cherches.

    Bonnes suites.

    Mardi 12 Mai 2020 à 14:21
    Ranka

    Merci pour ta réponse :3

    Suite à ta réponse j'ai cherché j'ai testé mais je n'ai pas réussi ^^' et c'est pour des liens donc je crois que si on passe le curseur sur le titre du sondage il ne se déroulera pas vu que c'est pour les liens x) mais après je ne suis pas une experte xD

    Mardi 12 Mai 2020 à 16:22
    Colette95

    Si tu fais allusion à ce lien les codes indiqués sont valables pour n'importe quel contenant qui se trouvera dans le menu déroulant.

    A toi d'adapter la hauteur pour ce qui doit rester visible.

    Mardi 12 Mai 2020 à 18:30
    Ranka

    Ah mince mais la c'est avec une scrollbar ^^'

    Je suis vraiment désolée moi je sais pas expliquée x)

    Mardi 12 Mai 2020 à 19:18
    Colette95

    Si tu ne veux pas de scrollbar, voici ce que tu peux mettre :

    #module_menu_contenuXXXXXXXXX {
       height: 20px; /*hauteur à adapter pour voir le titre*/
       overflow: hidden; /*pour faire disparaître le reste du module*/
       transition: height 1s; /*temps à adapter pour le déroulement*/
       -webkit-transition: height 1s;
    }
    #module_menu_contenuXXXXXXXXX:hover {
       height: 300px; /*hauteur à adapter lors du passage de la souris*/
    }
    Toutes les valeurs en rouge sont évidemment à adapter.

    Merci de me dire en retour si c'est bien l'effet que tu recherchais. 

    Mardi 12 Mai 2020 à 20:14
    Ranka

    Oh merci beaucoup beaucoup c'est exactement ça !!!

    Merci x l'infini ♥

    Merci merci merci :3

    Mardi 12 Mai 2020 à 20:29
    Colette95

    Super, j'avais donc bien deviné ! 

    Merci de mettre ton post comme étant résolu et bonnes suites.

    Mardi 12 Mai 2020 à 23:41
    Ranka

    Merci beaucoup ♥

    C'est fait ^^




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.