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

    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 : 19Message(s) : 174
    Piratress
    le Lun 4 Aoû 2014 - 19:13
    Merci du tuto !
    MasculinAge : 21Message(s) : 72
    skaera22
    le Lun 4 Aoû 2014 - 21:05
    thx
    FémininAge : 18Message(s) : 37
    Tine
    le Mar 5 Aoû 2014 - 12:33
    Merci c:
    MasculinAge : 26Message(s) : 10
    Reims
    le Jeu 14 Aoû 2014 - 20:49
    Mercii  Very Happy 
    FémininAge : 19Message(s) : 27
    Lunet
    le Jeu 14 Aoû 2014 - 21:36
    Merci !
    FémininAge : 22Message(s) : 17
    Babouine
    le Sam 16 Aoû 2014 - 13:17
    Merci pour le tuto Very Happy
    FémininAge : 30Message(s) : 14
    Orphanine
    le Ven 22 Aoû 2014 - 10:57
    Sympa, merci !
    FémininAge : 20Message(s) : 16
    Bellovy
    le Jeu 28 Aoû 2014 - 8:01
    Merci ♥Q♥
    FémininAge : 22Message(s) : 41
    The_Scream
    le Mer 3 Sep 2014 - 17:50
    Merci !


    ~That's the hell said no ~


    MasculinAge : 18Message(s) : 69
    Pokebip
    le Jeu 4 Sep 2014 - 17:10
    like Merci
    FémininAge : 18Message(s) : 145
    Saphire
    le Dim 7 Sep 2014 - 13:55
    Merci pour le code
    MasculinAge : 20Message(s) : 12
    Xyldan
    le Sam 13 Sep 2014 - 22:03
    Merci !
    FémininAge : 24Message(s) : 22
    Emy Liddell
    le Mar 16 Sep 2014 - 22:51
    merci pour le tuto : 3


    FémininAge : 26Message(s) : 544

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    3/10  (3/10)
    Lihuén
    le Ven 19 Sep 2014 - 17:50
    Merci ! :)


    MasculinAge : 24Message(s) : 20
    LHOOQ
    le Mar 23 Sep 2014 - 23:57
    Merci :)
    FémininAge : 24Message(s) : 23
    Insolence
    le Jeu 25 Sep 2014 - 19:59
    Merci également pour ce code ^^
    MasculinAge : 18Message(s) : 134
    Neymar
    le Dim 28 Sep 2014 - 17:44
    Merci o/
    FémininAge : 15Message(s) : 50
    Nemelise
    le Ven 3 Oct 2014 - 20:14
    Merci :3
    Invité
    le Ven 10 Oct 2014 - 16:27
      Encore une fois tu fais des merveilles. Merci énormément du partage.
    FémininAge : 24Message(s) : 46
    SEVAN
    le Ven 10 Oct 2014 - 20:34
    merci
    FémininAge : 22Message(s) : 75
    Miss Tigri
    le Dim 19 Oct 2014 - 21:31
    Merci !
    FémininAge : 23Message(s) : 2324

    Les Guildes
    Guilde des Conteurs:
    5/10  (5/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    2/10  (2/10)
    Cruelly
    le Lun 20 Oct 2014 - 8:55
    Magnifique merci :) Je vais tenter sa ^^


    Absente pour une durée indéterminée.
    FémininAge : 22Message(s) : 36
    Matantelie
    le Jeu 23 Oct 2014 - 2:57
    Meeeeeeeeeerci!
    FémininAge : 17Message(s) : 163

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Milou
    le Jeu 23 Oct 2014 - 16:52
    thanks ^^


    FémininAge : 26Message(s) : 57

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Oïa
    le Mer 5 Nov 2014 - 12:28
    superbe merci beaucoup


    Contenu sponsorisé
    Aujourd'hui à 3:54

      La date/heure actuelle est Lun 26 Sep 2016 - 3:54