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
    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 : 25Message(s) : 39
    Enidech
    le Sam 18 Jan 2014 - 19:59
    Bonjour !  Very Happy 

    Merci à toi, c'est génial, c'est exactement ce que je recherchais! Il est vrai que le retour en haut de page de l'onglet de Sparrow est gênant, en revanche j'adore son contenu, j'aimerais savoir faire le même genre de personnalisation haha ^^

    Cordialement, Dech.
    FémininAge : 24Message(s) : 115
    Noruenu
    le Mar 21 Jan 2014 - 23:04
      Merci ! :B
    FémininAge : 32Message(s) : 74
    Ouat
    le Jeu 23 Jan 2014 - 9:05
    Très pratique, merci beaucoup !
    FémininAge : 19Message(s) : 22
    Watchaaah
    le Mer 29 Jan 2014 - 17:41
    Superbe ! Merci beaucoup !
    FémininAge : 22Message(s) : 105

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Fox.andBlue
    le Mer 29 Jan 2014 - 21:37
    Merci beaucoup pour le tuto!


    FémininAge : 21Message(s) : 53
    mathou_inu
    le Mer 29 Jan 2014 - 22:44
    Merci !


    FémininAge : 53Message(s) : 240
    patriciadpt30
    le Ven 31 Jan 2014 - 10:05
    Merci pour ce code

    cordialement

    Patricia


    Patricia :)
    MasculinAge : 23Message(s) : 287
    Apokalip'z
    le Ven 31 Jan 2014 - 17:32
    merci c'est toujours pratique ce genre de code Very Happy


    MasculinAge : 19Message(s) : 93
    Uther
    le Sam 1 Fév 2014 - 2:40
    Merci
    FémininAge : 53Message(s) : 240
    patriciadpt30
    le Sam 1 Fév 2014 - 11:08
    merci


    Patricia :)
    FémininAge : 18Message(s) : 59
    Azzuen
    le Sam 1 Fév 2014 - 20:29
    Merci ~ 
    MasculinAge : 25Message(s) : 102
    Valhalla
    le Dim 2 Fév 2014 - 13:14
    Merci beaucoup
    FémininAge : 27Message(s) : 37

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Jamy
    le Lun 3 Fév 2014 - 19:17
    Voyons voir ça ! :) merciii
    FémininAge : 25Message(s) : 92
    x_Titia
    le Mar 4 Fév 2014 - 11:41
    Il y a un petit moment je cherchais ce genre de code! ^^
    Merci du partage! Very Happy
    FémininAge : 23Message(s) : 29
    -Dr3ams-
    le Ven 7 Fév 2014 - 20:54
    Merci !
    MasculinAge : 23Message(s) : 34
    EOS
    le Jeu 13 Fév 2014 - 4:22
    Merci
    FémininAge : 21Message(s) : 115
    O'Daim
    le Jeu 13 Fév 2014 - 18:43
    Merci beaucoup !!
    FémininAge : 16Message(s) : 695

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    3/10  (3/10)
    Whitemoon
    le Dim 16 Fév 2014 - 21:53
    Merci beaucoup !


    MasculinAge : 27Message(s) : 349
    CaféOlé
    le Lun 17 Fév 2014 - 10:33
    merci, je veux décortiquer pour voir comment ça marche x)



    FémininAge : 23Message(s) : 197
    Stitch56
    le Dim 23 Fév 2014 - 20:53
    Merci
    MasculinAge : 21Message(s) : 116
    Mwet
    le Jeu 27 Fév 2014 - 7:24
    Merci beaucoup !
    MasculinAge : 21Message(s) : 189
    Løve
    le Jeu 27 Fév 2014 - 10:04
    Merci o/
    FémininAge : 27Message(s) : 101
    Lady Doll
    le Sam 1 Mar 2014 - 16:52
    merciii =)
    FémininAge : 22Message(s) : 39

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Adonaï
    le Sam 1 Mar 2014 - 21:01
    Merci pour le partage =D !
    Contenu sponsorisé
    Aujourd'hui à 16:37

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