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) : 31655

    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


    FémininAge : 25Message(s) : 108

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Crazy-Sweet
    le Sam 16 Mar 2013 - 12:44
    Merchiii



    Don't forget my friends... Nothing is true, everything is permitted.
    FémininAge : 17Message(s) : 6
    Maraa
    le Sam 16 Mar 2013 - 13:16
    Merci !
    FémininAge : 25Message(s) : 293
    lala zhang
    le Dim 17 Mar 2013 - 10:28
    merci pour le partage.
    FémininAge : 17Message(s) : 81
    Cola
    le Dim 17 Mar 2013 - 10:36
    Merci


    MasculinAge : 17Message(s) : 25
    Gingka Hagane
    le Mer 20 Mar 2013 - 15:49
    merci
    FémininAge : 29Message(s) : 95
    Lunara
    le Jeu 21 Mar 2013 - 14:35
    merchi :)
    MasculinAge : 24Message(s) : 5
    Wishes
    le Jeu 21 Mar 2013 - 18:43
    Thanks ! Very Happy
    FémininAge : 26Message(s) : 25
    Leiden
    le Sam 23 Mar 2013 - 22:48
    Merci !
    FémininAge : 22Message(s) : 48
    -Dine-
    le Dim 24 Mar 2013 - 19:39
    Merci


    FémininAge : 20Message(s) : 34
    Petite soeur
    le Mar 26 Mar 2013 - 8:58
    Thank you !


    FémininAge : 24Message(s) : 14
    Aepique
    le Mer 27 Mar 2013 - 17:37
    merci pour ce jolie tuto


    FémininAge : 26Message(s) : 81
    Sara_y
    le Sam 30 Mar 2013 - 8:31
    Merci Cap'Tain Very Happy


    MasculinAge : 22Message(s) : 109
    poloch
    le Mer 3 Avr 2013 - 11:43
    Merci Sparrow :}


    FémininAge : 33Message(s) : 151

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lilie
    le Ven 5 Avr 2013 - 15:36
    Thank's :)
    FémininAge : 25Message(s) : 6
    SayoAisaka
    le Lun 8 Avr 2013 - 17:35
    C'est super beau, merci du partage !
    FémininAge : 16Message(s) : 93
    Glow
    le Mer 10 Avr 2013 - 16:36
    Merci :3
    MasculinAge : 20Message(s) : 52
    Alphax
    le Jeu 11 Avr 2013 - 17:22
    Gros merci Very Happy


    MasculinAge : 20Message(s) : 52
    Alphax
    le Jeu 11 Avr 2013 - 17:22
    Gros merci Very Happy


    FémininAge : 24Message(s) : 35
    Kurokaze
    le Sam 13 Avr 2013 - 16:16
    Merci beaucoup !
    MasculinAge : 22Message(s) : 1992
    WizzyFree
    le Sam 13 Avr 2013 - 21:48
    i need that


    MasculinAge : 15Message(s) : 396

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Chione
    le Dim 14 Avr 2013 - 17:44
    Merci !



    FEZ!FEZ!
    MasculinAge : 23Message(s) : 70
    Miku
    le Lun 15 Avr 2013 - 20:34
    Merci beaucoup.
    FémininAge : 25Message(s) : 66
    misssrubi
    le Mer 17 Avr 2013 - 2:31
    Trop bien fait, j'adore et merci :)


    FémininAge : 22Message(s) : 16
    Elii01
    le Mer 17 Avr 2013 - 6:56
    mercii
    FémininAge : 17Message(s) : 22
    White Pear
    le Jeu 18 Avr 2013 - 20:22
    Merci beaucoup ! ♥
    Contenu sponsorisé
    Aujourd'hui à 22:22

      La date/heure actuelle est Jeu 29 Sep 2016 - 22:22