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.


    Onglet flottant ouvrable "onClic" (CSS only !)

    Partagez
    Okhmhaka
    FémininAge : 31Messages : 31708

    le Sam 24 Nov 2012 - 0:19

    Rappel du premier message :

    Hello x)

    A la demande de Michiyo et comme promis je poste le tutoriel permettant de réaliser un onglet dans le même type que celui-ci (le truc en jaune à gauche qui s'ouvre en hover ^^) mais qui s'ouvre au clic et non au survol. De plus, histoire de faire les choses entièrement, j'ai fait en sorte que le bouton "ouvrir" se change en "fermer" une fois ouvert ! (tant qu'à faire hein...)

    Voici donc l'aperçu :




    Vous avez donc là un espace que vous pourrez agrandir au besoin pour y mettre ce que vous souhaitez : top site, liens, news... à la limite et avec la bonne taille vous pouvez même y glisser votre CB ! x)

    Pour voir le contenu du message merci de poster à sa suite, un petit merci par exemple, ça fait toujours plaisir.



    Voilà ! J'espère que ça vous sera utile, c'est une alternative à celui qui se déplie en hover, et même si l'écriture du css est un peu complexe au départ (pour moi pas pour vous XD) c'est un fonctionnement simple et sans javascript.

    En cas d'utilisation de ces codes merci de mettre un crédit à Never-Utopia sur votre forum, même si vous personnalisez le code il n'en est pas moins conçu par quelqu'un d'autre, en l'occurrence moi puisque je l'ai rédigé en partant d'une feuille blanche, donc il est normal de ne pas simplement se l'approprier sans autre forme de respect. Un petit crédit, ce n'est pas grand chose, et nous ne demandons que ça x)


    Dernière édition par Sparrow-style le Jeu 28 Mar 2013 - 16:18, édité 1 fois



    OneNess
    FémininAge : 18Messages : 8

    le Dim 24 Fév 2013 - 12:51

    Merci beaucoup ! Very Happy
    TATACARO13
    FémininAge : 41Messages : 80

    le Mar 26 Fév 2013 - 19:46

    merci





    Apokalip'z
    MasculinAge : 23Messages : 287

    le Jeu 28 Fév 2013 - 12:32

    merci du partage ^^



    Lou 77
    FémininAge : 19Messages : 13

    le Ven 1 Mar 2013 - 19:01

    Génial ** Merci
    'Christa
    FémininAge : 31Messages : 107

    le Sam 2 Mar 2013 - 12:49

    Je me permets de jeter un oeil, merci pour le code Wink
    katia06
    FémininAge : 47Messages : 192

    le Sam 2 Mar 2013 - 19:50

    merci pour ce tutoriel



    Nahana Pinlane
    FémininAge : 15Messages : 46

    le Dim 3 Mar 2013 - 17:29

    LE truc qui va me sauver la vie *o*
    Merci beaucoup *w* !
    Tchii
    FémininAge : 30Messages : 216

    le Lun 4 Mar 2013 - 11:34

    Voyons voir ça!
    Merci!
    A trés vite!
    Tchii!
    Bloody Dreams
    MasculinAge : 21Messages : 25

    le Mer 6 Mar 2013 - 13:49

    Merchi beaucoup Very Happy.
    Stitch56
    FémininAge : 23Messages : 197

    le Dim 10 Mar 2013 - 12:10

    merci *0*
    Mika-chan
    FémininAge : 24Messages : 76

    le Dim 17 Mar 2013 - 19:59

    Merci :)
    Apollo Justice
    MasculinAge : 20Messages : 1165

    le Mer 20 Mar 2013 - 23:49

    Merci. :)




    À bout de bras, à bout de larmes, j'ai construit mon Paradis
    J'ai fait comme Magritte, j'ai mis un verre sur l'parapluie
    Dans ma tête, j'ai tout rangé, j'ai soigné ma maladie
    Et je prends gout à être carré, un peu comme un cube Maggi
    Et je me sens comme Tyson, sur son toit, devant son pigeonnier
    Je l'ai déjà prouvé, j'ferais tout pour protéger
    Mon petit coin de Paradis, mon sas de décompression
    God damn, je suis happy, personne pourra m'le voler
    Je suis high, je suis high, sans avion, j'ai décollé
    Entouré des miens, je suis comme auréolé!
    Edana
    FémininAge : 26Messages : 167

    le Lun 25 Mar 2013 - 18:45

    Oh c'est chouette tout ça! *_* Merci!^^
    Solitude
    FémininAge : 41Messages : 251

    le Mer 27 Mar 2013 - 20:20

    Merci d'avance.



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Miistracy
    FémininAge : 23Messages : 13

    le Lun 1 Avr 2013 - 16:49

    Merci !
    Rapsodie♥
    FémininAge : 24Messages : 63

    le Mer 3 Avr 2013 - 17:05

    merci



    - Ecrire, c'est ranger le bordel qu'on a dans sa tête. -
    Amera
    FémininAge : 24Messages : 67

    le Ven 5 Avr 2013 - 2:44

    Merci beaucoup !



    Fallaha
    FémininMessages : 80

    le Mar 9 Avr 2013 - 3:58

    merci beaucoup :)
    Lilie
    FémininAge : 33Messages : 151

    le Mar 9 Avr 2013 - 12:12

    Oh sympa ! Merci bien ^^
    fregadeth
    MasculinAge : 39Messages : 80

    le Jeu 11 Avr 2013 - 19:14

    Merci :)
    Nightbird83
    MasculinAge : 25Messages : 22

    le Dim 14 Avr 2013 - 0:10

    Génial ! Merci !
    AllianceShinobi
    MasculinAge : 23Messages : 71

    le Ven 19 Avr 2013 - 8:37

    wouhh merci, je trouve tout tes tutoriel vraiment sympa!
    November-PoWa
    FémininAge : 20Messages : 16

    le Ven 19 Avr 2013 - 17:10

    BM JE LE CHERCHAIS ! X) MERCI
    Hope
    MasculinAge : 19Messages : 763

    le Ven 19 Avr 2013 - 17:16

    yop' ^^
    You.Fool
    FémininAge : 20Messages : 39

    le Sam 20 Avr 2013 - 16:19

    Merci Capitaine !!



    Contenu sponsorisé

    Aujourd'hui à 17:32


      La date/heure actuelle est Lun 5 Déc 2016 - 17:32