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.


    Onglets Flottants Onclick (Javascript)

    Partagez
    Onyx
    FémininAge : 23Messages : 2725

    le Sam 11 Jan 2014 - 5:11

    Rappel du premier message :

    Bouh!

    Autant j'aime bien les onglets flottants de Sparrow, autant je trouve désagréable de toujours retourner en haut du forum quand on ouvre ou ferme l'onglet comme c'est le cas avec le bouton "Affichage" du présent design.

    Du coup, j'ai laissé tombé l'idée d'utiliser le CSS3 pour ça et me voilà avec cette astuce qui  a pour but de vous donner le même résultat que celui de Sparrow, mais sans ce désagrément Wink

    Sachant que tout le monde n'adore pas nécessairement grapher, vous avez l'option d'avoir un bouton pour ouvrir/fermer l'onglet fait avec images ou sans ^^

    Je vous montre un petit exemple juste ici avec la méthode qui ne demande pas d'image.



    Un merci de votre part et les codes sont à vous ~
    (et n'oubliez pas de créditer N-U è_é)

    PS: Je me suis inspirée de ce tuto pour faire ceci si certains sont intéressés ^^
    Hayate747
    MasculinAge : 27Messages : 194

    le Jeu 29 Jan 2015 - 11:15

    Merci !!
    Alumine
    FémininAge : 19Messages : 487

    le Mer 11 Fév 2015 - 15:19

    Je crois que c'est exactement ce que je cherchais à comprendre Very Happy Merci !



    Alumine
    Eiffel01
    MasculinAge : 30Messages : 32

    le Mer 11 Fév 2015 - 15:42

    Merci Very Happy
    Yuuchan
    FémininAge : 20Messages : 31

    le Sam 21 Fév 2015 - 19:06

    Merci !
    Invité

    le Dim 22 Fév 2015 - 10:18

    Merci !
    MxPrime2
    MasculinAge : 22Messages : 76

    le Mar 24 Fév 2015 - 19:33

    Super !
    Caine Lornan
    MasculinAge : 35Messages : 78

    le Mer 18 Mar 2015 - 21:06

    Merci
    Alcaline
    FémininAge : 22Messages : 4

    le Jeu 19 Mar 2015 - 11:13

    Merci :hug:
    Malf Claymore
    FémininAge : 22Messages : 125

    le Jeu 19 Mar 2015 - 13:16

    Merci beaucoup
    Celuna
    FémininAge : 26Messages : 120

    le Ven 20 Mar 2015 - 18:27

    Merci pour ce superbe partage.
    erika02
    FémininAge : 20Messages : 253

    le Dim 22 Mar 2015 - 16:06

    Merci



    chouchounette
    FémininAge : 24Messages : 96

    le Jeu 9 Avr 2015 - 1:53

    merci beaucoup !
    Euterpe
    FémininAge : 30Messages : 258

    le Jeu 9 Avr 2015 - 8:56

    cool merci
    tutox
    MasculinAge : 35Messages : 22

    le Jeu 9 Avr 2015 - 9:50

    merci
    Kathee
    FémininAge : 23Messages : 579

    le Jeu 9 Avr 2015 - 15:26

    C'est super, merci beaucoup ! :)
    castamere rains
    FémininAge : 21Messages : 16

    le Dim 19 Avr 2015 - 20:52

    merci
    Crowley
    FémininAge : 20Messages : 68

    le Dim 19 Avr 2015 - 22:13

    Merci beaucoup pour le code ça va beaucoup m'aider !
    Chanel.♥
    FémininAge : 16Messages : 42

    le Ven 24 Avr 2015 - 21:28

    Merci ♥
    Heah92
    FémininAge : 18Messages : 80

    le Dim 31 Mai 2015 - 14:32

    merci Wink
    ~Nodoka~
    FémininAge : 19Messages : 181

    le Lun 1 Juin 2015 - 15:42

    merci *est curieuse de voir le code*
    Filou
    FémininAge : 25Messages : 138

    le Dim 7 Juin 2015 - 15:45

    Bonjour,

    Ce tutoriel serait celui que je recherche depuis tant de jours ? °-°
    Je croise les doigts !

    Merci pour le partage ^^
    TiGraou
    MasculinAge : 23Messages : 174

    le Dim 5 Juil 2015 - 6:56

    Merci
    Eil'liathan Tyan'Lirulin
    FémininAge : 25Messages : 306

    le Mar 7 Juil 2015 - 10:20

    Merci ^^
    Mini007
    MasculinAge : 23Messages : 21

    le Mer 8 Juil 2015 - 21:10

    merci Razz!
    Yuki Kaga
    FémininAge : 16Messages : 255

    le Ven 14 Aoû 2015 - 22:43

    Merchi ! :)
    Contenu sponsorisé


      La date/heure actuelle est Sam 25 Fév 2017 - 5:35