AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

    [CATEGORIES] Modification hover en onclick sur le LS de Halloween

    g93
    g93
    MasculinAge : 37Messages : 67

    Mar 23 Juin 2015 - 18:13

    Ma demande



    Introduction rapide sur ce que vous voulez, un bonjour et un merci d'avance ne sont pas de refus x)

    Bonjour,

    Me revoici pour une nouvelle demande,merci beaucoup à Nihil qui est un vrai magicien :)

    J'ai installé le LS de Halloween : https://www.never-utopia.com/t50448-categories-sombres-sous-forum-en-hover tout est parfait.

    La seule chose que j'aimerais modifier est le système de hover,l'affichage des sous forums en passant la souris sur l'icône new,no new ou lock




    Schéma(s) et Eléments
    Schémas : Pas de schéma particulier,J'aimerais en fait que les sous forums s'affichent lorsque l'on clique sur l'icône du forum

    Tailles des éléments : Pas de taille particulière

    Effets voulus : Affichage des sous forums lors du click de l'icône du forum

    Version de votre forum :PHPBB2


    Ressources
    Pas d'images en particulier.

    Autres précisions ?
    J'aimerais effectuer cette modification car je me suis rendu compte que c'était assez fastidieux d'accéder aux sous-forums car ils disparaissent rapidement lors du passage de la souris


    Merci beaucoup à celui qui se penchera sur ma demande :)


    Dernière édition par g93 le Mer 24 Juin 2015 - 13:01, édité 1 fois
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 24 Juin 2015 - 1:29

    Puisqu'il s'agit de personnaliser un code déjà fait et non d'en créer un, je transfère ça dans "personnalisation"



    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Mer 24 Juin 2015 - 2:35

    Bon puisque j'ai déjà pris le premier... C'est parti pour la suite XD.
    Je te donne le code "brut", mais si tu veux des explications (comme pour un problème en codage), dis le (^-^).

    D'abord dans le CSS on trouve cette partie là :
    Code:
    .sf span {
      display: none;
    }
     
    .sf:hover span {
      display: block;
      position: absolute;
      top: -3.6em;
      left: 10.2em;
      width: 392px;
      height: 85px;
      overflow: auto;
      background-color: #1E332D;
      color: #000;
      text-align: justify;
      font-weight: none;
      padding: 5px;
    }

    Et on remplace par ceci :
    Code:
    .sf span {
      display: none;
      position: absolute;
      top: -3.6em;
      left: 10.2em;
      width: 392px;
      height: 85px;
      overflow: auto;
      background-color: #1E332D;
      color: #000;
      text-align: justify;
      padding: 5px;
    }

    Maintenant le petit bout de javascript :
    PA > Modules > Javascript > Nouveau javascript.
    Tu peux lui donner un nom comme "Sous forum au click".
    Il faut cocher "Sur l'index" et "Sur les sous forums"
    Code:
    $(function(){
        /* sous forum au click */
        $(".sf").click(function(){
           $(this).find("span").toggle();
        });
    });

    g93
    g93
    MasculinAge : 37Messages : 67

    Mer 24 Juin 2015 - 13:02

    Merciiiiiiiiiiiiiiii beaucoupppp Nihil ca fonctionne nickel :)
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 17:38