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.


    QEEL onglets latéraux contenu apparaissant "onClic" (focus - CSS)

    Partagez
    Okhmhaka
    FémininAge : 31Messages : 31717

    le Sam 24 Nov 2012 - 18:03

    Bonjour, bonsoir,

    Dans l'idée de la PA équivalente, voici le même principe de focus appliqué à un QEEL, lui aussi déjà rempli, vous n'avez plus qu'à installer et personnaliser son apparence, et en particulier les images qui l'encadrent.
    Un petit aperçu tout d'abord :

    Lien Forum Test

    Il s'agit du premier QEEL du forum, au fond marron et avec la femme manga allongée au dessus.

    Information importante : j'ai voulu ici utiliser le "focus" en alternative au "target" pour créer un effet au clic, et non au survol. Que ça vous parle ou non peu importe, sachez juste qu'il y a un "défaut" avec l'utilisation du focus, c'est que lorsqu'on clique aille ça l'enlève. Du coup, lorsque vous êtes sur le contenu de l'un des onglets et que vous cliquez sur la page, que ce soit à l'intérieur ou à l'extérieur, vous revenez sur le contenu par défaut. Je vous rassure cependant si vous comptez mettre des liens dans vos contenus, même si le fait de cliquer ramène au contenu par défaut le lien fonctionnera quand même.
    Sachez le cependant avant de l'utiliser.


    Pour voir le contenu du tutoriel merci de poster un message à la suite !




    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, la base a été écrite ici. Un petit crédit, ce n'est pas grand chose, et nous ne demandons que ça pour le partage de notre petit savoir x)


    Dernière édition par Sparrow-style le Jeu 28 Mar 2013 - 16:08, édité 1 fois



    LeFimoteur
    MasculinAge : 17Messages : 18

    le Sam 24 Nov 2012 - 19:05

    Merci :)
    Jona'
    MasculinAge : 17Messages : 65

    le Sam 24 Nov 2012 - 19:52

    Merci beaucoup Very Happy



    Edel
    FémininAge : 23Messages : 370

    le Dim 25 Nov 2012 - 0:28

    Merci !! Very Happy



    Mon métier et mon art, c'est vivre - Montaigne
    Cuicui
    FémininAge : 26Messages : 112

    le Dim 25 Nov 2012 - 19:30

    Très sympa :)



    Honeey L.
    FémininAge : 24Messages : 79

    le Lun 26 Nov 2012 - 11:07

    Merci, j'aime beaucoup ton code :)
    Cinémaniac
    FémininAge : 32Messages : 11

    le Mar 27 Nov 2012 - 18:30

    Merci j aime beaucoup !
    Dalao`
    FémininAge : 18Messages : 26

    le Mar 27 Nov 2012 - 21:19


      Ça m'a l'aire sympa mais difficile à mettre non ? .-.



    Barbosa
    MasculinAge : 24Messages : 22

    le Mer 28 Nov 2012 - 3:59

    Merci :)



    alexee29
    FémininAge : 23Messages : 39

    le Mer 28 Nov 2012 - 9:17

    Merci! cheers
    giannismoll7
    MasculinAge : 22Messages : 62

    le Mer 28 Nov 2012 - 14:14

    merci Very Happy
    higgins
    MasculinAge : 16Messages : 14

    le Mer 28 Nov 2012 - 14:49

    Cool, merci beaucoup Very Happy
    Banpaia
    FémininAge : 19Messages : 127

    le Jeu 29 Nov 2012 - 20:10

    Merci :)
    Chucky'
    MasculinAge : 19Messages : 80

    le Ven 30 Nov 2012 - 20:02

    merci Very Happy



    yukiyuki
    FémininAge : 22Messages : 83

    le Dim 2 Déc 2012 - 0:02

    merci du partage!
    Mika-chan
    FémininAge : 24Messages : 76

    le Ven 7 Déc 2012 - 10:29

    merci du partage :)
    Moriarty
    FémininAge : 21Messages : 85

    le Ven 7 Déc 2012 - 21:31

    merci !
    Nayero
    MasculinAge : 21Messages : 38

    le Sam 8 Déc 2012 - 23:23

    merci



    FightStorm
    MasculinAge : 16Messages : 54

    le Dim 9 Déc 2012 - 11:11

    Merci bcp :love:



    MaryChou
    FémininAge : 20Messages : 16

    le Lun 10 Déc 2012 - 19:48

    Merci du partage o/
    Rosedesvents
    FémininAge : 30Messages : 89

    le Mer 12 Déc 2012 - 14:10

    Merci Very Happy
    alex24d
    FémininAge : 28Messages : 93

    le Jeu 13 Déc 2012 - 13:15

    merci
    NellyFée
    FémininAge : 20Messages : 62

    le Jeu 13 Déc 2012 - 21:24

    Merci pour l'astuce =)
    Stitch56
    FémininAge : 23Messages : 197

    le Ven 14 Déc 2012 - 16:51

    Merci^^
    Clownyfunny
    MasculinAge : 22Messages : 6

    le Ven 14 Déc 2012 - 17:15

    j'aime !
    Contenu sponsorisé

    Aujourd'hui à 4:58


      La date/heure actuelle est Jeu 8 Déc 2016 - 4:58