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 : 20Message(s) : 42
    kitel
    le Dim 21 Avr 2013 - 10:12
    Bon tutoriel!!
    FémininAge : 18Message(s) : 68

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    HeartLessB
    le Ven 26 Avr 2013 - 13:36
    Je veux voir
    FémininAge : 17Message(s) : 93
    Samluna
    le Dim 28 Avr 2013 - 19:23
    Wow ! Ca fait stylé *O* Merci !



    Priez pour Paris. Priez pour la liberté.
    Priez pour Paris. Priez pour l'égalité.
    Priez pour Paris. Pour la fraternité.

    #Pray for Paris
    MasculinAge : 44Message(s) : 80
    servity
    le Lun 29 Avr 2013 - 11:18
    merci pour ce tutoriel


    FémininAge : 25Message(s) : 113
    Azylis
    le Mer 1 Mai 2013 - 0:38
    Merci beaucoup ! Je sens que ça va être "utilisation immédiate" ! Razz


    FémininAge : 17Message(s) : 427
    K'Aya
    le Jeu 2 Mai 2013 - 17:48
      Merci Wink
    MasculinAge : 25Message(s) : 102
    Valhalla
    le Dim 5 Mai 2013 - 17:27
    Merci
    MasculinAge : 25Message(s) : 32
    Nithz
    le Jeu 9 Mai 2013 - 11:14
    merci


    MasculinAge : 22Message(s) : 31
    immortel
    le Jeu 9 Mai 2013 - 20:05
    merci
    FémininAge : 43Message(s) : 302

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Amasis
    le Sam 11 Mai 2013 - 15:43
    Ca fait des plombes que je cherche un tuto pour remplacer les immondes widgets de FA! ham3
    Merci beaucoup!!
    MasculinAge : 21Message(s) : 55
    Max Rénix
    le Dim 12 Mai 2013 - 22:20
    merci
    FémininAge : 25Message(s) : 66
    Geci
    le Lun 13 Mai 2013 - 21:56
    merci ^^


    FémininAge : 19Message(s) : 91
    Nalih
    le Mar 14 Mai 2013 - 20:29
    Merci ! :)
    MasculinAge : 30Message(s) : 49
    defenrir
    le Sam 18 Mai 2013 - 13:35
    merchi o/
    FémininAge : 26Message(s) : 36
    Crucible
    le Mar 21 Mai 2013 - 17:30
    Merci beaucoup pour ce tutoriel, extrêmement pratique !


    « ONCE, I DUG A PIT AND FILLED IT WITH CLOUDS. OR WAS IT CLOWNS ?
    DOESN'T MATTER. IT DIDN'T SLOW HIM DOWN.
    TO BE HONEST, IT WASN'T THE BEST IDEA.
    AND IT REALLY BEGAN TO SMELL. MUST HAVE BEEN CLOWNS.
    CLOUDS DON'T SMELL BAD. THEY TASTE OF BUTTER ! AND TEARS.
    »
    FémininAge : 24Message(s) : 86
    la-loca
    le Dim 26 Mai 2013 - 12:20
    Merci!!!


    FémininAge : 18Message(s) : 51
    Bridgess
    le Dim 26 Mai 2013 - 12:26
    Merci ^^ C'est plus pratique avec :)
    FémininAge : 22Message(s) : 67
    Laluna
    le Jeu 30 Mai 2013 - 3:00
    Merciiii ! :3
    MasculinAge : 16Message(s) : 31
    Noukii
    le Ven 31 Mai 2013 - 19:00
    Merci !
    MasculinAge : 25Message(s) : 22
    Sarius
    le Lun 3 Juin 2013 - 19:37
    Merci juste ce que je cherchais.
    FémininAge : 24Message(s) : 46
    Fallen Swallow
    le Mar 4 Juin 2013 - 19:12
    Merci !
    FémininAge : 14Message(s) : 80

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Zaidko
    le Mer 5 Juin 2013 - 11:11
    Merci Beaucoup ! Je cherchas un bon tuto dessus <3
    FémininAge : 24Message(s) : 62
    Ambre
    le Jeu 6 Juin 2013 - 17:26
    Merci :)


    MasculinAge : 23Message(s) : 1992
    WizzyFree
    le Ven 7 Juin 2013 - 19:44
    Merci


    FémininAge : 18Message(s) : 54
    Dellou
    le Dim 9 Juin 2013 - 13:20
    Merci ^^


    Contenu sponsorisé
    Aujourd'hui à 3:26

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