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 : 22Message(s) : 129
    Shanyme Thibolt
    le Sam 8 Nov 2014 - 21:31
    J'adore, merci
    FémininAge : 32Message(s) : 70
    meolyne
    le Mar 18 Nov 2014 - 13:01
    merciii pour ce PA ! je le cherche depuis un moment :)
    FémininAge : 22Message(s) : 17
    Csteel
    le Ven 16 Jan 2015 - 20:53
    Merci!
    FémininAge : 18Message(s) : 193
    Dark Fairy
    le Mar 10 Fév 2015 - 14:46
    Merci!
    FémininAge : 25Message(s) : 254
    CapriceK
    le Mar 24 Fév 2015 - 9:45
    Merci pour ce tuto super pratique :)
    MasculinAge : 21Message(s) : 38
    Krager
    le Sam 7 Mar 2015 - 23:06
    merci
    FémininAge : 27Message(s) : 158

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Viou
    le Dim 8 Mar 2015 - 12:38
    J'adore ** merci beaucoup
    FémininAge : 27Message(s) : 158

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Viou
    le Dim 8 Mar 2015 - 12:44
    Je ne vois pas le html Sad
    FémininAge : 15Message(s) : 81
    Phénix'
    le Jeu 26 Mar 2015 - 17:30
    Merci
    FémininAge : 22Message(s) : 7
    deli
    le Ven 10 Avr 2015 - 21:25
    Merci pour ce code qui m'a l'air bien intéressant *-*
    FémininAge : 16Message(s) : 8
    Nox
    le Ven 24 Avr 2015 - 21:23
    Merci !


    FémininAge : 23Message(s) : 71
    BloodyMoony
    le Dim 23 Aoû 2015 - 18:08
    Super PA

    Merci ^^


    FémininAge : 24Message(s) : 1355

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Dim 23 Aoû 2015 - 20:54
    Merci (*´▽`*)
    FémininAge : 24Message(s) : 125
    SweetieBay
    le Lun 31 Aoû 2015 - 19:26
    merci du partage =)


    Spoiler:
    MasculinAge : 23Message(s) : 35
    senda95
    le Jeu 8 Oct 2015 - 1:23
    merci !
    FémininAge : 21Message(s) : 14
    Linéa
    le Jeu 8 Oct 2015 - 9:45
    Super ! Merci !
    FémininAge : 21Message(s) : 14
    Linéa
    le Jeu 8 Oct 2015 - 9:45
    Super ! Merci !
    FémininAge : 23Message(s) : 35

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    wiise
    le Ven 23 Oct 2015 - 22:53
    J'aime !


    FémininAge : 16Message(s) : 22
    Elewen
    le Sam 2 Jan 2016 - 11:06
    Merci !
    MasculinAge : 21Message(s) : 33
    Hellow
    le Dim 3 Jan 2016 - 11:42
    Merci Very Happy
    FémininAge : 18Message(s) : 88

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Nartiifiice
    le Ven 22 Jan 2016 - 13:26
    merci
    MasculinAge : 41Message(s) : 34
    jean-claude
    le Dim 24 Jan 2016 - 14:58
    Merci beaucoup
    FémininAge : 17Message(s) : 50
    Kinst.MP
    le Sam 13 Fév 2016 - 18:12
    merci ~
    MasculinAge : 17Message(s) : 6
    Dealhyeur
    le Lun 15 Fév 2016 - 21:11
    Parfait ! Merci beaucoup !
    MasculinAge : 19Message(s) : 3
    erfs
    le Mar 16 Fév 2016 - 19:57
    C'est pile le type de PA que je cherchai, merci pour ce partage
    Contenu sponsorisé
    Aujourd'hui à 6:53

      La date/heure actuelle est Sam 1 Oct 2016 - 6:53