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) : 59
    Chaussette
    le Jeu 9 Aoû 2012 - 16:37
    Merci. =D
    FémininAge : 20Message(s) : 54
    Missa
    le Mar 14 Aoû 2012 - 18:15
    Merci !


    FémininAge : 41Message(s) : 236
    Solitude
    le Mer 15 Aoû 2012 - 21:15
    Merci


    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    FémininAge : 23Message(s) : 31
    Lucrécya
    le Mer 15 Aoû 2012 - 21:20
    Merci j'ai trop envie de tester ! ❤
    FémininAge : 20Message(s) : 75
    mini-mimi
    le Jeu 16 Aoû 2012 - 18:04
    Par curiosité :heart:
    MasculinAge : 23Message(s) : 112
    Shinji Raiken
    le Sam 18 Aoû 2012 - 17:02
    Merci.
    MasculinAge : 17Message(s) : 60
    Enzoinazuma
    le Sam 18 Aoû 2012 - 17:27
    MErci.
    FémininAge : 21Message(s) : 34
    Reeta
    le Mar 21 Aoû 2012 - 16:41
    Ow, merci **
    MasculinAge : 19Message(s) : 23
    Iςħĩgø
    le Mar 21 Aoû 2012 - 18:30
    Pas banane ! ham6






    Le mec le + Styléééé
    Oué Je gère héhé


    FémininAge : 23Message(s) : 15
    Verresita
    le Jeu 23 Aoû 2012 - 15:53
    Beaucoup, je vous remercie beaucoup!
    Brillant :3
    FémininAge : 27Message(s) : 9
    Mzlle Alice
    le Dim 26 Aoû 2012 - 15:20
    Merci beaucoup pour le tutoriel. :heart:
    Je créditerai si jamais j'utilise ça.
    FémininAge : 20Message(s) : 152
    Zarwins
    le Mer 29 Aoû 2012 - 8:38
    Ohhh je cherchait cela merciiii <3


    MasculinAge : 26Message(s) : 34
    fafa
    le Jeu 30 Aoû 2012 - 12:22
    merci
    FémininAge : 20Message(s) : 5
    Summer15
    le Dim 9 Sep 2012 - 17:08
    Je vais essayer ce tutoriel n_n
    Merci pour tout <3
    FémininAge : 29Message(s) : 37
    Ohani
    le Mar 11 Sep 2012 - 21:11
    GG je suis séduite <3


    MasculinAge : 16Message(s) : 7
    Tzuko
    le Dim 16 Sep 2012 - 14:58
    Waouh superbe !
    MasculinAge : 24Message(s) : 19
    karma71620
    le Dim 23 Sep 2012 - 1:29
    merci :)
    MasculinAge : 23Message(s) : 101
    DoDo94
    le Jeu 4 Oct 2012 - 15:22
    Merci !!


    [center]
    <~::Kit by Moi::~>
    MasculinAge : 15Message(s) : 54
    FightStorm
    le Ven 19 Oct 2012 - 20:59
    MERCI


    FémininAge : 28Message(s) : 29
    Clémy
    le Sam 20 Oct 2012 - 21:42
    Merci! Very Happy
    FémininAge : 27Message(s) : 18
    Ezab
    le Lun 22 Oct 2012 - 19:23
    Merci :)
    FémininAge : 16Message(s) : 71
    Milaow
    le Lun 5 Nov 2012 - 11:02
    Merci Very Happy
    MasculinAge : 23Message(s) : 51
    Fares
    le Mar 13 Nov 2012 - 23:45
    Mrci :)
    FémininAge : 28Message(s) : 78

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Malice1329
    le Jeu 15 Nov 2012 - 3:12
    merci beaucoup
    FémininAge : 23Message(s) : 370

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Edel
    le Dim 25 Nov 2012 - 0:32
    Thanks !! Very Happy


    Mon métier et mon art, c'est vivre - Montaigne
    Contenu sponsorisé
    Aujourd'hui à 5:26

      La date/heure actuelle est Mer 28 Sep 2016 - 5:26