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 : 22Message(s) : 35
    sunn-day
    le Lun 24 Aoû 2015 - 0:59
    Wouahh merci !!
    MasculinAge : 23Message(s) : 34
    EOS
    le Ven 28 Aoû 2015 - 13:26
    Merci
    MasculinAge : 25Message(s) : 45
    James K. Lindley
    le Sam 5 Sep 2015 - 16:06
    Merci du partage
    FémininAge : 19Message(s) : 87
    Dreamyland
    le Dim 6 Sep 2015 - 6:02
    Merciiii
    MasculinAge : 23Message(s) : 141
    TiGraou
    le Lun 7 Sep 2015 - 14:19
    Merci
    FémininAge : 18Message(s) : 150

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lindaóma
    le Sam 12 Sep 2015 - 11:56
    Merci beaucoup !


    FémininAge : 21Message(s) : 23
    Soupy
    le Dim 20 Sep 2015 - 18:20
    Merci énormément, pile ce que je cherchais !
    MasculinAge : 25Message(s) : 100
    Shaolan
    le Ven 2 Oct 2015 - 10:09
    Merci
    MasculinAge : 55Message(s) : 44
    Nardco
    le Dim 11 Oct 2015 - 3:33
    Merci
    FémininAge : 34Message(s) : 148
    Lessien
    le Dim 18 Oct 2015 - 18:27
    Merci :)
    MasculinAge : 14Message(s) : 67
    Fantôma
    le Sam 24 Oct 2015 - 15:47
    Merciiiii ♥


    FémininAge : 25Message(s) : 223
    Lilynufare
    le Sam 31 Oct 2015 - 23:18
    sympa merci :)
    FémininAge : 20Message(s) : 40
    Utauko
    le Jeu 19 Nov 2015 - 18:30
    C'est génial **
    Pile ce qu'il me fallait !
    Merci, merci merci !
    FémininAge : 28Message(s) : 205
    Grande
    le Sam 5 Déc 2015 - 13:42
    Merci =D


    FémininAge : 24Message(s) : 53
    Akiro
    le Mar 29 Déc 2015 - 18:01
    Merci beaucoup d'avoir partager, ce code est vraiment sympathique et facilement personnalisable! Razz
    MasculinAge : 26Message(s) : 62
    LouetRinkin
    le Mer 30 Déc 2015 - 9:24
    Merci.
    FémininAge : 19Message(s) : 58
    Devil.
    le Mer 13 Jan 2016 - 20:54
    Un grand merci !
    MasculinAge : 22Message(s) : 52
    Voltino
    le Sam 16 Jan 2016 - 1:48
    Merci
    FémininAge : 20Message(s) : 97
    Illiana
    le Mer 20 Jan 2016 - 14:32
    Sanku !


    FémininAge : 18Message(s) : 88

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Nartiifiice
    le Jeu 28 Jan 2016 - 21:18
    thanks
    FémininAge : 25Message(s) : 102
    LyN[ss]
    le Sam 27 Fév 2016 - 18:16
    Merci pour le partage =)


    ❝Y.O.U G.E.T L.Y.N.[.S.S.].'.E.D❞
    how could you hate me? When all I ever wanted to be was you ? How could you love me? When all you ever gave me were open wounds ? Tell me why you broke me down and betrayed my trust in you ?
    FémininAge : 19Message(s) : 16
    Amu
    le Mer 2 Mar 2016 - 18:05
    Merci beaucouuuup ! o/





    Itsumo doori no aru hi no koto, Kimi wa totsuzen tachiagari itta, Konya hoshi wo mi ni yukou. 
    dusty scarecrow.
    FémininAge : 28Message(s) : 32
    Min@
    le Sam 5 Mar 2016 - 15:04
    Merci
    FémininAge : 20Message(s) : 154

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    3/10  (3/10)
    Frosty Blue
    le Dim 6 Mar 2016 - 9:22
    Merci ^^
    MasculinAge : 24Message(s) : 41
    Magico
    le Lun 7 Mar 2016 - 7:42
    Merci
    Contenu sponsorisé
    Aujourd'hui à 16:40

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