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 : 22Message(s) : 8
    Broken Memoria
    le Dim 26 Aoû 2012 - 1:59
    Je suis un curieux, je veux voir 8D

    Non plus sincèrement, merci pour le code Very Happy
    FémininAge : 20Message(s) : 59
    Cherry'
    le Dim 26 Aoû 2012 - 14:38
    Merci pour le codage :)
    Il va beaucoup m'aider :)
    FémininAge : 19Message(s) : 22
    Kimchi
    le Dim 26 Aoû 2012 - 22:27
    Merci Glycérine. :3


    FémininAge : 51Message(s) : 93
    picka230
    le Mar 28 Aoû 2012 - 15:43
    merci
    FémininAge : 19Message(s) : 48
    Espérance
    le Mar 28 Aoû 2012 - 17:55
    Merci. :popcorn:


    FémininAge : 23Message(s) : 60
    Alaynna
    le Jeu 30 Aoû 2012 - 8:45
    Comme je suis du genre curieuse, je veux voir x)


    -- If we don't have the key we can't open we can't open whatever it is, we don't have, that it unlocks, so what purpose would be served in finding whatever need be unlocked, which we don't have, without first having found the key that unlocks it?
    -- So we're going after this key?
    -- You're not making any sense at all.
    FémininAge : 21Message(s) : 61
    Slown
    le Sam 1 Sep 2012 - 12:45
    Merci ♥
    FémininMessage(s) : 34
    Le chat bleu
    le Dim 2 Sep 2012 - 22:30
    Merci beaucoup !
    FémininAge : 17Message(s) : 28
    Mimi-Haine
    le Mar 4 Sep 2012 - 17:14
    Oh Oui j'aime ♥ Parfait pour débuter mon premier PA *sors* Merci beaucoup ♥


    FémininAge : 21Message(s) : 45
    Little Pon
    le Mer 5 Sep 2012 - 18:43
    Je veux essayer ♥


    FémininAge : 27Message(s) : 139

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Irys
    le Ven 7 Sep 2012 - 15:56
    Merci beaucouuuuuup ! :3


    « Sur ma carte, je suis PDG.
    Dans ma tête, je suis développeur de jeux.
    Mais dans mon cœur, je suis un gamer. »
    Satoru Iwata (1959 - 2015)
    MasculinAge : 21Message(s) : 5
    Hikito Tomonashi
    le Ven 7 Sep 2012 - 20:32
    je veux voir
    FémininAge : 18Message(s) : 8
    Flammy
    le Lun 10 Sep 2012 - 23:17
    Merci. :3



    Merci Times. :3
    MasculinAge : 24Message(s) : 19
    karma71620
    le Jeu 20 Sep 2012 - 23:05
    Merci beaucoup ! Razz
    MasculinAge : 29Message(s) : 1
    azzae
    le Lun 24 Sep 2012 - 19:59
    Merci :love:
    FémininAge : 25Message(s) : 62
    Exogenesis
    le Mar 25 Sep 2012 - 10:20
    Merciiii pour le tuto ! :love:
    FémininAge : 22Message(s) : 43
    Haileen
    le Ven 28 Sep 2012 - 11:20
    Merci pour ce tuto! ♥
    FémininAge : 22Message(s) : 219

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    AQW
    le Dim 30 Sep 2012 - 21:27
    Je vais voir et j'éditerais si questions il y à ~


    Blblbl. ♥
    MasculinAge : 26Message(s) : 192
    Hayate747
    le Mar 2 Oct 2012 - 18:57
    Merci beaucoup !! :)
    MasculinAge : 23Message(s) : 101
    DoDo94
    le Jeu 4 Oct 2012 - 15:16
    Merci beaucoup =)


    [center]
    <~::Kit by Moi::~>
    FémininAge : 20Message(s) : 75
    mini-mimi
    le Sam 6 Oct 2012 - 10:20
    Merci :hug:
    MasculinAge : 26Message(s) : 192
    Hayate747
    le Dim 7 Oct 2012 - 16:04
    Merci Wink
    MasculinAge : 16Message(s) : 29
    Shinøbi
    le Dim 7 Oct 2012 - 16:52
    Merci. =D
    FémininAge : 19Message(s) : 17
    Noctali
    le Mer 17 Oct 2012 - 17:41
    siteplaaaaîîît !!
    Merchi !! x)
    FémininAge : 18Message(s) : 26
    Shiney
    le Ven 19 Oct 2012 - 18:28
    Ça va m'être très utile, merci ! *-*
    Contenu sponsorisé
    Aujourd'hui à 19:19

      La date/heure actuelle est Lun 26 Sep 2016 - 19:19