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) : 31699

    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


    FémininAge : 26Message(s) : 31
    Pamplemousse
    le Ven 11 Jan 2013 - 17:11
    Merci /Ô/


    FémininAge : 19Message(s) : 36
    Ilmryn
    le Sam 12 Jan 2013 - 14:44
    Merci !


    FémininAge : 28Message(s) : 332
    Edward Speleers
    le Dim 13 Jan 2013 - 12:47
    Ca m'intéresse, merci mille fois :)


    FémininAge : 22Message(s) : 134
    Sephy
    le Lun 14 Jan 2013 - 1:56
    Merci pour cette astuce qui va changer ma vie!! =D'
    FémininAge : 28Message(s) : 19
    Skully NyNy
    le Mer 16 Jan 2013 - 21:29
    Merci :)


    FémininAge : 24Message(s) : 213
    shala
    le Dim 20 Jan 2013 - 18:20
    merci


    FémininAge : 26Message(s) : 32
    tchapalow
    le Lun 21 Jan 2013 - 15:46
    Je viens d'essayer par moi même durant une bonne heure, je jette l'éponge, je crois que j'ai besoin d'un tutoriel!
    Je remercie les gens tellement plus doués que moi!
    FémininAge : 25Message(s) : 183
    Offrande
    le Ven 25 Jan 2013 - 9:40
    Merci pour le partage, cela me fait pensé à la navigation sur N.U
    je trouve cela vraiment pratique quand on as un long forum comme le mien
    merci de tout coeur ! :love:
    Age : 24Message(s) : 76
    Mitsuomi Takayanagi
    le Ven 25 Jan 2013 - 16:37
    Merci pour l'astuce :)


    FémininAge : 20Message(s) : 152
    Zarwins
    le Ven 25 Jan 2013 - 20:44
    Merci !


    MasculinAge : 17Message(s) : 47
    Léoshadow
    le Lun 28 Jan 2013 - 18:40
    Merci Very Happy


    Mon texte Very Happy
    Invité
    le Ven 1 Fév 2013 - 22:26
    Mercii ! =)
    FémininAge : 38Message(s) : 66
    bibi0712
    le Sam 2 Fév 2013 - 21:18
    Bonsoir
    J'aimerais savoir si il est possible de le placer sur le bas du forum et d'y mettre la chatbox qui s'ouvrirait vers le haut et pas vers la droite ?
    Merci ^^
    FémininAge : 24Message(s) : 3
    Eien
    le Dim 3 Fév 2013 - 18:36
    Merci
    FémininAge : 25Message(s) : 297
    lala zhang
    le Lun 4 Fév 2013 - 18:39
    merci pour le tuto
    FémininAge : 22Message(s) : 39

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Adonaï
    le Mar 5 Fév 2013 - 22:06
    Merci =)
    FémininAge : 22Message(s) : 34
    MlleNamiya
    le Mer 6 Fév 2013 - 14:24
    Exactement ce que je cherche ! Merci =)
    MasculinAge : 41Message(s) : 43
    Nobuko2
    le Sam 9 Fév 2013 - 18:50
    Merci !
    FémininAge : 18Message(s) : 72
    Doan Lavita
    le Lun 11 Fév 2013 - 19:03
    Depuis le temps que je me demandais comment on faisait! xD Merci^^


    FémininMessage(s) : 20
    Lysa-Elaye
    le Lun 11 Fév 2013 - 23:43
    Je le cherchais, ce bouton "fermer" x-x
    Merci !! :)
    MasculinAge : 21Message(s) : 65
    Dragma
    le Mer 13 Fév 2013 - 18:46
    Merci du tuto !
    MasculinAge : 24Message(s) : 109
    Ryosaki
    le Ven 15 Fév 2013 - 23:39
    Merci


    FémininAge : 19Message(s) : 112
    Nawak
    le Mar 19 Fév 2013 - 0:52
    Merci beaucoup! *O*


    FémininAge : 36Message(s) : 17
    Melan
    le Mar 19 Fév 2013 - 22:41
    Merci !!!
    FémininAge : 36Message(s) : 17
    Melan
    le Ven 22 Fév 2013 - 4:11
    Je reviens vers vous pour vous signaler que ce module comporte un bug sous Google Chrome:
    Lorsque l'on arrive en bas de son pavé de texte et que l'on fait une correction avec la touche retour arrière l'onglet apparait dans le bloc... voir image : https://i75.servimg.com/u/f75/18/11/61/06/gogo10.jpg
    Contenu sponsorisé
    Aujourd'hui à 7:05

      La date/heure actuelle est Dim 4 Déc 2016 - 7:05