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
    Baka Kitsune Maaka
    FémininAge : 24Messages : 22

    le Jeu 8 Aoû 2013 - 22:45

    *_* Merci !



    avatar
    Summeryoid
    FémininAge : 22Messages : 32

    le Ven 9 Aoû 2013 - 0:23

    Merci <3



    avatar
    Dark6nika
    FémininAge : 23Messages : 118

    le Sam 10 Aoû 2013 - 11:25

    Ah c'est vraiment super ça pour libérer un peu d'espace sur la PA ! Merci beaucoup ! =D



    avatar
    Prince Of Spades
    MasculinAge : 23Messages : 50

    le Ven 16 Aoû 2013 - 19:00

    Comme toujours, c'est exactement ce que je cherchais ! *.* Grand merci !
    avatar
    Rodeuse
    FémininAge : 23Messages : 142

    le Dim 18 Aoû 2013 - 11:46

    merci
    avatar
    Cherry'
    FémininAge : 20Messages : 59

    le Lun 19 Aoû 2013 - 15:28

    merci beaucoup ♥
    PetitFermier
    MasculinAge : 17Messages : 445

    le Lun 19 Aoû 2013 - 16:42

    :) Merci (:
    avatar
    Ema Skye
    FémininAge : 18Messages : 134

    le Lun 19 Aoû 2013 - 19:05

    Mercii !
    avatar
    Chione
    MasculinAge : 16Messages : 396

    le Sam 24 Aoû 2013 - 18:03

    Merci




    FEZ!FEZ!
    avatar
    Argy
    FémininAge : 18Messages : 98

    le Dim 25 Aoû 2013 - 10:45

    Merci ^^
    avatar
    Eoleum
    FémininAge : 24Messages : 15

    le Mar 27 Aoû 2013 - 0:02

    Merci. °w°
    avatar
    Didi1991
    FémininAge : 26Messages : 27

    le Ven 30 Aoû 2013 - 17:03

    En super *.* Merci beaucoup Very Happy
    avatar
    Noir
    FémininAge : 24Messages : 16

    le Mar 3 Sep 2013 - 3:16

    Merci pour le code! ♥



    avatar
    erika02
    FémininAge : 20Messages : 253

    le Mar 3 Sep 2013 - 10:50

    merci Very Happy



    avatar
    Or
    FémininAge : 16Messages : 10

    le Dim 8 Sep 2013 - 11:07

    Merci
    avatar
    Cocotawa
    FémininAge : 20Messages : 31

    le Dim 8 Sep 2013 - 15:45

    Merci Very Happy
    avatar
    -Mishirame-
    FémininAge : 23Messages : 26

    le Lun 9 Sep 2013 - 16:28

    ty
    avatar
    Kathee
    FémininAge : 23Messages : 579

    le Lun 9 Sep 2013 - 19:51

    Merci beaucoup !:)
    avatar
    Capouccino
    FémininAge : 19Messages : 165

    le Jeu 19 Sep 2013 - 20:48

    Merci cap'taine o/



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Sakura-chan
    FémininAge : 19Messages : 180

    le Lun 23 Sep 2013 - 17:22

    Merci !
    avatar
    Jimmy
    MasculinAge : 21Messages : 166

    le Mar 24 Sep 2013 - 20:10

    voir !
    avatar
    Hebat
    FémininAge : 25Messages : 45

    le Jeu 3 Oct 2013 - 12:46

    merci =D
    avatar
    Alzufen
    MasculinAge : 21Messages : 2103

    le Dim 6 Oct 2013 - 1:26

    Merci Cap'taine Wink Ca peut toujours servir d'avoir un tuto de toi quand on veut faire quelque chose et que... ça semble pas marcher XD



    avatar
    Mayiie
    FémininAge : 26Messages : 37

    le Lun 14 Oct 2013 - 23:05

    Merci ! Very Happy
    avatar
    Shanilae
    FémininAge : 23Messages : 76

    le Dim 20 Oct 2013 - 13:53

    Merci beaucoup ! =)
    Contenu sponsorisé


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