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

    le Sam 18 Jan - 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.
    Noruenu
    FémininAge : 24Messages : 119

    le Mar 21 Jan - 23:04

      Merci ! :B
    Ouat
    FémininAge : 32Messages : 74

    le Jeu 23 Jan - 9:05

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

    le Mer 29 Jan - 17:41

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

    le Mer 29 Jan - 21:37

    Merci beaucoup pour le tuto!



    mathou_inu
    FémininAge : 21Messages : 53

    le Mer 29 Jan - 22:44

    Merci !



    patriciadpt30
    FémininAge : 54Messages : 240

    le Ven 31 Jan - 10:05

    Merci pour ce code

    cordialement

    Patricia



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

    le Ven 31 Jan - 17:32

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



    Uther
    MasculinAge : 20Messages : 93

    le Sam 1 Fév - 2:40

    Merci
    patriciadpt30
    FémininAge : 54Messages : 240

    le Sam 1 Fév - 11:08

    merci



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

    le Sam 1 Fév - 20:29

    Merci ~ 
    Valhalla
    MasculinAge : 25Messages : 105

    le Dim 2 Fév - 13:14

    Merci beaucoup
    Jamy
    FémininAge : 27Messages : 37

    le Lun 3 Fév - 19:17

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

    le Mar 4 Fév - 11:41

    Il y a un petit moment je cherchais ce genre de code! ^^
    Merci du partage! Very Happy
    -Dr3ams-
    FémininAge : 24Messages : 29

    le Ven 7 Fév - 20:54

    Merci !
    EOS
    MasculinAge : 23Messages : 34

    le Jeu 13 Fév - 4:22

    Merci
    O'Daim
    FémininAge : 21Messages : 115

    le Jeu 13 Fév - 18:43

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

    le Dim 16 Fév - 21:53

    Merci beaucoup !



    CaféOlé
    MasculinAge : 28Messages : 349

    le Lun 17 Fév - 10:33

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




    Stitch56
    FémininAge : 23Messages : 197

    le Dim 23 Fév - 20:53

    Merci
    Mwet
    MasculinAge : 21Messages : 116

    le Jeu 27 Fév - 7:24

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

    le Jeu 27 Fév - 10:04

    Merci o/
    Lady Doll
    FémininAge : 27Messages : 101

    le Sam 1 Mar - 16:52

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

    le Sam 1 Mar - 21:01

    Merci pour le partage =D !
    Contenu sponsorisé


      La date/heure actuelle est Sam 25 Fév - 17:08