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
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    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



    avatar
    Zooé
    FémininAge : 19Messages : 66

    le Dim 9 Juin 2013 - 13:37

    Merci
    avatar
    Jona'
    MasculinAge : 18Messages : 65

    le Mar 11 Juin 2013 - 22:30

    Merci.



    avatar
    Ekko
    FémininAge : 19Messages : 5

    le Mar 11 Juin 2013 - 22:43

    Merci !
    avatar
    Ariess
    MasculinAge : 18Messages : 44

    le Mer 12 Juin 2013 - 15:08

    Merci beaucoup ! Very Happy



    avatar
    Necro Seth
    MasculinAge : 28Messages : 30

    le Sam 15 Juin 2013 - 15:56

    Merci beaucoup pour ce tuto
    avatar
    Diboan
    MasculinAge : 24Messages : 7

    le Jeu 20 Juin 2013 - 0:21

    Merci !
    avatar
    Qare
    MasculinAge : 25Messages : 32

    le Ven 21 Juin 2013 - 15:39

    un grand merci ♥



    ♪♬ ♩ ♭♪ Never Cry ♪ Never Shine ♫ Never Die ♪♬ ♩ ♭♪

    avatar
    Ryuu
    FémininAge : 23Messages : 61

    le Lun 1 Juil 2013 - 14:14

    Merci Very Happy



    avatar
    NathanaelSane
    FémininAge : 23Messages : 73

    le Mar 9 Juil 2013 - 4:19

    merci
    avatar
    Kaminari Raiten
    MasculinAge : 19Messages : 46

    le Mer 10 Juil 2013 - 19:10

    Merci Very Happy
    avatar
    ´Saiketsu «
    MasculinAge : 19Messages : 80

    le Jeu 11 Juil 2013 - 1:36

    Je veux voir !
    avatar
    Train123
    MasculinAge : 16Messages : 40

    le Sam 20 Juil 2013 - 9:52

    merciiiiii
    avatar
    White Lady
    FémininAge : 24Messages : 28

    le Mer 24 Juil 2013 - 20:52

    Merci hihi !
    avatar
    poloch
    MasculinAge : 23Messages : 109

    le Jeu 25 Juil 2013 - 12:05

    Merci (:



    avatar
    machichi
    MasculinAge : 18Messages : 24

    le Ven 26 Juil 2013 - 21:26

    Merci pour ce tutoriel, hâte de le lire :)
    avatar
    Coca_Crash
    FémininAge : 20Messages : 36

    le Ven 26 Juil 2013 - 23:17

    Merci du partage o/
    avatar
    Invité

    le Sam 27 Juil 2013 - 22:41

    Merci !
    avatar
    Macaron
    FémininAge : 18Messages : 37

    le Dim 28 Juil 2013 - 13:24

    Merci
    avatar
    Aya-crochet
    FémininAge : 22Messages : 13

    le Mer 31 Juil 2013 - 13:24

    ouais merci Wink :krow3: 
    avatar
    Kureha
    FémininAge : 17Messages : 9

    le Sam 3 Aoû 2013 - 13:06

    Merci *^*
    avatar
    NellyFée
    FémininAge : 21Messages : 62

    le Dim 4 Aoû 2013 - 15:54

    Merci :)
    avatar
    Skyleen
    FémininAge : 24Messages : 476

    le Lun 5 Aoû 2013 - 13:31

    Merci *o*



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    avatar
    YellowBanana
    FémininAge : 25Messages : 94

    le Lun 5 Aoû 2013 - 22:22

    Merci sensei ! *.*
    avatar
    Wuh
    FémininAge : 28Messages : 2

    le Mar 6 Aoû 2013 - 12:42

    Merci !
    avatar
    Skyleen
    FémininAge : 24Messages : 476

    le Mer 7 Aoû 2013 - 14:30

    Superbe !!! Merci *o*



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    Contenu sponsorisé


      La date/heure actuelle est Mer 29 Mar 2017 - 3:24