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



    MasculinAge : 29Message(s) : 4
    darksamy
    le Lun 22 Oct 2012 - 7:22
    Je vais tenter de le faire pour le qeel. Mais c'est pas gagner XD
    MasculinAge : 20Message(s) : 5
    Ryuuk Sawayoshi
    le Mar 30 Oct 2012 - 23:50
    merci
    FémininAge : 24Message(s) : 9
    Céline
    le Mer 31 Oct 2012 - 0:17
    Je suis curieuse de savoir comment fonctionne ce système (:
    MasculinAge : 19Message(s) : 27
    KaraV3
    le Mer 31 Oct 2012 - 18:10
    merci
    MasculinAge : 24Message(s) : 2
    Caelion
    le Ven 2 Nov 2012 - 22:29
    Je voudrais le voir! =)
    MasculinAge : 21Message(s) : 23
    Tom Turg
    le Dim 4 Nov 2012 - 10:48
    Merci :)
    FémininAge : 19Message(s) : 1
    Ptitelili54
    le Ven 9 Nov 2012 - 13:15
    Merci pour le codage, c'est magnifique !
    MasculinAge : 23Message(s) : 60
    jey38830
    le Dim 25 Nov 2012 - 1:16
    Merci :)
    FémininAge : 16Message(s) : 28
    Mitsoky
    le Mar 27 Nov 2012 - 19:34
    Whaa *-*
    MasculinAge : 18Message(s) : 21
    HeliOs-G
    le Dim 2 Déc 2012 - 5:16
    merci
    FémininAge : 17Message(s) : 14
    Magoo
    le Lun 3 Déc 2012 - 17:27
    Merci
    MasculinAge : 33Message(s) : 409
    P'tit loup
    le Jeu 13 Déc 2012 - 19:31
    essayons celui-ci... merci ^^


    FémininAge : 24Message(s) : 213
    shala
    le Mar 18 Déc 2012 - 20:43
    merci


    FémininAge : 24Message(s) : 21
    milloo
    le Mer 19 Déc 2012 - 0:02
    Merci beaucoup pour ce code, ça change de l'ordinaire c'est parfait !
    FémininAge : 21Message(s) : 5
    Patte Enflammée
    le Mer 19 Déc 2012 - 17:34
    .
    FémininAge : 19Message(s) : 3
    Halkyore A. Feidelm
    le Ven 21 Déc 2012 - 16:31
    Merci pour les codes =)
    FémininAge : 20Message(s) : 51
    Fantôme Noir †
    le Lun 24 Déc 2012 - 10:16
    Merci Very Happy
    *sens qu'elle va pas y arriver *
    FémininAge : 26Message(s) : 154
    Neko Mimi
    le Mar 8 Jan 2013 - 14:09
    Merci aussi


    FémininAge : 20Message(s) : 253
    erika02
    le Mer 9 Jan 2013 - 23:16
    Merchi du partage


    FémininAge : 23Message(s) : 1
    Thedes
    le Jeu 10 Jan 2013 - 21:02
    Merci beaucoup d'avoir pris le temps pour expliquer cette astuce, je vais m'y mettre ! cheers
    FémininAge : 18Message(s) : 127
    W.
    le Ven 11 Jan 2013 - 22:32
    Arigato~


    Je suis Charlie.
    MasculinAge : 28Message(s) : 420
    Ryoma
    le Dim 13 Jan 2013 - 12:02
    Merci beaucoup !
    FémininAge : 21Message(s) : 167
    Alyss Scarlet
    le Lun 14 Jan 2013 - 23:15
    Merci beaucoup c'est du très beau travail ! :)


    FémininAge : 16Message(s) : 14
    Black Laugh
    le Mer 16 Jan 2013 - 18:43
    Merci elle est cool (:


    MasculinAge : 20Message(s) : 54
    TheDrakLord
    le Sam 19 Jan 2013 - 16:43
    Merci


    Contenu sponsorisé
    Aujourd'hui à 12:34

      La date/heure actuelle est Dim 25 Sep 2016 - 12:34