Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 27Message(s) : 307

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Glycérine
    le Mer 8 Fév 2012 - 13: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 2012 - 11:38, édité 3 fois



    FémininAge : 23Message(s) : 39
    alexee29
    le Mer 28 Nov 2012 - 7:24
    Merci :)!
    MasculinAge : 19Message(s) : 72

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    ♕ William
    le Mar 11 Déc 2012 - 20:00
    Very Happy



    William
    MasculinAge : 20Message(s) : 109
    Eques
    le Mer 2 Jan 2013 - 4:45
    Merci :)
    MasculinAge : 21Message(s) : 54
    Teseu
    le Sam 5 Jan 2013 - 5:09
    Merci
    MasculinAge : 19Message(s) : 1
    Cornichoux
    le Mer 23 Jan 2013 - 19:51
    Merci!
    FémininAge : 22Message(s) : 8
    Kitara-naruto-final
    le Dim 27 Jan 2013 - 22:40
    Merci
    FémininAge : 20Message(s) : 24
    Kannone
    le Sam 9 Fév 2013 - 15:08
    Merci
    FémininAge : 21Message(s) : 16
    Sunshiine*
    le Lun 11 Fév 2013 - 20:39
    Merci !
    MasculinAge : 21Message(s) : 55
    Max Rénix
    le Mar 5 Mar 2013 - 19:40
    THX
    MasculinAge : 16Message(s) : 132
    Togira Ikonoka
    le Jeu 7 Mar 2013 - 16:03
    Merci Razz


    FémininAge : 16Message(s) : 79
    Hyde
    le Mar 12 Mar 2013 - 12:16
    Thank's =D !


    MasculinAge : 34Message(s) : 12
    EvilGibo
    le Ven 22 Mar 2013 - 11:10
    ce code, sert-il pour phpbb3 ? ? >////<
    FémininAge : 26Message(s) : 25
    Leiden
    le Sam 23 Mar 2013 - 15:27
    Merci !
    FémininMessage(s) : 30
    Mako
    le Lun 1 Avr 2013 - 15:15
    Merci !
    Invité
    le Lun 8 Avr 2013 - 20:55
    Curieuse de voir cela ^^
    Merci du partage x)
    FémininAge : 15Message(s) : 15
    Mélodie Chantante
    le Sam 13 Avr 2013 - 17:51
    Merci !
    MasculinAge : 23Message(s) : 20
    Aaraluen Reset
    le Mar 16 Avr 2013 - 18:27
    Merci ^^
    FémininAge : 26Message(s) : 34
    Siobhan
    le Jeu 2 Mai 2013 - 14:49
    Merci, je vais essayer de ce pas Wink
    FémininAge : 41Message(s) : 80
    TATACARO13
    le Sam 4 Mai 2013 - 18:40
    merci




    MasculinAge : 23Message(s) : 71
    AllianceShinobi
    le Mer 8 Mai 2013 - 22:38
    Je t'aime l'auteur !!!!! <3
    MasculinAge : 23Message(s) : 71
    AllianceShinobi
    le Mer 8 Mai 2013 - 22:44
    Mince l'auteur, pourrais tu faire un tuto pour les accordéons horizontal s'il te plait ?
    FémininAge : 26Message(s) : 144
    Natsuya Gaïaguard
    le Dim 12 Mai 2013 - 14:41
    arigato ^^


    FémininAge : 19Message(s) : 1036
    .Hunter
    le Dim 12 Mai 2013 - 18:31
    Merci du partage, même si c'est pas trop mon style de QEEL..


    FémininAge : 22Message(s) : 92
    Meilia
    le Sam 25 Mai 2013 - 16:07
    Merci ^^
    MasculinAge : 23Message(s) : 18
    Coco-Drift
    le Lun 27 Mai 2013 - 11:42
    Ça gère, merci beaucoup !
    Contenu sponsorisé
    Aujourd'hui à 8:59

      La date/heure actuelle est Mar 27 Sep 2016 - 8:59