1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
  1. ѕι∂яα∂ι

    ѕι∂яα∂ι Administrateur

    Messages:
    13 926
    J'aime reçus:
    70 812
    Points:
    8 543
    Salut communauté iHax ,

    On se retrouve pour un nouveau Tutoriel xenForo.
    Ce tutorial vous permet de contracter les catégories en les réduisant

    Avant :

    upload_2016-7-30_5-18-59.png

    Après :

    upload_2016-7-30_5-18-28.png

    Dans l'adminCP / Apparence / Modifications de template / + Créer une modification de template

    Template: node_category_level_1
    Clé de la modification: Collapse_1
    Trouver:
    Code:
    <ol class="nodeList">
                <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach>
            </ol>
    
    Remplacer:
    Code:
    <!-- IF SCRIPT_NAME eq 'index' --><div class="trigger active Tooltip"  title="Cacher / Afficher la catégorie"></div><!-- ENDIF -->
                <div class="collapsethis">
    <ol class="nodeList">
                <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach>
            </ol>
    </div>
    <xen:else />
    $0
    Puis vous sauvegarder la modification de template, maintenant on va créer une autre modification de template :

    Template: page_container_js_body
    Clé de la modification: Collapse_2
    Trouver:
    Code:
    </script>
    Remplacer:
    Code:
    $0
    <script type="text/javascript" src="js/jquery.collapse.js"></script>
    
    <script type="text/javascript">
            $(".node.category").collapse({show: function(){
                    this.animate({
                        opacity: 'toggle',
                        height: 'toggle'
                    }, 300);
                },
                hide : function() {
                     
                    this.animate({
                        opacity: 'toggle',
                        height: 'toggle'
                    }, 300);
                }
            });
    </script>
    Puis vous sauvegarder la modification de template.

    Maintenant dans le template EXTRA.CSS vous ajouter :

    Code:
    .trigger {
    background: url("styles/toggle-sprite.png") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
    position: relative;
    z-index: 9998;
    margin-top: -22px;
    margin-right: 8px;
    }
    .active {
    background-position: left top;
    }
    .inactive {
    background-position: left bottom;
    }
    Maintenant et en dernier lieu vous allez télécharger le pack en pièces jointes et le mettre sur votre FTP ! Il contient : toggle-sprite.png et jquery.collapse.js

    Ce Tutorial touche à sa fin.

    A très bientôt. :neo:
     

    Fichiers jointes:

  2. AnTr4X

    AnTr4X

    Messages:
    31
    J'aime reçus:
    0
    Points:
    531
    Merci du partage !
     
    ●●●Outils
  3. siposiulyan

    siposiulyan

    Messages:
    4
    J'aime reçus:
    0
    Points:
    521
    Thanks a lot, ur the best!
     
    ●●●Outils
  4. led@lire

    led@lire

    Messages:
    7
    J'aime reçus:
    0
    Points:
    1 271
    Bonjour

    Je vais tester cette fonction

    Merci
     
    ●●●Outils
  5. Chkuguru

    Chkuguru

    Messages:
    15
    J'aime reçus:
    0
    Points:
    531
    Parfait merci ! Je cherchais ça
     
    ●●●Outils
  6. BANDIT33800

    BANDIT33800

    Messages:
    55
    J'aime reçus:
    1
    Points:
    1 308
    merci du partage
     
    ●●●Outils
  7. Michel Jackie

    Michel Jackie

    Messages:
    7
    J'aime reçus:
    0
    Points:
    521
    Nice mec mais sa marche pas :/
     
    ●●●Outils
  8. WikozCanter

    WikozCanter

    Messages:
    27
    J'aime reçus:
    1
    Points:
    31
    Merci pour le tuto je go test
     
    ●●●Outils
  9. siwalex

    siwalex

    Messages:
    26
    J'aime reçus:
    0
    Points:
    31
    Merci pour le tuto je go test
     
    ●●●Outils
  10. ℓ๏я€ɲƶ๏

    ℓ๏я€ɲƶ๏

    Messages:
    305
    J'aime reçus:
    134
    Points:
    1 693
    Merci du partage veut voir XD
     
    ●●●Outils
  11. xplayners

    xplayners

    Messages:
    18
    J'aime reçus:
    0
    Points:
    31
    Merci pour le partage. Pratique pour plus d'ergonomie et moins de scroll down
     
    ●●●Outils
  12. believe

    believe

    Messages:
    6
    J'aime reçus:
    0
    Points:
    21
    Merci pour le partage :) C''est sympa pour le forum :)
     
    Dommage que çà fonctionne pas :'(
     
    ●●●Outils