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.


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

    Partagez
    MasculinAge : 31Message(s) : 31645

    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 - 17:54
    Rappel du premier message :

    Salut salut x)

    Voici donc une nouvelle PA à remplir ensuite par vos soins, sous forme d'onglets latéraux mais dont le contenu s'affiche en cliquant avec l'emploi du "focus" en pseudo-class CSS (pour ceux à qui ça parle^^).
    Un petit aperçu tout d'abord :

    Lien Forum Test

    Il s'agit de la troisième PA, celle ayant une image manga et en titre "Welcome + What's up ?".

    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 - 12:50, édité 1 fois


    MasculinAge : 26Message(s) : 79
    Yogurt01
    le Sam 19 Juil 2014 - 11:35
    Merci
    FémininAge : 18Message(s) : 15
    Chanira
    le Mer 30 Juil 2014 - 17:20
    MERCI. Cette PA est très belle <3 Pratique, cool, simple (à l'oeil Wink) et ne prend pas de place !
    A mon avis, tu as fait des heureux Very Happy !
    FémininAge : 35Message(s) : 163
    Eshon
    le Mer 30 Juil 2014 - 19:06
    Merci !
    FémininAge : 18Message(s) : 20
    Sekai
    le Sam 2 Aoû 2014 - 13:02
    Merci ** Simple, mais classe !
    FémininAge : 37Message(s) : 36
    Ysamar
    le Ven 8 Aoû 2014 - 11:00
    merci!
    MasculinAge : 18Message(s) : 39
    Ozymandias
    le Dim 10 Aoû 2014 - 14:20
    Merci
    FémininAge : 25Message(s) : 9
    Darkshines
    le Sam 16 Aoû 2014 - 0:45
    Mercii pour le partage **
    FémininAge : 18Message(s) : 166
    Plume'
    le Jeu 21 Aoû 2014 - 11:56
    Merci !
    FémininAge : 18Message(s) : 13
    Adélia
    le Jeu 21 Aoû 2014 - 13:19
    Merci :)
    FémininAge : 30Message(s) : 14
    Orphanine
    le Ven 22 Aoû 2014 - 15:29
    Merci pour le tuto :)
    FémininAge : 23Message(s) : 207
    EthanHol
    le Sam 30 Aoû 2014 - 11:41
    Bravo pour ce codage !


    FémininAge : 29Message(s) : 124
    Irissia87
    le Dim 31 Aoû 2014 - 14:41
    merci bien!
    MasculinAge : 22Message(s) : 176
    kevin85400
    le Dim 31 Aoû 2014 - 19:05
    merci


    FémininAge : 16Message(s) : 24
    Yami'
    le Jeu 4 Sep 2014 - 19:32
    merci
    FémininAge : 21Message(s) : 40

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Insanities
    le Jeu 11 Sep 2014 - 6:38
    Merci, elle est superbe *^*


    FémininAge : 16Message(s) : 37
    Meuh Pffeuh
    le Lun 22 Sep 2014 - 18:31
    Danke ! :)
    MasculinAge : 20Message(s) : 12
    Snoow
    le Mer 1 Oct 2014 - 18:07
    Thank you !
    MasculinAge : 36Message(s) : 57
    Le Dévoreur de temps
    le Mer 1 Oct 2014 - 20:19
    merci beaucoup!
    FémininAge : 26Message(s) : 38
    Liquid Dreams
    le Jeu 2 Oct 2014 - 19:54
    Merciii
    FémininAge : 23Message(s) : 49

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Costati
    le Sam 11 Oct 2014 - 9:01
    C'est parfait
    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 - 17:06
    thanks ^^


    FémininAge : 23Message(s) : 71
    BloodyMoony
    le Ven 24 Oct 2014 - 11:33
    J'ai hâte de voir ce que ça donne !


    MasculinAge : 24Message(s) : 18
    -Jukai.
    le Sam 25 Oct 2014 - 16:39
    Merci et bravo !
    MasculinAge : 26Message(s) : 9
    Freeze
    le Dim 26 Oct 2014 - 15:26
    C'est bg ça *-*
    MasculinAge : 38Message(s) : 273

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Deed01
    le Dim 26 Oct 2014 - 19:59
    merci Very Happy
    Contenu sponsorisé
    Aujourd'hui à 22:44

      La date/heure actuelle est Lun 26 Sep 2016 - 22:44