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 : 19Message(s) : 36
    Sably
    le Dim 6 Mai 2012 - 12:38
    Merci =)


    FémininAge : 25Message(s) : 1147

    Les Guildes
    Guilde des Conteurs:
    3/10  (3/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Rozenbrez
    le Lun 14 Mai 2012 - 1:29
    Merci Glycérine pour le codage ^^


    FémininAge : 25Message(s) : 112
    nuanciel
    le Dim 20 Mai 2012 - 23:02
    Merci pour le partage
    MasculinAge : 21Message(s) : 57
    Tamashi
    le Sam 2 Juin 2012 - 8:11
    merci
    MasculinAge : 27Message(s) : 7
    snm666
    le Dim 3 Juin 2012 - 15:56
    merci


    FémininAge : 18Message(s) : 28
    Treasury.
    le Dim 3 Juin 2012 - 18:45
    Merci :3
    MasculinAge : 25Message(s) : 62
    LouetRinkin
    le Jeu 14 Juin 2012 - 0:29
    Merci Gly. :)
    FémininAge : 22Message(s) : 37
    Hiroshina
    le Jeu 14 Juin 2012 - 13:52
    Merci ~
    MasculinAge : 25Message(s) : 116
    killer999
    le Sam 16 Juin 2012 - 0:25
    Thanks
    FémininAge : 19Message(s) : 44
    ~Panda~
    le Sam 16 Juin 2012 - 19:28
    Très intéressant. Merci beaucoup du partage.


    ~ Panda ~
    MasculinAge : 17Message(s) : 107
    Byakuya Kuonki
    le Dim 17 Juin 2012 - 21:02
    Merci ! *o*
    FémininAge : 24Message(s) : 96
    Aoi Kiseki
    le Lun 18 Juin 2012 - 1:23
    merci =)
    FémininAge : 21Message(s) : 550
    Ayael
    le Sam 23 Juin 2012 - 23:19
    Merci pour le tutoriel ♥
    FémininAge : 21Message(s) : 47
    Amiyah
    le Dim 24 Juin 2012 - 15:33
    J'adore merci!
    FémininAge : 38Message(s) : 286
    xodramm
    le Dim 24 Juin 2012 - 23:21
    merci pour le code
    MasculinAge : 24Message(s) : 109
    Ryosaki
    le Lun 25 Juin 2012 - 18:31
    merci


    MasculinAge : 22Message(s) : 25
    Tsubaki D. Tensei
    le Mar 26 Juin 2012 - 15:09
    Très intéressant :)
    MasculinAge : 18Message(s) : 159
    Etax
    le Mar 26 Juin 2012 - 17:09
    merci


    FémininAge : 22Message(s) : 1
    Vipera
    le Mer 27 Juin 2012 - 23:25
    génial =D
    MasculinAge : 20Message(s) : 47
    Shirabi
    le Sam 30 Juin 2012 - 23:44
    merci
    FémininAge : 23Message(s) : 5
    testounet
    le Lun 2 Juil 2012 - 18:36
    Merci, c'est gentil du partage =D
    FémininAge : 18Message(s) : 129
    Lesliie
    le Mer 4 Juil 2012 - 16:03
    Merci ! :)
    MasculinAge : 21Message(s) : 14
    Dr. Karlos
    le Jeu 5 Juil 2012 - 19:00
    Merci!
    FémininAge : 20Message(s) : 72

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Saphira
    le Jeu 5 Juil 2012 - 22:21
    Merci =)
    FémininAge : 18Message(s) : 6
    Azgard
    le Jeu 5 Juil 2012 - 23:36
    Merci ^^
    Contenu sponsorisé
    Aujourd'hui à 1:47

      La date/heure actuelle est Ven 30 Sep 2016 - 1:47