Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    MasculinAge : 31Message(s) : 31698

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    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


    MasculinAge : 24Message(s) : 41
    Magico
    le Lun 7 Mar 2016 - 7:42
    Merci
    FémininAge : 20Message(s) : 250
    Aki'
    le Sam 12 Mar 2016 - 11:45
    Merci
    MasculinAge : 48Message(s) : 147
    Coco-Lapin02
    le Sam 26 Mar 2016 - 1:21
    Merci
    FémininAge : 16Message(s) : 58
    Madness of Wonderland
    le Dim 3 Avr 2016 - 16:38
    merci
    FémininAge : 18Message(s) : 113
    Kai Parker
    le Sam 30 Avr 2016 - 18:18
    Merci beaucoup *^*
    FémininAge : 20Message(s) : 121

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Isalia
    le Mer 11 Mai 2016 - 23:09
    Merci *^*
    FémininAge : 25Message(s) : 54

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Alexielios
    le Sam 14 Mai 2016 - 12:53
    Merci :)






    "People live their lives bound by what they accept as correct and true. That's how they define reality.
    But what does it mean to be correct or true?"
    FémininAge : 29Message(s) : 130

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sighild
    le Sam 14 Mai 2016 - 18:34
    Merci beaucoup! Ce sera très utile!
    FémininAge : 21Message(s) : 31
    Sweetdead
    le Dim 15 Mai 2016 - 23:03
    Parfait, merci beaucoup ♥
    FémininAge : 22Message(s) : 32
    Aoko
    le Lun 23 Mai 2016 - 0:46
    Merci beaucoup! Très pratique pour y mettre des choses importantes! Very Happy
    MasculinAge : 26Message(s) : 45

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    M.O
    le Mar 24 Mai 2016 - 3:43
    Merci!
    MasculinAge : 27Message(s) : 133
    Hop80
    le Lun 6 Juin 2016 - 0:54
    Très sympa, je veut bien jeter un œil merci.
    FémininAge : 26Message(s) : 66
    Tinkky
    le Lun 6 Juin 2016 - 20:05
    Merci du partage ^_^
    FémininAge : 24Message(s) : 45
    Tink ♥
    le Mer 15 Juin 2016 - 19:26
    Hey je pensais qu'on pouvait faire ça qu'avec la CB merci c'est génial Very Happy
    FémininAge : 17Message(s) : 53
    Kingdom.
    le Lun 4 Juil 2016 - 21:37
    merci !
    FémininAge : 21Message(s) : 32
    Kaipy
    le Mar 5 Juil 2016 - 22:15
    Merci !!!
    MasculinAge : 23Message(s) : 28
    Asarigolo
    le Mer 13 Juil 2016 - 9:58
    Thanks ♥
    FémininAge : 19Message(s) : 94
    Sorako
    le Mer 13 Juil 2016 - 15:45
    Merci ^^
    FémininAge : 18Message(s) : 16
    Banshee Quinn
    le Sam 16 Juil 2016 - 5:01
    Merci ♥
    FémininAge : 18Message(s) : 90

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Vixinte
    le Dim 17 Juil 2016 - 19:08
    MERCI !
    FémininAge : 29Message(s) : 77
    coconut groove
    le Mer 20 Juil 2016 - 18:56
    Hiiiiii! Merci. *.*
    FémininAge : 86Message(s) : 86
    Skylighty
    le Dim 24 Juil 2016 - 5:20
    MERCI
    MasculinAge : 27Message(s) : 51
    ShiShi_Chan
    le Jeu 28 Juil 2016 - 12:41
    Merki :o
    FémininAge : 23Message(s) : 53

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    lucythao
    le Jeu 4 Aoû 2016 - 14:36
    Merci du partage, je vais aller tester ça Very Happy


    FémininAge : 20Message(s) : 225
    Djeina
    le Ven 12 Aoû 2016 - 6:26
    Merci du partage ^^
    Contenu sponsorisé
    Aujourd'hui à 3:23

      La date/heure actuelle est Sam 3 Déc 2016 - 3:23