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

    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 : 26Message(s) : 51
    ShiShi_Chan
    le Sam 15 Déc 2012 - 9:49
    Merki !
    FémininAge : 20Message(s) : 31
    Nade
    le Dim 16 Déc 2012 - 4:04
    Merci beaucoup pour les codes :3
    FémininAge : 21Message(s) : 43
    Daisukai
    le Dim 16 Déc 2012 - 14:07
    Merciii!
    MasculinAge : 21Message(s) : 31
    GWOO
    le Dim 16 Déc 2012 - 14:37
    merci
    FémininAge : 19Message(s) : 115
    cosmos-chann
    le Dim 16 Déc 2012 - 14:48
    Merci :)
    FémininAge : 28Message(s) : 146
    o~°Passion HELL
    le Dim 16 Déc 2012 - 15:22
    Merci !!


    ....
    MasculinAge : 23Message(s) : 37
    Hyen0w
    le Mar 18 Déc 2012 - 11:58
    Merci n^n
    FémininAge : 15Message(s) : 26
    Lolloe
    le Mer 19 Déc 2012 - 10:25
    Mishiiiiiiiiiiiiiiii
    FémininAge : 24Message(s) : 21
    milloo
    le Mer 19 Déc 2012 - 22:27
    Ca change, merci o/
    FémininAge : 30Message(s) : 98
    Kripterya
    le Sam 22 Déc 2012 - 6:32
    i like this one better
    FémininAge : 20Message(s) : 253
    erika02
    le Sam 22 Déc 2012 - 15:14
    Merci du partage


    MasculinAge : 27Message(s) : 307
    Kasshad
    le Sam 22 Déc 2012 - 21:46
    J'veux bien voir moi Very Happy


    MasculinAge : 23Message(s) : 51
    Fares
    le Dim 23 Déc 2012 - 20:21
    @LeFimoteur a écrit:Merci :)
    MasculinAge : 19Message(s) : 72

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    ♕ William
    le Dim 23 Déc 2012 - 22:43
    Thank you



    William
    FémininAge : 24Message(s) : 190
    Alenn
    le Lun 24 Déc 2012 - 3:38
    Merci du tutoriel !


    Rien de nouveau.
    FémininAge : 24Message(s) : 185
    Blue-J
    le Mer 26 Déc 2012 - 20:05

    ça a l'air très prometteur ! =)
    FémininAge : 18Message(s) : 84
    Margii
    le Mer 26 Déc 2012 - 22:34
    Je check ! Merci du partage :)
    FémininAge : 23Message(s) : 48
    Tweety
    le Jeu 27 Déc 2012 - 15:21
    Merci Very Happy
    MasculinAge : 23Message(s) : 56

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Choubakawa
    le Dim 30 Déc 2012 - 17:28
    Merci :)


    FémininAge : 22Message(s) : 26
    Suzu-nee
    le Lun 31 Déc 2012 - 2:53
    Merci beaucoup pour le tuto~


    signature supprimée car les liens externes sont interdits dans cette dernière, merci.
    FémininAge : 19Message(s) : 14
    RadioEuphoria
    le Mar 1 Jan 2013 - 1:51
    Merci beaucoup ! :)
    FémininAge : 24Message(s) : 90
    pika-cerise
    le Mar 1 Jan 2013 - 14:19
    super merci
    FémininAge : 33Message(s) : 62
    Planete_Stargate
    le Mar 1 Jan 2013 - 16:03
    C'est très joli tout ça, félicitation


    FémininAge : 26Message(s) : 117
    [W]endy
    le Mar 1 Jan 2013 - 17:07
      C'est joli comme tout, merci (:
    FémininAge : 33Message(s) : 62
    Planete_Stargate
    le Mar 1 Jan 2013 - 20:17
    J'ai une question :o
    C'est normal d'avoir les contenant 1/2/3 qui soient pas sur le 4? Car quand je veux l'utiliser, ça déconne, c'est complétement décalé...


    Contenu sponsorisé
    Aujourd'hui à 13:50

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