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/QUEEL en accordéon vertical sur clic ! [HTML/CSS/JAVASCRIPT]

    Partagez
    Glycérine
    FémininAge : 28Messages : 307

    le Mer 8 Fév - 12:16

    Rappel du premier message :

    Encore un ? Pourquoi ?

    Bonjour, bonjour !

    Aujourd'hui et pour ma première astuce, j'adapte un code de Sparrow-style (avec sa permission Wink) qui est l'un de ses célèbres accordéons ! Mais avec du JavaScript cette fois !
    En effet, vous avez été quelques uns à vous demander s'il était possible "d'avoir le même mais avec clic et pas survol". Donc, on l'a fait. Et comme je suis pas douée pour les longs discours, voyez par vous même !

    >> Aperçu <<

    Comme pour celui de Sparrow, il vous sera possible de changer les couleurs et/ou images de fond pour chaque onglet ou encore de modifier le fond du contenu, les images, la taille (l'astuce pour la taille est à la fin, au départ le contenu a 250px de hauteur), tout ça quoi ^^.

    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




    Pour avoir un onglet ouvert dès le départ




    Dernière édition par Glycérine le Dim 15 Juil - 9:38, édité 3 fois




    りん
    FémininAge : 24Messages : 73

    le Mer 29 Fév - 9:25

    Merci pour l'astuce ~
    Haaken
    FémininAge : 22Messages : 43

    le Ven 2 Mar - 5:04

    Merci beaucoup pour le tuto ! Very Happy
    TUC
    FémininAge : 29Messages : 103

    le Lun 5 Mar - 17:56

    merci (:



    Theblacktemplar
    MasculinAge : 40Messages : 4

    le Mer 7 Mar - 15:23

    Cela serait pour une intégration d'un accordéon vertical 8 menu dans une widget. Après je ne sais pas exactement ce qu'il faut faire , c'est pourquoi je cherche de l'aide

    merci d'avance
    Dr. Karlos
    MasculinAge : 21Messages : 14

    le Mer 7 Mar - 16:08

    Wow!
    Taktiik
    MasculinAge : 22Messages : 2291

    le Mer 7 Mar - 16:30

    Glycérine, tu es ma déesse *_* !

    Merci beaucoup !
    Taktiik.

    jean44
    Messages : 15

    le Mer 7 Mar - 17:35

    merci
    Solstice
    MasculinAge : 32Messages : 72

    le Jeu 8 Mar - 7:26

    J'suis très curieux :lol:
    Dastan
    MasculinAge : 32Messages : 111

    le Jeu 8 Mar - 13:13

    Je trouve ca super! merci!
    Vampi
    FémininAge : 20Messages : 56

    le Ven 23 Mar - 7:09

    Merci (:




    Merci Yakkuru =D

    Spoiler:

    Merci Jiyuu =D
    Laxuslightning
    MasculinAge : 23Messages : 48

    le Sam 24 Mar - 10:01

    Merci beaucoup !
    Riingo
    FémininAge : 20Messages : 17

    le Mer 28 Mar - 15:30

    Merci !
    Mario
    MasculinAge : 20Messages : 183

    le Ven 30 Mar - 17:48

    Merci n_n



    Parka
    MasculinAge : 37Messages : 100

    le Ven 30 Mar - 18:04

    Voir
    Ayael
    FémininAge : 21Messages : 550

    le Mer 4 Avr - 14:45

    Merci je cherchais justement un script de menu déroulant^^!

    Midnigth
    MasculinAge : 21Messages : 61

    le Mer 4 Avr - 20:51

    merci ^^
    blaster
    MasculinAge : 21Messages : 32

    le Jeu 5 Avr - 15:53

    Merci





    Je serais Abs du 06/08 jusqu'au 26/08 , je vous prie de ne pas supprimez mes topics !!
    Tamaki
    MasculinAge : 24Messages : 7

    le Jeu 5 Avr - 18:57

    Joli et pratique. Merci !
    Kawel
    MasculinAge : 23Messages : 203

    le Sam 7 Avr - 12:55

    I want see *o*
    Merci pour le partage Wink



    Invité

    le Dim 8 Avr - 12:34

    Merci beaucoup (:
    cosmos-chann
    FémininAge : 19Messages : 115

    le Dim 8 Avr - 13:01

    Merci
    Sably
    FémininAge : 19Messages : 36

    le Jeu 19 Avr - 16:39

    Merci =)



    Rozenbrez
    FémininAge : 25Messages : 1177

    le Jeu 19 Avr - 17:11

    Merci pour ce tuto ^^



    chienchila
    FémininAge : 24Messages : 6

    le Ven 20 Avr - 20:46

    Merci !
    Bang!
    FémininAge : 26Messages : 32

    le Ven 18 Mai - 22:55

    Merci pour le tuto !



    ham7
    Contenu sponsorisé

    Aujourd'hui à 8:51


      La date/heure actuelle est Sam 10 Déc - 8:51