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.


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

    Partagez
    MasculinAge : 31Message(s) : 31659

    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 - 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


    MasculinAge : 23Message(s) : 14
    Mystore
    le Dim 17 Fév 2013 - 18:45
    C'est magnifique, merci beaucoup ! ♥
    MasculinAge : 22Message(s) : 50
    LazuliNight
    le Lun 18 Fév 2013 - 1:14
    Merci :)


    MasculinAge : 39Message(s) : 80
    fregadeth
    le Lun 18 Fév 2013 - 16:57
    merci beaucoup :)
    FémininAge : 36Message(s) : 77
    Susan Storm
    le Mer 20 Fév 2013 - 15:03
    Ouahw, magnifique!
    FémininAge : 15Message(s) : 230

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Cytrius
    le Mer 20 Fév 2013 - 19:48
    Merci beaucoup :)
    FémininAge : 18Message(s) : 7
    Themadlea
    le Jeu 21 Fév 2013 - 20:13
    100000 fois merci pour ce tuto qui va beaucoup m'aider !
    FémininAge : 20Message(s) : 54
    Toshiki
    le Sam 23 Fév 2013 - 13:47
    merci !
    FémininAge : 22Message(s) : 10
    Fresh-Cola
    le Sam 23 Fév 2013 - 23:56
    Merci beaucoup !
    FémininAge : 41Message(s) : 80
    TATACARO13
    le Mar 26 Fév 2013 - 18:35
    merci




    FémininAge : 20Message(s) : 57
    Wild
    le Mer 27 Fév 2013 - 16:27
    Merci du partage


    MasculinAge : 20Message(s) : 10
    Naloz
    le Jeu 28 Fév 2013 - 14:33
    Merci :)
    FémininAge : 24Message(s) : 125
    SweetieBay
    le Ven 1 Mar 2013 - 15:22
    merci =)


    Spoiler:
    FémininAge : 21Message(s) : 180
    Saia
    le Dim 3 Mar 2013 - 22:39
    Ah! merci beaucoup!


    MasculinAge : 29Message(s) : 28
    Calypso-FR
    le Mer 6 Mar 2013 - 13:39
    merci
    FémininAge : 23Message(s) : 20
    Mademoiselle Xina
    le Jeu 7 Mar 2013 - 9:50
    Merci beaucoup pour le code il est parfait *.*
    FémininAge : 26Message(s) : 60
    Sakura Sumeragi
    le Jeu 7 Mar 2013 - 12:47
    Merci =)
    FémininAge : 21Message(s) : 62
    Doku
    le Jeu 7 Mar 2013 - 20:42
    merci ♥
    MasculinAge : 23Message(s) : 11
    SeshiroLoint
    le Sam 9 Mar 2013 - 0:30
    Merci !
    FémininAge : 26Message(s) : 195
    Yuuka
    le Sam 9 Mar 2013 - 19:38
    Merci beaucoup!
    MasculinAge : 20Message(s) : 57
    [LT]BountyS4
    le Dim 10 Mar 2013 - 1:34
    Merci beaucoup, encore une fois c'est genial !


    FémininAge : 20Message(s) : 59
    Cherry'
    le Dim 10 Mar 2013 - 10:41
    Merci du Partage Wink
    MasculinAge : 19Message(s) : 20
    Draigon
    le Lun 11 Mar 2013 - 1:55
    Thanks You
    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 Mar 12 Mar 2013 - 20:43
    J'aime beaucoup cette version du QEEL.
    Merci de nous le faire partager. Very Happy
    MasculinAge : 20Message(s) : 56
    tunisiano111
    le Mer 13 Mar 2013 - 0:38
    Merci beaucoup!
    FémininAge : 23Message(s) : 149
    Saya Shirayuki
    le Sam 16 Mar 2013 - 11:05
    Merci maître pirate^^
    Contenu sponsorisé
    Aujourd'hui à 12:23

      La date/heure actuelle est Sam 1 Oct 2016 - 12:23