AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

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
    avatar
    Glycérine
    FémininAge : 28Messages : 307

    le Lun 13 Fév - 22: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




    avatar
    Sably
    FémininAge : 20Messages : 36

    le Dim 6 Mai - 10:38

    Merci =)



    En ligne
    avatar
    Rozenbrez
    FémininAge : 25Messages : 1264

    le Dim 13 Mai - 23:29

    Merci Glycérine pour le codage ^^





    Merci au lutin anonyme de cette année. <3

    avatar
    nuanciel
    FémininAge : 25Messages : 113

    le Dim 20 Mai - 21:02

    Merci pour le partage
    avatar
    Tamashi
    MasculinAge : 21Messages : 57

    le Sam 2 Juin - 6:11

    merci
    avatar
    snm666
    MasculinAge : 27Messages : 7

    le Dim 3 Juin - 13:56

    merci



    avatar
    Treasury.
    FémininAge : 18Messages : 28

    le Dim 3 Juin - 16:45

    Merci :3
    avatar
    LouetRinkin
    MasculinAge : 26Messages : 62

    le Mer 13 Juin - 22:29

    Merci Gly. :)
    avatar
    Hiroshina
    FémininAge : 22Messages : 37

    le Jeu 14 Juin - 11:52

    Merci ~
    avatar
    killer999
    MasculinAge : 26Messages : 116

    le Ven 15 Juin - 22:25

    Thanks
    avatar
    ~Panda~
    FémininAge : 20Messages : 44

    le Sam 16 Juin - 17:28

    Très intéressant. Merci beaucoup du partage.



    ~ Panda ~
    avatar
    Byakuya Kuonki
    MasculinAge : 17Messages : 107

    le Dim 17 Juin - 19:02

    Merci ! *o*
    avatar
    Aoi Kiseki
    FémininAge : 25Messages : 96

    le Dim 17 Juin - 23:23

    merci =)
    avatar
    Ayael
    FémininAge : 21Messages : 567

    le Sam 23 Juin - 21:19

    Merci pour le tutoriel ♥

    avatar
    Amiyah
    FémininAge : 22Messages : 47

    le Dim 24 Juin - 13:33

    J'adore merci!
    avatar
    xodramm
    FémininAge : 39Messages : 286

    le Dim 24 Juin - 21:21

    merci pour le code
    avatar
    Ryosaki
    MasculinAge : 24Messages : 109

    le Lun 25 Juin - 16:31

    merci



    avatar
    Tsubaki D. Tensei
    MasculinAge : 22Messages : 25

    le Mar 26 Juin - 13:09

    Très intéressant :)
    avatar
    Etax
    MasculinAge : 19Messages : 159

    le Mar 26 Juin - 15:09

    merci



    avatar
    Vipera
    FémininAge : 23Messages : 1

    le Mer 27 Juin - 21:25

    génial =D
    avatar
    Shirabi
    MasculinAge : 20Messages : 47

    le Sam 30 Juin - 21:44

    merci
    avatar
    testounet
    FémininAge : 23Messages : 5

    le Lun 2 Juil - 16:36

    Merci, c'est gentil du partage =D
    avatar
    Lesliie
    FémininAge : 18Messages : 129

    le Mer 4 Juil - 14:03

    Merci ! :)
    avatar
    Dr. Karlos
    MasculinAge : 22Messages : 14

    le Jeu 5 Juil - 17:00

    Merci!
    avatar
    Saphira
    FémininAge : 20Messages : 72

    le Jeu 5 Juil - 20:21

    Merci =)
    avatar
    Azgard
    FémininAge : 18Messages : 6

    le Jeu 5 Juil - 21:36

    Merci ^^
    Contenu sponsorisé


      La date/heure actuelle est Ven 24 Mar - 15:59