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


    FémininAge : 18Message(s) : 61
    Corkyie
    le Mer 5 Déc 2012 - 18:10
    Merci ! C'est magnifique o.o
    FémininAge : 23Message(s) : 379
    Amelia sullivan
    le Mer 5 Déc 2012 - 18:56
    Wow moi j'aime
    FémininAge : 22Message(s) : 41
    The_Scream
    le Mer 5 Déc 2012 - 19:09
    Merci !


    ~That's the hell said no ~


    FémininAge : 22Message(s) : 44
    Yelonia
    le Mer 5 Déc 2012 - 21:11
    Ca a l'air vraiment génial, merci beaucoup du partage ! (:
    FémininAge : 19Message(s) : 181
    MsCrazy.E
    le Jeu 6 Déc 2012 - 21:28
    Merci pour ce partage elle est magnifique Very Happy


    FémininAge : 21Message(s) : 859
    Ptite-Ly
    le Ven 7 Déc 2012 - 16:20
    Franchement, merci de nous faire partager tous ces codes ♥ ♥ ♥
    FémininAge : 26Message(s) : 76
    Little Ghost
    le Sam 8 Déc 2012 - 12:59
    Mercii =)
    FémininAge : 18Message(s) : 35
    Sarah W.
    le Sam 8 Déc 2012 - 18:15
    Merci ♫☼♪
    MasculinAge : 21Message(s) : 166
    Jimmy
    le Sam 8 Déc 2012 - 18:52
    Coucou !!
    MasculinAge : 20Message(s) : 193
    Shisui
    le Sam 8 Déc 2012 - 19:32
    Un grand merci à toi Cap'tain, c'est fabuleu-tastique tout ça !




    FémininAge : 25Message(s) : 7
    reset
    le Dim 9 Déc 2012 - 0:33
    C'est trop bien fait ! **
    FémininAge : 37Message(s) : 206
    CathyCréation
    le Dim 9 Déc 2012 - 4:37
    txs
    MasculinAge : 27Message(s) : 18
    Jeckle
    le Dim 9 Déc 2012 - 17:11
    Merci Very Happy
    MasculinAge : 14Message(s) : 54
    totothib
    le Mar 11 Déc 2012 - 19:08
    M'rci :)
    MasculinAge : 26Message(s) : 51
    ShiShi_Chan
    le Mer 12 Déc 2012 - 17:40
    Merki beaucoup !
    MasculinAge : 19Message(s) : 21
    StrikeMC
    le Jeu 13 Déc 2012 - 12:29
    meric
    FémininAge : 28Message(s) : 93
    alex24d
    le Jeu 13 Déc 2012 - 13:13
    merci
    FémininAge : 26Message(s) : 144
    Natsuya Gaïaguard
    le Jeu 13 Déc 2012 - 19:34
    Il devrait parfaitement convenir pour la nouvelle tête que je veux donner à mon forum


    FémininAge : 24Message(s) : 476

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Skyleen
    le Ven 14 Déc 2012 - 15:46
    Merci beaucoup :)


    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    FémininAge : 23Message(s) : 197
    Stitch56
    le Ven 14 Déc 2012 - 17:05
    merci
    MasculinAge : 23Message(s) : 105
    Zuiichi
    le Sam 15 Déc 2012 - 12:57
    Merci pour le partage ! =)


    MasculinMessage(s) : 107

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Del
    le Sam 15 Déc 2012 - 22:02
    Merci


    « Run you clever boy and remember... »
    FémininAge : 20Message(s) : 37
    WhiteRaaven
    le Sam 15 Déc 2012 - 23:14
    Merci **
    MasculinAge : 20Message(s) : 1719

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Soul
    le Sam 15 Déc 2012 - 23:28
    Thanks !!
    MasculinAge : 21Message(s) : 31
    GWOO
    le Dim 16 Déc 2012 - 13:09
    merci
    Contenu sponsorisé
    Aujourd'hui à 8:38

      La date/heure actuelle est Ven 30 Sep 2016 - 8:38