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/QEEL en accordeon horizontal sur clic [HTML/CSS/JAVASCRIPT]

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

    le Lun 13 Fév 2012 - 23:33

    Rappel du premier message :

    Et hop, en voilà un autre !

    Bonjour, bonjour !

    Aujourd'hui et pour ma seconde astuce, j'adapte encore un code de Sparrow-style ! xD Qui est, cette fois, l'accordéon horizontal ! De nouveau avec notre petit ami JavaScript !


    Il est, tout comme son petit frère, modifiable en un peu tous les paramètres, attention néanmoins à la taille qui risque d'être plus capricieuse ! (Je vous déconseille personnellement de toucher aux tailles des titres...)

    Allez ^^ 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




    avatar
    Aly
    FémininAge : 19Messages : 22

    le Dim 11 Mar 2012 - 11:47

    Merci !




    Pourquoi se contenter de survivre ?
    Moi j'ai préféré vivre...
    avatar
    Lala09
    FémininAge : 22Messages : 32

    le Dim 11 Mar 2012 - 12:59

    Oh j'aime *o*



    avatar
    giannismoll7
    MasculinAge : 23Messages : 62

    le Dim 11 Mar 2012 - 14:05

    merci :)
    avatar
    Loki fulbester
    MasculinAge : 26Messages : 6

    le Jeu 15 Mar 2012 - 17:37

    merci
    avatar
    Vampi
    FémininAge : 21Messages : 56

    le Ven 23 Mar 2012 - 8:04

    Merci (:




    Merci Yakkuru =D

    Spoiler:

    Merci Jiyuu =D
    avatar
    Tiffa
    FémininAge : 22Messages : 34

    le Ven 23 Mar 2012 - 15:54

    merci
    avatar
    Ectoplasm'
    FémininAge : 27Messages : 8

    le Ven 23 Mar 2012 - 20:59

    Merci beaucoup, je cherchai ça depuis un certain moment o/
    C'est vraiment sympatoche :)
    avatar
    Eviiex
    FémininAge : 24Messages : 5

    le Sam 24 Mar 2012 - 4:14

    C'est génial ça. :)
    Merci beaucoup.
    avatar
    Morphine.
    FémininAge : 26Messages : 40

    le Lun 26 Mar 2012 - 12:47

    Je suis intéressée *_*
    Merci !



    avatar
    Mizukishuu
    FémininAge : 18Messages : 6

    le Lun 26 Mar 2012 - 17:20

    Merci !
    Je chercher justement comment faire ça !



    avatar
    Invité

    le Dim 8 Avr 2012 - 14:36

    Thaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanks ♥.
    avatar
    cosmos-chann
    FémininAge : 20Messages : 115

    le Dim 8 Avr 2012 - 15:14

    oo je vais le tester merci !
    avatar
    ( Lou' )
    FémininAge : 22Messages : 108

    le Lun 9 Avr 2012 - 17:37

    Merciii ♥
    avatar
    warning.sign
    FémininAge : 27Messages : 58

    le Lun 9 Avr 2012 - 18:02

    merci =)
    avatar
    Hell's
    FémininAge : 19Messages : 15

    le Lun 9 Avr 2012 - 19:45

    :3
    avatar
    Luv Scarlet
    MasculinAge : 23Messages : 94

    le Mer 11 Avr 2012 - 20:13

    Merci pour le codage (je pense inclure directement les crédits dans le PA).



    avatar
    Isazae
    MasculinAge : 29Messages : 19

    le Jeu 12 Avr 2012 - 14:21

    Parfait c'est exactement ce que je recherche.
    avatar
    Adan
    MasculinAge : 17Messages : 11

    le Jeu 12 Avr 2012 - 14:54

    Merci beaucoup beaucoup !
    avatar
    Vintage Phonic
    FémininAge : 27Messages : 19

    le Jeu 12 Avr 2012 - 15:09

    Merciii c'ests vraiment super *-*
    avatar
    24nono38
    FémininAge : 27Messages : 68

    le Dim 15 Avr 2012 - 1:29

    Je suis intriguée par le code ^^



    avatar
    Woo
    FémininAge : 26Messages : 143

    le Dim 15 Avr 2012 - 13:52

      Je vais tenter ça ! :3
      Merci ô/



    avatar
    bluebubbles.
    FémininAge : 24Messages : 2

    le Lun 16 Avr 2012 - 18:27

    Merci (:
    avatar
    Del
    MasculinMessages : 110

    le Mar 24 Avr 2012 - 15:04

    Merci .



    « Run you clever boy and remember... »
    avatar
    Tsumei
    MasculinAge : 27Messages : 116

    le Sam 5 Mai 2012 - 11:36

    Merci !
    avatar
    Assyn
    FémininAge : 22Messages : 60

    le Sam 5 Mai 2012 - 19:00

    Merciiii! ^_^



    Contenu sponsorisé


      La date/heure actuelle est Sam 21 Oct 2017 - 3:25