AccueilFAQRechercherMembresGroupesS'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.


    PA/QUEEL en accordéon vertical sur clic ! [HTML/CSS/JAVASCRIPT]

    Partagez
    avatar
    Glycérine
    FémininAge : 28Messages : 307

    le Mer 8 Fév - 12:16

    Rappel du premier message :

    Encore un ? Pourquoi ?

    Bonjour, bonjour !

    Aujourd'hui et pour ma première astuce, j'adapte un code de Sparrow-style (avec sa permission Wink) qui est l'un de ses célèbres accordéons ! Mais avec du JavaScript cette fois !
    En effet, vous avez été quelques uns à vous demander s'il était possible "d'avoir le même mais avec clic et pas survol". Donc, on l'a fait. Et comme je suis pas douée pour les longs discours, voyez par vous même !



    >> Aperçu <<

    Comme pour celui de Sparrow, il vous sera possible de changer les couleurs et/ou images de fond pour chaque onglet ou encore de modifier le fond du contenu, les images, la taille (l'astuce pour la taille est à la fin, au départ le contenu a 250px de hauteur), tout ça quoi ^^.

    Let's go !


    Et comment qu'on fait ?

    Je préviens, la manipulation est un tout petit peu plus complexe que la version "survol" et il faut que vous ayez le JavaScript activé sur votre forum. Mais je vais vous expliquer tout ça en détail, don't worry Willy.

    1. Le HTML
    Pour voir ce code, vous devrez poster à la suite de ce topic !



    2. Le CSS
    Pour voir ce code, vous devrez poster à la suite de ce topic !




    3. Le JavaScript
    Pour voir ce code, vous devrez poster à la suite de ce topic !




    Je vais citer Sparrow pour ce qui est des crédits de Never-Utopia Wink

    Je le répète, mais svp n'enlevez pas le crédit en fin de code ! Je suis très généreux mais j'apprécie d'avoir un remerciement et j'estime que celui-ci est correct, pas excessivement voyant et normal pour utiliser quelque chose que j'ai mis du temps à réaliser Wink




    Pour avoir un onglet ouvert dès le départ




    Dernière édition par Glycérine le Dim 15 Juil - 9:38, édité 3 fois




    avatar
    Pony62
    FémininAge : 21Messages : 61

    le Dim 2 Juin - 17:57

    Je suis intéressé! merci! ♥



    Underconstruction ♫
    avatar
    Cyanna
    FémininAge : 29Messages : 55

    le Mer 5 Juin - 23:14

    Intéressant , merci !
    avatar
    Louna Luna
    FémininAge : 21Messages : 123

    le Ven 7 Juin - 9:09

    Merci !



    avatar
    Zooé
    FémininAge : 19Messages : 66

    le Dim 9 Juin - 11:27

    Thank Very Happy
    avatar
    Sosica
    FémininAge : 16Messages : 14

    le Dim 16 Juin - 10:21

    Merci beaucoup ! Very Happy



    avatar
    Psychotropia
    FémininAge : 23Messages : 61

    le Dim 11 Aoû - 18:03

    Merci !
    Lupa
    FémininAge : 20Messages : 177

    le Dim 25 Aoû - 16:16

    C'est tout simplement magnifique ! Merci à toi et à Sparrow-style pour cette merveille <3



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    avatar
    Lylinee
    FémininAge : 26Messages : 25

    le Dim 8 Sep - 15:13

    merci pour ce code



    avatar
    Roromiya
    FémininAge : 99Messages : 111

    le Ven 8 Nov - 22:14

    Merkiii



    avatar
    Fallaha
    FémininMessages : 80

    le Mar 19 Nov - 0:09

    merci
    avatar
    Milka
    FémininAge : 28Messages : 109

    le Mer 20 Nov - 11:34

    Merci bien Wink
    avatar
    Lilandrile
    FémininAge : 31Messages : 43

    le Mar 17 Déc - 10:33

    Merci pour ce code
    avatar
    Loufaone
    MasculinAge : 20Messages : 5

    le Mar 17 Déc - 18:08

    Très beaux
    avatar
    Pamplemousse
    FémininAge : 26Messages : 31

    le Lun 20 Jan - 12:08

    Thanks  :love: 



    avatar
    Hana Evali
    FémininAge : 26Messages : 161

    le Mer 29 Jan - 2:21

    Superbe !



    avatar
    Laora || Peter
    FémininAge : 25Messages : 181

    le Sam 1 Fév - 9:43

    Merci beaucoup ♥

    J'ai fait les codes et tout ça mais ça n’apparaît nul part, je comprends pas comment e mettre en QEEL ;_;
    Peux-tu m'aider s'il te plaît? Si c'est pas possible, ce n'est pas grave ♥



    avatar
    Azaral
    FémininAge : 20Messages : 69

    le Sam 1 Fév - 22:50

    c'est super joli *_* Je sais pas si je vais réussir à faire pareil mais j'ai bien envie d'essayer ^^
    avatar
    anaelscott
    FémininAge : 27Messages : 21

    le Mer 19 Fév - 19:54

    Oh! Avec clic ! Very Happy
    avatar
    Tatsumi Oga
    MasculinAge : 16Messages : 26

    le Sam 15 Mar - 18:23

    merci
    Luinette
    FémininAge : 16Messages : 32

    le Mar 1 Avr - 14:45

    Merci !
    avatar
    Layla4
    FémininAge : 17Messages : 149

    le Mer 9 Avr - 13:25

    Merci (:
    avatar
    Mlle Eléa
    FémininAge : 24Messages : 5

    le Jeu 15 Mai - 18:47

    Marci bicoup~
    stefansalvatore
    MasculinAge : 21Messages : 17

    le Lun 2 Juin - 12:57

    *-*
    merci !
    Lucrèce
    FémininAge : 27Messages : 63

    le Sam 21 Juin - 10:42

    Merci beaucoup !
    avatar
    Milly-Fili
    FémininAge : 22Messages : 20

    le Ven 27 Juin - 15:57

    Merci pour cette petite astuce ! Wink
    Contenu sponsorisé


      La date/heure actuelle est Jeu 23 Mar - 12:13