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
    .Lucifer.
    MasculinAge : 44Messages : 150

    le Sam 13 Aoû 2016 - 16:42

    Merci beaucoup! Wink



    avatar
    HazelW
    FémininAge : 23Messages : 42

    le Dim 21 Aoû 2016 - 16:01

    Mercii !!



    avatar
    mon-etoile
    FémininAge : 28Messages : 140

    le Sam 27 Aoû 2016 - 7:23

    Merci beaucoup
    avatar
    Madame de Maintenon
    FémininAge : 26Messages : 20

    le Mer 31 Aoû 2016 - 12:49

    Merci !
    avatar
    Panzerblitz-1
    MasculinAge : 18Messages : 41

    le Jeu 1 Sep 2016 - 20:52

    A testé!
    avatar
    Talesof91
    FémininAge : 26Messages : 73

    le Ven 16 Sep 2016 - 21:50

    Très pratique, merci ^^
    avatar
    Luune
    FémininAge : 28Messages : 125

    le Dim 18 Sep 2016 - 18:20

    Merci, c'est génial !
    avatar
    céleste callisto
    FémininAge : 25Messages : 38

    le Mer 28 Sep 2016 - 10:10

    merci
    avatar
    silmadel
    MasculinAge : 30Messages : 3

    le Mer 28 Sep 2016 - 13:34

    merki ^^
    avatar
    Applauze
    MasculinAge : 27Messages : 163

    le Sam 1 Oct 2016 - 7:36

    Merci
    avatar
    jean-claude
    MasculinAge : 42Messages : 43

    le Dim 6 Nov 2016 - 22:37

    merci
    avatar
    Froufy
    FémininAge : 16Messages : 58

    le Dim 20 Nov 2016 - 12:17

    Merci!^^



    1+1= 4
          2
    3
    avatar
    Sakura Yuuki
    FémininAge : 16Messages : 75

    le Dim 20 Nov 2016 - 15:47

    Merci !



    avatar
    Lyxiae
    FémininAge : 23Messages : 36

    le Dim 11 Déc 2016 - 12:24

    Merci !
    avatar
    QuickLittleBastard
    MasculinAge : 23Messages : 8

    le Dim 18 Déc 2016 - 3:25

    Un gros merci pour ce tuto! **
    avatar
    marie-noelle
    FémininAge : 59Messages : 97

    le Dim 18 Déc 2016 - 20:21

    merci
    avatar
    Hawk Lowell
    MasculinAge : 20Messages : 103

    le Mer 21 Déc 2016 - 19:12

    merci
    avatar
    Marie
    FémininAge : 27Messages : 2203

    le Mar 27 Déc 2016 - 23:29

    Hey ho hey ho!

    J'aimerais bien voir stp! J'ai besoin de ce petit tuto pour mon fofo svp!

    Merki! J'oublierai pas de le créditer une fois mon fofo fini! Wink



    /

    Kit fait par Arpège. Merci! :love:
    avatar
    mijako
    FémininAge : 24Messages : 81

    le Dim 1 Jan 2017 - 7:56

    Merci
    avatar
    Harmonia
    FémininAge : 19Messages : 106

    le Mer 18 Jan 2017 - 17:42

    Merci beaucoup ! C'est super !
    avatar
    Wanda Maximoff
    FémininAge : 23Messages : 79

    le Dim 29 Jan 2017 - 16:47

    Merci !
    avatar
    Giovale
    MasculinAge : 25Messages : 16

    le Mar 31 Jan 2017 - 21:47

    Merci !
    avatar
    Kawasaki
    MasculinAge : 27Messages : 5

    le Lun 6 Fév 2017 - 3:02

    Merci Very Happy
    avatar
    Gieve
    FémininAge : 27Messages : 57

    le Ven 10 Fév 2017 - 11:01

    Merci **
    avatar
    Euterpe
    FémininAge : 30Messages : 268

    le Ven 17 Fév 2017 - 16:51

    mici
    Contenu sponsorisé


      La date/heure actuelle est Dim 30 Avr 2017 - 3:12