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

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


    FémininAge : 25Message(s) : 296

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Depp
    le Sam 24 Nov 2012 - 19:19
    Première à te remercier, comme d'habitude, ce que tu fais et juste superbement réalisé Very Happy


    FémininAge : 18Message(s) : 49
    Gouttou †
    le Sam 24 Nov 2012 - 19:39
    Bravo et merci (:
    C'est beau et bien organisé °°


    MasculinAge : 32Message(s) : 33
    DDril
    le Sam 24 Nov 2012 - 21:24
    Merci !
    MasculinAge : 28Message(s) : 30
    Nevah
    le Dim 25 Nov 2012 - 0:12
    C'est beau ! MErci !
    FémininAge : 24Message(s) : 40
    Elyzabeth
    le Lun 26 Nov 2012 - 12:25
    Trop bien, merci !
    FémininAge : 26Message(s) : 45
    ladybr
    le Lun 26 Nov 2012 - 19:03
    merci
    FémininAge : 17Message(s) : 9
    Yuriko Yomi
    le Lun 26 Nov 2012 - 19:19
    Merci Beaucoup ♥


    FémininAge : 26Message(s) : 9
    Shinrai
    le Lun 26 Nov 2012 - 21:41
    merci ♥
    FémininAge : 16Message(s) : 8
    Connor Kenway
    le Mar 27 Nov 2012 - 19:02
    Thanks.
    MasculinAge : 16Message(s) : 14
    higgins
    le Mer 28 Nov 2012 - 13:33
    Pile celui qu'il me falait !! Merci !
    MasculinAge : 19Message(s) : 27
    KaraV3
    le Mer 28 Nov 2012 - 13:38
    Merci
    Invité
    le Mer 28 Nov 2012 - 17:59
    Thanks...
    FémininAge : 34Message(s) : 85
    Laetitia
    le Mer 28 Nov 2012 - 18:53
    Merci beaucoup
    FémininAge : 18Message(s) : 20
    Mile
    le Sam 1 Déc 2012 - 11:38
    Merci
    FémininAge : 22Message(s) : 219

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    AQW
    le Sam 1 Déc 2012 - 13:56
    WHA *_* Sparrow tu fait des trucs trop giga giga trop bien ! Merci beaucoupppp !!


    Blblbl. ♥
    MasculinAge : 18Message(s) : 80
    Chucky'
    le Sam 1 Déc 2012 - 18:28
    merci


    MasculinAge : 28Message(s) : 18
    Sano
    le Sam 1 Déc 2012 - 22:50


      Merci beaucoup pour ce tutoriel!





    FémininAge : 23Message(s) : 39
    alexee29
    le Sam 1 Déc 2012 - 23:31
    Merci!
    MasculinAge : 24Message(s) : 22
    Barbosa
    le Dim 2 Déc 2012 - 3:44
    Arigato :)


    FémininAge : 20Message(s) : 62
    NellyFée
    le Dim 2 Déc 2012 - 15:54
    Merci du partage ! Razz
    MasculinAge : 32Message(s) : 102
    nono71230
    le Dim 2 Déc 2012 - 17:48
    merci Very Happy
    FémininAge : 24Message(s) : 213
    shala
    le Dim 2 Déc 2012 - 21:45
    merci


    FémininAge : 24Message(s) : 213
    shala
    le Dim 2 Déc 2012 - 21:45
    merci


    FémininAge : 17Message(s) : 12
    Cauze
    le Lun 3 Déc 2012 - 0:27
    merci il est génial
    Contenu sponsorisé
    Aujourd'hui à 22:16

      La date/heure actuelle est Ven 30 Sep 2016 - 22:16