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 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 !


    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
    Kimirsu Anko
    MasculinAge : 16Messages : 88

    le Ven 4 Mar 2016 - 17:51

    Merci !
    avatar
    Coco-Lapin02
    MasculinAge : 49Messages : 147

    le Dim 20 Mar 2016 - 18:01

    Merci!
    avatar
    Margaux E.
    FémininAge : 14Messages : 25

    le Jeu 31 Mar 2016 - 7:36

    Ca a l'air cool, merci du partage
    avatar
    Maestro
    MasculinAge : 24Messages : 14

    le Jeu 7 Avr 2016 - 16:43

    Merci, c'est superbe!
    avatar
    Shanoa
    FémininAge : 19Messages : 64

    le Sam 23 Avr 2016 - 13:41

    Merci beaucoup
    avatar
    Mawie62
    FémininAge : 22Messages : 125

    le Mer 25 Mai 2016 - 0:18

    Merci j'adore ! :love:



    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Jeu 26 Mai 2016 - 13:47

    merci du partage ♥



    avatar
    Plum
    FémininAge : 51Messages : 21

    le Jeu 12 Jan 2017 - 23:47

    Merci pour ce code
    avatar
    Drakylla
    MasculinAge : 26Messages : 32

    le Ven 13 Jan 2017 - 15:52

    Bonjour et merci pour ce superbe code. Un grand bravo !
    avatar
    Alumine
    FémininAge : 20Messages : 488

    le Dim 26 Fév 2017 - 16:05

    merci ! Super idée (=



    Alumine
    avatar
    Nayamea
    FémininAge : 13Messages : 102

    le Mer 19 Avr 2017 - 15:25

    Merci
    avatar
    RigoloDiabolo_
    MasculinAge : 16Messages : 15

    le Dim 23 Avr 2017 - 12:04

    mrc
    avatar
    Madras
    FémininAge : 32Messages : 279

    le Sam 8 Juil 2017 - 15:42

    Merci du partage
    Contenu sponsorisé


      La date/heure actuelle est Mer 18 Oct 2017 - 13:03