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) : 75
    Shanilae
    le Lun 19 Aoû 2013 - 23:57
    Merci=)
    FémininMessage(s) : 80

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Fallaha
    le Mar 17 Sep 2013 - 1:35
    mmmmeeeeerrrrccciiii!!!!!
    MasculinAge : 17Message(s) : 167

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    tamanegeek
    le Sam 21 Sep 2013 - 21:55
    Merci pour la PA, je la mettrai sur mon forum !
    FémininAge : 24Message(s) : 79
    Luna_Rakuen
    le Mar 24 Sep 2013 - 1:47
    j'espère que ça va plus fonctionner que ceux de sparrow pour mon forum e_e
    FémininAge : 17Message(s) : 32
    Pomme-de-terre
    le Ven 4 Oct 2013 - 16:27
    merci beaaaaaaaaaaaaaaauuuuuuuuuuuuuucccccoooooooooooouuuuuuuuuppppppp <3
    FémininAge : 16Message(s) : 46

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Rhythm Star
    le Ven 4 Oct 2013 - 21:27
    Merci bien~


    Invité
    le Mar 8 Oct 2013 - 10:07
    J'ai enfin trouvé mon bonheur merciiiiiiiiii :)
    FémininAge : 20Message(s) : 25
    Miley Destiny
    le Dim 13 Oct 2013 - 16:52
    Merci !
    FémininAge : 21Message(s) : 112
    Asriel
    le Sam 19 Oct 2013 - 18:33
    Merci pour le partage !


    FémininAge : 24Message(s) : 47
    Joxtop
    le Lun 2 Déc 2013 - 17:14
    Merci Very Happy
    MasculinAge : 26Message(s) : 71
    Drysfer
    le Lun 9 Déc 2013 - 4:54
    Merci


    FémininAge : 16Message(s) : 8
    Pony
    le Jeu 12 Déc 2013 - 16:15
    Merci merci merci !  jolie P.A. chouette ^^


    MasculinAge : 18Message(s) : 34
    Toonsi
    le Sam 28 Déc 2013 - 12:43
    merci
    MasculinAge : 59Message(s) : 1
    masdan
    le Dim 12 Jan 2014 - 4:27
    Bonjour,

    Je vais essayer ce codage,
    MasculinAge : 20Message(s) : 28

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    JonathanLeGrand
    le Dim 12 Jan 2014 - 8:53
    merci
    MasculinAge : 20Message(s) : 28

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    JonathanLeGrand
    le Dim 12 Jan 2014 - 8:54
    merci
    MasculinAge : 26Message(s) : 33
    Babiroussa
    le Lun 13 Jan 2014 - 18:41
    Merci :)
    FémininAge : 24Message(s) : 13
    Mimie valdroff
    le Mar 14 Jan 2014 - 23:47
    Oh c'est super comme code :3 !!
    FémininAge : 18Message(s) : 150

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lindaóma
    le Sam 25 Jan 2014 - 13:10
    Merci beaucoup pour le code :)


    MasculinAge : 21Message(s) : 35
    Ichigo'
    le Dim 26 Jan 2014 - 20:25
    Merci *w*
    FémininAge : 20Message(s) : 10
    Lunaya
    le Dim 2 Fév 2014 - 12:42
    Simple, mais joli ! ♥
    MasculinAge : 23Message(s) : 1097
    webs
    le Dim 9 Fév 2014 - 23:17
    merci


    FémininAge : 20Message(s) : 27

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Mzelle Quouwaa
    le Dim 2 Mar 2014 - 19:30
    Merci beaucoup =D
    FémininAge : 22Message(s) : 137
    MOON LEE
    le Mer 5 Mar 2014 - 12:38
    Merci
    MasculinAge : 26Message(s) : 6
    KaosWentCookie
    le Mer 5 Mar 2014 - 13:26
    J'adore ! Il me le faut ! xD Merci <3
    Contenu sponsorisé
    Aujourd'hui à 3:52

      La date/heure actuelle est Mar 27 Sep 2016 - 3:52