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.


    Bloc flottant latéral ouvrant "onclick" (CSS avec target)

    Partagez
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Sam 24 Nov 2012 - 0:19

    Rappel du premier message :


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    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
    Kâ Lys
    MasculinAge : 54Messages : 299

    le Mar 12 Mai 2015 - 2:00

    merci



    avatar
    Elektra Kloo
    FémininAge : 28Messages : 151

    le Ven 15 Mai 2015 - 20:28

    Merci
    avatar
    Maxine Evans
    FémininAge : 22Messages : 86

    le Sam 16 Mai 2015 - 10:34

    Merci :)
    avatar
    Sly King
    FémininAge : 20Messages : 72

    le Sam 16 Mai 2015 - 18:49

    Merci *-*
    avatar
    Filou
    FémininAge : 25Messages : 138

    le Mar 19 Mai 2015 - 22:46

    Merci pour le partage.
    Un code pratique pour garder de l'espace sans l'encombrer :3
    avatar
    Neymar
    MasculinAge : 18Messages : 138

    le Jeu 21 Mai 2015 - 20:26

    Hawnmazing
    avatar
    Illusion d'un Rêve
    FémininAge : 15Messages : 32

    le Dim 24 Mai 2015 - 12:35

    Trop génial comme astuce ^^
    Merci ♥
    avatar
    Izaya Orihara
    FémininAge : 15Messages : 105

    le Sam 30 Mai 2015 - 22:30

    Merci du partage!
    avatar
    Heah92
    FémininAge : 19Messages : 80

    le Dim 31 Mai 2015 - 14:31

    danke :)
    avatar
    darkhero246
    MasculinAge : 24Messages : 177

    le Jeu 4 Juin 2015 - 17:44

    Merci pour le tuto Very Happy
    avatar
    Kira de Shola
    FémininAge : 20Messages : 59

    le Mer 10 Juin 2015 - 15:19

    merci beaucoup !
    avatar
    picka234
    Age : 52Messages : 440

    le Lun 22 Juin 2015 - 12:35

    merci



    avatar
    The One Pandemonium
    FémininAge : 23Messages : 97

    le Mar 23 Juin 2015 - 16:24

    Merci!



    « Une oeuvre d’art, c’est un monceau de cicatrices. »
    avatar
    AlexeB
    FémininAge : 21Messages : 164

    le Jeu 25 Juin 2015 - 18:48

    Merci du partage!
    Blue
    MasculinAge : 19Messages : 36

    le Mar 30 Juin 2015 - 15:23

    Merci beaucoup ! Very Happy
    avatar
    Ryukaï
    MasculinAge : 19Messages : 605

    le Mer 1 Juil 2015 - 10:25

    Merci



    avatar
    Mini007
    MasculinAge : 23Messages : 21

    le Sam 4 Juil 2015 - 9:55

    merci
    avatar
    lonely10th
    FémininAge : 29Messages : 14

    le Ven 10 Juil 2015 - 13:52

    Merci! :3



    avatar
    G U E R L A I N
    FémininAge : 26Messages : 154

    le Mar 21 Juil 2015 - 14:59

    merci du partage



    avatar
    Genocider
    MasculinAge : 18Messages : 35

    le Mar 28 Juil 2015 - 18:27

    Thanks o/
    avatar
    wolopi
    FémininAge : 18Messages : 46

    le Mer 29 Juil 2015 - 1:52

    Merci c'est exactement ce que je cherchais! ♥
    avatar
    Arisu
    FémininAge : 28Messages : 108

    le Sam 8 Aoû 2015 - 12:34

    Merci !
    avatar
    Kelalin
    FémininAge : 24Messages : 1473

    le Sam 8 Aoû 2015 - 14:31

    Merci beaucoup ! (^~^)
    avatar
    Ju' de fruits
    FémininAge : 23Messages : 82

    le Mar 11 Aoû 2015 - 14:22

    Merci du partage ! :)



    avatar
    Luirio
    MasculinAge : 26Messages : 74

    le Ven 21 Aoû 2015 - 8:34

    Question:as-tu une version pour la droite car j'essaye d'en avoir une mais ça marche jamais.
    Contenu sponsorisé


      La date/heure actuelle est Mar 25 Avr 2017 - 12:36