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 !

    >> 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
    Amasiser
    FémininAge : 24Messages : 20

    le Jeu 13 Mar 2014 - 14:11

    Merci
    .erin
    FémininAge : 22Messages : 28

    le Jeu 20 Mar 2014 - 15:08

    merci
    Spartfly
    MasculinAge : 22Messages : 26

    le Mer 26 Mar 2014 - 13:44

    Merci beaucoup !!
    avatar
    Invité

    le Dim 20 Avr 2014 - 13:55

    Thanks!
    avatar
    CharlyAndLiz
    FémininAge : 21Messages : 17

    le Lun 5 Mai 2014 - 21:50

    Merci :)
    avatar
    CharlyAndLiz
    FémininAge : 21Messages : 17

    le Lun 5 Mai 2014 - 21:51

    Super PA !
    avatar
    Aya Hanazawa
    FémininAge : 26Messages : 72

    le Mer 7 Mai 2014 - 16:11

    merci
    avatar
    Ren haring
    MasculinAge : 22Messages : 990

    le Lun 12 Mai 2014 - 22:04

    Magnifique PA . Merci pour le partage
    avatar
    Glotoneria
    MasculinAge : 37Messages : 91

    le Lun 19 Mai 2014 - 16:39

    Je prends ça, merci :)
    avatar
    Pelezinho
    MasculinAge : 17Messages : 76

    le Dim 8 Juin 2014 - 20:52

    Sa gère j'vais voir.



    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    avatar
    Invité

    le Ven 13 Juin 2014 - 16:38

    Je vais essayer merci !
    avatar
    Aelita
    FémininAge : 24Messages : 277

    le Sam 21 Juin 2014 - 22:31

    Merci beaucoup miss
    avatar
    Marwin
    MasculinAge : 24Messages : 47

    le Dim 6 Juil 2014 - 0:48

    merci
    avatar
    Daisy Hardman
    FémininAge : 19Messages : 60

    le Mar 8 Juil 2014 - 18:01

    merci
    avatar
    Loki
    MasculinAge : 29Messages : 283

    le Lun 14 Juil 2014 - 17:55

    merci :)
    avatar
    Bim'
    FémininAge : 19Messages : 12

    le Sam 19 Juil 2014 - 12:24

    Oh merci *^*
    avatar
    Kyuso Jiro
    MasculinAge : 23Messages : 8

    le Lun 21 Juil 2014 - 15:31

    Très sympa pour le partage. Merci bien :) !



    avatar
    LilyPanda
    FémininAge : 20Messages : 10

    le Mar 22 Juil 2014 - 15:59

    Oh génial ! Je cherchais quelque chose dans ce goûts pour mon forum !
    J'essaye de suite !! Merci beaucoup !! :)
    avatar
    Seikatsu Tengoku
    MasculinAge : 21Messages : 11

    le Lun 28 Juil 2014 - 11:15

    Merci!
    avatar
    Pein94
    Age : 23Messages : 59

    le Mar 29 Juil 2014 - 19:13

    Merci :)
    avatar
    Darkshines
    FémininAge : 26Messages : 9

    le Sam 16 Aoû 2014 - 0:57

    Merci pour le partage =)
    avatar
    Caine Lornan
    MasculinAge : 35Messages : 78

    le Ven 29 Aoû 2014 - 12:48

    Merci
    avatar
    Scythe
    FémininAge : 26Messages : 36

    le Dim 7 Sep 2014 - 6:11

    Je vais tester ça, merci !
    avatar
    Insanities
    FémininAge : 21Messages : 40

    le Jeu 11 Sep 2014 - 3:21

    Merci du partage !



    avatar
    Asuka
    FémininAge : 22Messages : 104

    le Mer 24 Sep 2014 - 21:59

    Merci



    Contenu sponsorisé


      La date/heure actuelle est Sam 29 Avr 2017 - 1:51