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

    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 : 32Message(s) : 74
    Ouat
    le Jeu 10 Jan 2013 - 8:40
    Je sui véritablement fan de votre travail et admirative du temps passé pour nous offrir tout ça !
    FémininAge : 18Message(s) : 25
    Canard
    le Jeu 10 Jan 2013 - 22:42
    Merci. (:


    FémininAge : 17Message(s) : 13
    Eria
    le Ven 11 Jan 2013 - 18:30
    J'aimerai voir, merci beaucoup n_n
    FémininAge : 18Message(s) : 127
    W.
    le Ven 11 Jan 2013 - 22:22
    Parfait! Magnifique! Merci ^^


    Je suis Charlie.
    MasculinAge : 21Message(s) : 70
    Arrogant Mischief
    le Sam 12 Jan 2013 - 2:38
    Merci !


    FémininAge : 16Message(s) : 32
    Anastasia Roskaff
    le Dim 13 Jan 2013 - 12:30
    Trop beau *O* Merci ! =)
    MasculinAge : 26Message(s) : 45
    Tony_Wayne
    le Dim 13 Jan 2013 - 13:51
    Merci
    FémininAge : 16Message(s) : 14
    Black Laugh
    le Mer 16 Jan 2013 - 19:03
    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 Mer 16 Jan 2013 - 20:32
    merci beaucoup :)


    Absente pour une durée indéterminée.
    FémininAge : 26Message(s) : 98
    MissDevilsJuly
    le Jeu 17 Jan 2013 - 5:45
    WOW merci!^^ Très intéressant!


    FémininAge : 24Message(s) : 131
    Kalhan
    le Sam 19 Jan 2013 - 18:06
    Je vais tester ça merci !
    FémininAge : 24Message(s) : 63
    Cissy
    le Sam 19 Jan 2013 - 20:02
    Merci ! :love:
    FémininAge : 18Message(s) : 269

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Belosnezhka
    le Lun 21 Jan 2013 - 23:12
    Merci =)
    FémininAge : 18Message(s) : 4
    Yukiokami
    le Jeu 24 Jan 2013 - 20:06
    Merci!


    FémininAge : 21Message(s) : 34
    Reeta
    le Ven 25 Jan 2013 - 17:51
    Gorgeous ! **
    FémininAge : 66Message(s) : 8
    Febrilis
    le Sam 26 Jan 2013 - 1:24
    Merci bien ! :)
    MasculinAge : 26Message(s) : 88
    erwand59
    le Sam 26 Jan 2013 - 18:37
    Utile ... Très utile merci jack' :p
    FémininAge : 22Message(s) : 20

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Enid.
    le Sam 26 Jan 2013 - 22:48
    Mercii
    MasculinAge : 34Message(s) : 12
    EvilGibo
    le Dim 27 Jan 2013 - 10:26
    Merci Beaucoup *-* !!!
    FémininAge : 16Message(s) : 42
    Esther Amyko
    le Dim 27 Jan 2013 - 10:52
    Thank you **


    FémininAge : 19Message(s) : 14
    nougatine404
    le Dim 27 Jan 2013 - 21:26
    merci !
    FémininAge : 24Message(s) : 96
    Aoi Kiseki
    le Lun 28 Jan 2013 - 6:57
    Merrciiiiiiii
    FémininAge : 26Message(s) : 97
    Souky Mitsu
    le Mar 29 Jan 2013 - 3:30
    Très beau, merci !
    FémininAge : 47Message(s) : 192
    katia06
    le Mar 29 Jan 2013 - 9:40
    bonjour,

    tout d'abord merci pour ces superbes présentations, elles très belles et dynamiques.

    J'aimerais si possible avoir juste le panneau d'accueil que vous présentez au début du forum test, es qu'il est possible d'avoir le code
    merci d'avance et encore bravo
    biz
    FémininAge : 37Message(s) : 121
    Patou972
    le Mar 29 Jan 2013 - 18:14
    merci beaucoup bises
    Contenu sponsorisé
    Aujourd'hui à 22:53

      La date/heure actuelle est Sam 24 Sep 2016 - 22:53