Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[EN COURS] Transformer le module catégorie en module déroulant !!
  • Bonjour 
    Est il possible de transformer le module catégorie en module déroulant pour gagner de la place car au fil du temps la liste s'agrandit !!
    Merci d'avance!!
    @ Bientôt .....
  • Bonjour,

    Le module catégorie est en lui meme non transformable en menu déroulant

    tu peux par contre trouver un menu déroulant vertical en passant par google et l’intégrer a ton blog dans un module texte libre 

    même principe qu'un menu horizontal

    une partie html a mettre dans le module texte libre (intitulés du menu et leurs liens)

    une partie css pour déterminer le design du menu

  • Bonsoir,
    en mettant un overflow, ça ferait l'affaire ?
    par exemple

    .widget {height:200px; overflow:auto;} 

    mais le problème, ça s'applique à tous les modules, je n'arrive pas à trouver le code de ton module "catégories" :-S

    Edit : 

    avec ces codes
    div.widget {height:200px; overflow:auto;} 
    div.widget.freeModule, div.widget.last {height:auto ; overflow:hidden;} 

    ça laisse l'ascenseur sur les catégories seulement.
    J'arrive pas à faire plus simple.
     
  • Bonsoir,

    C'est une bonne idée kinou 

    Je n'y ai pas pensé alors que je l'applique sur mon blog principal depuis des années

    Rendu mon blog visible ici  guytou 87


    tu verras en bas de colonne mon module catégorie avec un ascenseur


  • Hello Mehdi,
    Guytou voit bien ce que c'est, il en a déjà mis un dans le module du bas de colonne  :P  :D
  • Bonjour Mehdi et Kinou,
    Merci à vous deux de m'avoir répondu :)

    J'ai fais un essai sur mon blog test avec ce code :
     .widget-title + ul {
                          height: 100px;
                          overflow: auto;
              }
                      div.widget.freeModule, div.widget.last {height:auto ; overflow:hidden;} 

    et du coup j'ai trois modules en menu déroulant et non que celui du catégorie !!
    image

    J'aimerai le même module catégorie ascenseur que le tien Mehdi ,alors quel code prendre et le mettre ou exactement ?

    Merci à vous deux!!
    @ Bientôt ....


  • Voici le lien de mon blog test : 
  • bonsoir tu a écris ça

    widget-title + ul {
                          height: 100px;
                          overflow: auto;
              }
                      div.widget.freeModule, div.widget.last {height:auto ; overflow:hidden;} 

    _________________

    et kinou a écris ça

    div.widget {height:200px; overflow:auto;} 
    div.widget.freeModule, div.widget.last {height:auto ; overflow:hidden;} 

  • sur mon blog,  j'ai  ajouté l'overflow sur l'ancienne plateforme et il a suivi sur la nouvelle.

    je n'ai pas accès au code par l'administration mais en simulation je vois ceci:

    .categorie .box-content {
        height: 450px !important;
        overflow-y: auto;
    }

  • Bonsoir Mehdi,
    J'avais déjà essayé avec les codes de Kinou mais cela ne donne rien !!

    J'ai cherché et je n'ai pas trouvé ton code .
    categorie .box-content {
        height450px !important;
        overflow-yauto;
    }
    Si tu as une solution je suis preneur :)!!
    Depuis leur nouvelle réforme on arrive de moins en moins à modifier son blog ,on ne retrouve plus rien dans son css !!!
    Encore merci et @ Bientôt 
  • Bonsoir,

    kinou y arrive avec sa syntaxe en simulation , cela devrait donc fonctionner

    tu ajoute ses lignes avant style et tu enregistre

    div.widget {height:200px; overflow:auto;} 
    div.widget.freeModule, div.widget.last {height:auto ; overflow:hidden;} 
  • Bonjour Mehdi,
    Voici ce que ça donne et aucun résultat :
    }
    #menu-accordeon li:hover li {
      max-height: 15em;
              div.widget {height:200px; overflow:auto;} 
              div.widget.freeModule, div.widget.last {height:auto ; overflow:hidden;}  
            </style> 
        </head>
        <body>
            <div id="fb-root"></div>

    Bonne journée :)