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

    Rappel du premier message :

    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



    Mystore
    MasculinAge : 23Messages : 14

    le Dim 17 Fév 2013 - 18:45

    C'est magnifique, merci beaucoup ! ♥
    LazuliNight
    MasculinAge : 23Messages : 50

    le Lun 18 Fév 2013 - 1:14

    Merci :)



    fregadeth
    MasculinAge : 39Messages : 80

    le Lun 18 Fév 2013 - 16:57

    merci beaucoup :)
    Susan Storm
    FémininAge : 37Messages : 77

    le Mer 20 Fév 2013 - 15:03

    Ouahw, magnifique!
    Cytrius
    FémininAge : 16Messages : 230

    le Mer 20 Fév 2013 - 19:48

    Merci beaucoup :)
    Themadlea
    FémininAge : 18Messages : 7

    le Jeu 21 Fév 2013 - 20:13

    100000 fois merci pour ce tuto qui va beaucoup m'aider !
    Toshiki
    FémininAge : 20Messages : 54

    le Sam 23 Fév 2013 - 13:47

    merci !
    Fresh-Cola
    FémininAge : 22Messages : 10

    le Sam 23 Fév 2013 - 23:56

    Merci beaucoup !
    TATACARO13
    FémininAge : 41Messages : 80

    le Mar 26 Fév 2013 - 18:35

    merci





    Wild
    FémininAge : 20Messages : 57

    le Mer 27 Fév 2013 - 16:27

    Merci du partage



    Naloz
    MasculinAge : 20Messages : 10

    le Jeu 28 Fév 2013 - 14:33

    Merci :)
    SweetieBay
    FémininAge : 24Messages : 127

    le Ven 1 Mar 2013 - 15:22

    merci =)
    Saia
    FémininAge : 21Messages : 180

    le Dim 3 Mar 2013 - 22:39

    Ah! merci beaucoup!



    Calypso-FR
    MasculinAge : 29Messages : 28

    le Mer 6 Mar 2013 - 13:39

    merci
    Mademoiselle Xina
    FémininAge : 23Messages : 20

    le Jeu 7 Mar 2013 - 9:50

    Merci beaucoup pour le code il est parfait *.*
    Sakura Sumeragi
    FémininAge : 26Messages : 60

    le Jeu 7 Mar 2013 - 12:47

    Merci =)
    Doku
    FémininAge : 21Messages : 62

    le Jeu 7 Mar 2013 - 20:42

    merci ♥
    SeshiroLoint
    MasculinAge : 24Messages : 11

    le Sam 9 Mar 2013 - 0:30

    Merci !
    Yuuka
    FémininAge : 26Messages : 195

    le Sam 9 Mar 2013 - 19:38

    Merci beaucoup!
    [LT]BountyS4
    MasculinAge : 20Messages : 57

    le Dim 10 Mar 2013 - 1:34

    Merci beaucoup, encore une fois c'est genial !



    Cherry'
    FémininAge : 20Messages : 59

    le Dim 10 Mar 2013 - 10:41

    Merci du Partage Wink
    Draigon
    MasculinAge : 19Messages : 20

    le Lun 11 Mar 2013 - 1:55

    Thanks You
    Amasis
    FémininAge : 43Messages : 302

    le Mar 12 Mar 2013 - 20:43

    J'aime beaucoup cette version du QEEL.
    Merci de nous le faire partager. Very Happy
    tunisiano111
    MasculinAge : 20Messages : 56

    le Mer 13 Mar 2013 - 0:38

    Merci beaucoup!
    Saya Shirayuki
    FémininAge : 24Messages : 149

    le Sam 16 Mar 2013 - 11:05

    Merci maître pirate^^
    Contenu sponsorisé

    Aujourd'hui à 5:01


      La date/heure actuelle est Jeu 8 Déc 2016 - 5:01