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.


    Onglets Flottants Onclick (Javascript)

    Partagez
    FémininAge : 23Message(s) : 2596

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    13/20  (13/20)
    Onyx
    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 ^^
    MasculinAge : 27Message(s) : 194
    Hayate747
    le Jeu 29 Jan 2015 - 11:15
    Merci !!
    FémininAge : 19Message(s) : 486

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    5/10  (5/10)
    Alumine
    le Mer 11 Fév 2015 - 15:19
    Je crois que c'est exactement ce que je cherchais à comprendre Very Happy Merci !



    Before...:

    mon ange gardien ♥
    MasculinAge : 29Message(s) : 31
    Eiffel01
    le Mer 11 Fév 2015 - 15:42
    Merci Very Happy
    FémininAge : 20Message(s) : 31
    Yuuchan
    le Sam 21 Fév 2015 - 19:06
    Merci !
    Invité
    le Dim 22 Fév 2015 - 10:18
    Merci !
    MasculinAge : 22Message(s) : 75
    MxPrime2
    le Mar 24 Fév 2015 - 19:33
    Super !
    MasculinAge : 35Message(s) : 78
    Caine Lornan
    le Mer 18 Mar 2015 - 21:06
    Merci
    FémininAge : 21Message(s) : 4
    Alcaline
    le Jeu 19 Mar 2015 - 11:13
    Merci :hug:
    FémininAge : 22Message(s) : 125
    Malf Claymore
    le Jeu 19 Mar 2015 - 13:16
    Merci beaucoup
    FémininAge : 26Message(s) : 118
    Celuna
    le Ven 20 Mar 2015 - 18:27
    Merci pour ce superbe partage.
    FémininAge : 20Message(s) : 253
    erika02
    le Dim 22 Mar 2015 - 16:06
    Merci


    FémininAge : 24Message(s) : 96
    chouchounette
    le Jeu 9 Avr 2015 - 1:53
    merci beaucoup !
    FémininAge : 30Message(s) : 239
    Euterpe
    le Jeu 9 Avr 2015 - 8:56
    cool merci
    MasculinAge : 35Message(s) : 22
    tutox
    le Jeu 9 Avr 2015 - 9:50
    merci
    FémininAge : 23Message(s) : 576

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    6/10  (6/10)
    Guilde des Architectes:
    0/10  (0/10)
    Kathee
    le Jeu 9 Avr 2015 - 15:26
    C'est super, merci beaucoup ! :)


    FémininAge : 21Message(s) : 16
    castamere rains
    le Dim 19 Avr 2015 - 20:52
    merci
    FémininAge : 20Message(s) : 68
    Crowley
    le Dim 19 Avr 2015 - 22:13
    Merci beaucoup pour le code ça va beaucoup m'aider !
    FémininAge : 16Message(s) : 42
    Chanel.♥
    le Ven 24 Avr 2015 - 21:28
    Merci ♥
    FémininAge : 18Message(s) : 80
    Heah92
    le Dim 31 Mai 2015 - 14:32
    merci Wink
    FémininAge : 19Message(s) : 181
    ~Nodoka~
    le Lun 1 Juin 2015 - 15:42
    merci *est curieuse de voir le code*
    FémininAge : 25Message(s) : 138
    Filou
    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 ^^
    MasculinAge : 23Message(s) : 141
    TiGraou
    le Dim 5 Juil 2015 - 6:56
    Merci
    FémininAge : 25Message(s) : 305
    Eil'liathan Tyan'Lirulin
    le Mar 7 Juil 2015 - 10:20
    Merci ^^
    MasculinAge : 22Message(s) : 21
    Mini007
    le Mer 8 Juil 2015 - 21:10
    merci Razz!
    FémininAge : 16Message(s) : 248

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Yuki Kaga
    le Ven 14 Aoû 2015 - 22:43
    Merchi ! :)
    Contenu sponsorisé
    Aujourd'hui à 3:25

      La date/heure actuelle est Sam 3 Déc 2016 - 3:25