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




    darksamy
    MasculinAge : 30Messages : 4

    le Lun 22 Oct - 5:22

    Je vais tenter de le faire pour le qeel. Mais c'est pas gagner XD
    avatar
    Ryuuk Sawayoshi
    MasculinAge : 21Messages : 5

    le Mar 30 Oct - 22:50

    merci
    avatar
    Céline
    FémininAge : 25Messages : 9

    le Mar 30 Oct - 23:17

    Je suis curieuse de savoir comment fonctionne ce système (:
    avatar
    KaraV3
    MasculinAge : 20Messages : 27

    le Mer 31 Oct - 17:10

    merci
    avatar
    Caelion
    MasculinAge : 25Messages : 2

    le Ven 2 Nov - 21:29

    Je voudrais le voir! =)
    avatar
    Tom Turg
    MasculinAge : 22Messages : 23

    le Dim 4 Nov - 9:48

    Merci :)
    avatar
    Ptitelili54
    FémininAge : 20Messages : 1

    le Ven 9 Nov - 12:15

    Merci pour le codage, c'est magnifique !
    avatar
    jey38830
    MasculinAge : 24Messages : 60

    le Dim 25 Nov - 0:16

    Merci :)
    avatar
    Mitsoky
    FémininAge : 17Messages : 28

    le Mar 27 Nov - 18:34

    Whaa *-*
    avatar
    HeliOs-G
    MasculinAge : 19Messages : 21

    le Dim 2 Déc - 4:16

    merci
    avatar
    Magoo
    FémininAge : 18Messages : 15

    le Lun 3 Déc - 16:27

    Merci
    avatar
    P'tit loup
    MasculinAge : 34Messages : 435

    le Jeu 13 Déc - 18:31

    essayons celui-ci... merci ^^



    avatar
    shala
    FémininAge : 25Messages : 213

    le Mar 18 Déc - 19:43

    merci



    avatar
    milloo
    FémininAge : 25Messages : 21

    le Mar 18 Déc - 23:02

    Merci beaucoup pour ce code, ça change de l'ordinaire c'est parfait !
    avatar
    Patte Enflammée
    FémininAge : 22Messages : 5

    le Mer 19 Déc - 16:34

    .
    avatar
    Halkyore A. Feidelm
    FémininAge : 20Messages : 3

    le Ven 21 Déc - 15:31

    Merci pour les codes =)
    avatar
    Fantôme Noir †
    FémininAge : 21Messages : 52

    le Lun 24 Déc - 9:16

    Merci Very Happy
    *sens qu'elle va pas y arriver *
    avatar
    Neko Mimi
    FémininAge : 27Messages : 162

    le Mar 8 Jan - 13:09

    Merci aussi



    avatar
    erika02
    FémininAge : 21Messages : 259

    le Mer 9 Jan - 22:16

    Merchi du partage



    avatar
    Thedes
    FémininAge : 24Messages : 1

    le Jeu 10 Jan - 20:02

    Merci beaucoup d'avoir pris le temps pour expliquer cette astuce, je vais m'y mettre ! cheers
    avatar
    W.
    FémininAge : 19Messages : 127

    le Ven 11 Jan - 21:32

    Arigato~



    Je suis Charlie.
    avatar
    Ryoma
    MasculinAge : 29Messages : 420

    le Dim 13 Jan - 11:02

    Merci beaucoup !
    avatar
    Alyss Scarlet
    FémininAge : 22Messages : 167

    le Lun 14 Jan - 22:15

    Merci beaucoup c'est du très beau travail ! :)



    avatar
    Black Laugh
    FémininAge : 17Messages : 14

    le Mer 16 Jan - 17:43

    Merci elle est cool (:



    avatar
    TheDrakLord
    MasculinAge : 21Messages : 54

    le Sam 19 Jan - 15:43

    Merci



    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Sep - 21:53