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 : 2687

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

    le Mar 21 Jan 2014 - 23:04

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

    le Jeu 23 Jan 2014 - 9:05

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

    le Mer 29 Jan 2014 - 17:41

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

    le Mer 29 Jan 2014 - 21:37

    Merci beaucoup pour le tuto!



    mathou_inu
    FémininAge : 21Messages : 53

    le Mer 29 Jan 2014 - 22:44

    Merci !



    patriciadpt30
    FémininAge : 54Messages : 240

    le Ven 31 Jan 2014 - 10:05

    Merci pour ce code

    cordialement

    Patricia



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

    le Ven 31 Jan 2014 - 17:32

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



    Uther
    MasculinAge : 20Messages : 93

    le Sam 1 Fév 2014 - 2:40

    Merci
    patriciadpt30
    FémininAge : 54Messages : 240

    le Sam 1 Fév 2014 - 11:08

    merci



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

    le Sam 1 Fév 2014 - 20:29

    Merci ~ 
    Valhalla
    MasculinAge : 25Messages : 102

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

    le Ven 7 Fév 2014 - 20:54

    Merci !
    EOS
    MasculinAge : 23Messages : 34

    le Jeu 13 Fév 2014 - 4:22

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

    le Jeu 13 Fév 2014 - 18:43

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

    le Dim 16 Fév 2014 - 21:53

    Merci beaucoup !



    CaféOlé
    MasculinAge : 27Messages : 349

    le Lun 17 Fév 2014 - 10:33

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




    Stitch56
    FémininAge : 23Messages : 197

    le Dim 23 Fév 2014 - 20:53

    Merci
    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/
    Lady Doll
    FémininAge : 27Messages : 101

    le Sam 1 Mar 2014 - 16:52

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

    le Sam 1 Mar 2014 - 21:01

    Merci pour le partage =D !
    Contenu sponsorisé

    Aujourd'hui à 0:39


      La date/heure actuelle est Dim 22 Jan 2017 - 0:39