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


    MasculinAge : 83Message(s) : 22
    Sheldon.C
    le Dim 16 Déc 2012 - 7:25
    Merci :)
    FémininAge : 16Message(s) : 114
    Killae Adams
    le Dim 16 Déc 2012 - 7:45
    Merci ^^
    FémininAge : 20Message(s) : 54
    Artémis Walker
    le Dim 16 Déc 2012 - 8:20
    Merci pour le tutoriel


    FémininAge : 20Message(s) : 152
    Zarwins
    le Lun 17 Déc 2012 - 22:38
    Un grand merci <3


    FémininAge : 29Message(s) : 125
    Ryu-Kin
    le Ven 21 Déc 2012 - 10:30
    Merci beaucoup !!!
    FémininAge : 20Message(s) : 288

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Minishiro
    le Ven 21 Déc 2012 - 20:23
    Merci! :)


    MasculinAge : 25Message(s) : 137
    KanyeWest
    le Sam 22 Déc 2012 - 11:46
    mercii
    MasculinAge : 27Message(s) : 307
    Kasshad
    le Sam 22 Déc 2012 - 16:06
    Tant qu'à faire x)


    FémininAge : 22Message(s) : 28
    Suika
    le Lun 24 Déc 2012 - 11:56
    Trop beau *-* merci beaucoup!
    FémininAge : 23Message(s) : 19
    I.P
    le Jeu 27 Déc 2012 - 8:23
    Merci merci merciiii!!!! Razz
    MasculinAge : 20Message(s) : 105
    Shiryuu
    le Jeu 27 Déc 2012 - 12:29
    Merci beaucoup, très agréable à regarder !




    [img][/img]

    MasculinAge : 21Message(s) : 38
    Nayero
    le Jeu 27 Déc 2012 - 17:37
    merci


    FémininAge : 19Message(s) : 7
    Lou Black
    le Lun 31 Déc 2012 - 12:17
    Merci !
    MasculinAge : 17Message(s) : 23
    SO'
    le Lun 31 Déc 2012 - 12:20
    Merci !!!!!!!!
    MasculinAge : 21Message(s) : 40
    Cky
    le Lun 31 Déc 2012 - 17:12
    Exactement ce que je cherchais ! Merci beaucoup !!Very Happy
    MasculinAge : 21Message(s) : 140
    Heine
    le Mar 1 Jan 2013 - 12:47
    J'aime ! **

    Merci et bravo ! o/


    FémininAge : 29Message(s) : 37
    Ohani
    le Ven 4 Jan 2013 - 0:38
    Merci ^^


    FémininAge : 24Message(s) : 88
    Cortisalia
    le Ven 4 Jan 2013 - 6:06
    La pa est tout simplement sublime ! Hâte de voir comment elle va rendre sur mon fow ! ♥ Merci ! :)


    FémininAge : 19Message(s) : 30
    Perle
    le Ven 4 Jan 2013 - 15:39
    merci
    FémininAge : 20Message(s) : 18
    Laombre
    le Sam 5 Jan 2013 - 4:26
    Merci. Wink
    FémininAge : 24Message(s) : 91
    La ptite voix
    le Sam 5 Jan 2013 - 7:16
    merciiii
    MasculinAge : 33Message(s) : 634
    sébastien
    le Dim 6 Jan 2013 - 8:02
    merci


    FémininAge : 24Message(s) : 18
    Alaplaya1
    le Lun 7 Jan 2013 - 15:12
    Merci Very Happy !
    FémininAge : 26Message(s) : 154
    Neko Mimi
    le Mar 8 Jan 2013 - 7:59
    Merci beaucoup **


    MasculinAge : 19Message(s) : 101

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Natsuo Tanacka
    le Mer 9 Jan 2013 - 17:22
    merci


    Contenu sponsorisé
    Aujourd'hui à 23:12

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