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
    avatar
    Onyx
    FémininAge : 23Messages : 2767

    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 ^^
    avatar
    Enidech
    MasculinAge : 26Messages : 39

    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.
    avatar
    Noruenu
    FémininAge : 24Messages : 119

    le Mar 21 Jan 2014 - 23:04

      Merci ! :B
    avatar
    Ouat
    FémininAge : 33Messages : 74

    le Jeu 23 Jan 2014 - 9:05

    Très pratique, merci beaucoup !
    avatar
    Watchaaah
    FémininAge : 19Messages : 22

    le Mer 29 Jan 2014 - 17:41

    Superbe ! Merci beaucoup !
    avatar
    Fox.andBlue
    FémininAge : 23Messages : 105

    le Mer 29 Jan 2014 - 21:37

    Merci beaucoup pour le tuto!



    avatar
    mathou_inu
    FémininAge : 21Messages : 53

    le Mer 29 Jan 2014 - 22:44

    Merci !



    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Ven 31 Jan 2014 - 10:05

    Merci pour ce code

    cordialement

    Patricia



    Patricia :)
    avatar
    Apokalip'z
    MasculinAge : 23Messages : 287

    le Ven 31 Jan 2014 - 17:32

    merci c'est toujours pratique ce genre de code Very Happy



    avatar
    Uther
    MasculinAge : 20Messages : 93

    le Sam 1 Fév 2014 - 2:40

    Merci
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Sam 1 Fév 2014 - 11:08

    merci



    Patricia :)
    avatar
    Azzuen
    FémininAge : 18Messages : 61

    le Sam 1 Fév 2014 - 20:29

    Merci ~ 
    avatar
    Valhalla
    MasculinAge : 26Messages : 105

    le Dim 2 Fév 2014 - 13:14

    Merci beaucoup
    Jamy
    FémininAge : 27Messages : 37

    le Lun 3 Fév 2014 - 19:17

    Voyons voir ça ! :) merciii
    avatar
    x_Titia
    FémininAge : 26Messages : 92

    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
    avatar
    -Dr3ams-
    FémininAge : 24Messages : 29

    le Ven 7 Fév 2014 - 20:54

    Merci !
    avatar
    EOS
    MasculinAge : 24Messages : 34

    le Jeu 13 Fév 2014 - 4:22

    Merci
    avatar
    O'Daim
    FémininAge : 21Messages : 116

    le Jeu 13 Fév 2014 - 18:43

    Merci beaucoup !!
    avatar
    Whitemoon
    FémininAge : 16Messages : 695

    le Dim 16 Fév 2014 - 21:53

    Merci beaucoup !



    avatar
    CaféOlé
    MasculinAge : 28Messages : 349

    le Lun 17 Fév 2014 - 10:33

    merci, je veux décortiquer pour voir comment ça marche x)




    avatar
    Stitch56
    FémininAge : 23Messages : 197

    le Dim 23 Fév 2014 - 20:53

    Merci
    avatar
    Mwet
    MasculinAge : 21Messages : 116

    le Jeu 27 Fév 2014 - 7:24

    Merci beaucoup !
    Løve
    MasculinAge : 21Messages : 189

    le Jeu 27 Fév 2014 - 10:04

    Merci o/
    avatar
    Lady Doll
    FémininAge : 28Messages : 101

    le Sam 1 Mar 2014 - 16:52

    merciii =)
    avatar
    Adonaï
    FémininAge : 22Messages : 39

    le Sam 1 Mar 2014 - 21:01

    Merci pour le partage =D !
    Contenu sponsorisé


      La date/heure actuelle est Mer 29 Mar 2017 - 7:25