Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 27Message(s) : 307

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Glycérine
    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 !

    >> Aperçu <<

    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



    FémininAge : 18Message(s) : 22
    Aly
    le Dim 11 Mar 2012 - 11:47
    Merci !



    Pourquoi se contenter de survivre ?
    Moi j'ai préféré vivre...
    FémininAge : 20Message(s) : 32
    Lala09
    le Dim 11 Mar 2012 - 12:59
    Oh j'aime *o*


    MasculinAge : 22Message(s) : 62
    giannismoll7
    le Dim 11 Mar 2012 - 14:05
    merci :)
    MasculinAge : 25Message(s) : 6
    Loki fulbester
    le Jeu 15 Mar 2012 - 17:37
    merci
    FémininAge : 20Message(s) : 56
    Vampi
    le Ven 23 Mar 2012 - 8:04
    Merci (:



    Merci Yakkuru =D

    Spoiler:

    Merci Jiyuu =D
    FémininAge : 21Message(s) : 34
    Tiffa
    le Ven 23 Mar 2012 - 15:54
    merci
    FémininAge : 26Message(s) : 8
    Ectoplasm'
    le Ven 23 Mar 2012 - 20:59
    Merci beaucoup, je cherchai ça depuis un certain moment o/
    C'est vraiment sympatoche :)
    FémininAge : 23Message(s) : 5
    Eviiex
    le Sam 24 Mar 2012 - 4:14
    C'est génial ça. :)
    Merci beaucoup.
    FémininAge : 25Message(s) : 39
    Morphine.
    le Lun 26 Mar 2012 - 12:47
    Je suis intéressée *_*
    Merci !


    FémininAge : 17Message(s) : 6
    Mizukishuu
    le Lun 26 Mar 2012 - 17:20
    Merci !
    Je chercher justement comment faire ça !


    Invité
    le Dim 8 Avr 2012 - 14:36
    Thaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanks ♥.
    FémininAge : 19Message(s) : 115
    cosmos-chann
    le Dim 8 Avr 2012 - 15:14
    oo je vais le tester merci !
    FémininAge : 21Message(s) : 99
    ( Lou' )
    le Lun 9 Avr 2012 - 17:37
    Merciii ♥
    FémininAge : 25Message(s) : 50
    warning.sign
    le Lun 9 Avr 2012 - 18:02
    merci =)
    FémininAge : 17Message(s) : 15
    Hell's
    le Lun 9 Avr 2012 - 19:45
    :3
    MasculinAge : 22Message(s) : 94
    Luv Scarlet
    le Mer 11 Avr 2012 - 20:13
    Merci pour le codage (je pense inclure directement les crédits dans le PA).


    MasculinAge : 28Message(s) : 19
    Isazae
    le Jeu 12 Avr 2012 - 14:21
    Parfait c'est exactement ce que je recherche.
    MasculinAge : 16Message(s) : 11
    Adan
    le Jeu 12 Avr 2012 - 14:54
    Merci beaucoup beaucoup !
    FémininAge : 26Message(s) : 19
    Vintage Phonic
    le Jeu 12 Avr 2012 - 15:09
    Merciii c'ests vraiment super *-*
    FémininAge : 26Message(s) : 46
    24nono38
    le Dim 15 Avr 2012 - 1:29
    Je suis intriguée par le code ^^


    FémininAge : 25Message(s) : 143
    Woo
    le Dim 15 Avr 2012 - 13:52
      Je vais tenter ça ! :3
      Merci ô/


    FémininAge : 23Message(s) : 2
    bluebubbles.
    le Lun 16 Avr 2012 - 18:27
    Merci (:
    MasculinMessage(s) : 107

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Del
    le Mar 24 Avr 2012 - 15:04
    Merci .


    « Run you clever boy and remember... »
    MasculinAge : 26Message(s) : 116
    Tsumei
    le Sam 5 Mai 2012 - 11:36
    Merci !
    FémininAge : 21Message(s) : 60
    Assyn
    le Sam 5 Mai 2012 - 19:00
    Merciiii! ^_^


    Contenu sponsorisé
    Aujourd'hui à 14:05

      La date/heure actuelle est Mar 27 Sep 2016 - 14:05