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


    MasculinAge : 39Message(s) : 80
    fregadeth
    le Lun 18 Fév 2013 - 17:21
    Merci ^^
    MasculinAge : 24Message(s) : 22
    Tempo
    le Mar 19 Fév 2013 - 21:28
    Merci, c'est cool.
    MasculinAge : 21Message(s) : 57
    Tamashi
    le Mer 20 Fév 2013 - 3:47
    merci
    FémininAge : 18Message(s) : 7
    Themadlea
    le Jeu 21 Fév 2013 - 17:42
    Waah,comment c'est trop la classe,merci pour ce beau tuto *^*
    FémininAge : 28Message(s) : 146
    o~°Passion HELL
    le Dim 24 Fév 2013 - 16:29
    Un gros merci !!


    ....
    MasculinAge : 19Message(s) : 20
    Draigon
    le Dim 24 Fév 2013 - 23:32
    Merci
    FémininAge : 17Message(s) : 461
    LickingBoot
    le Dim 24 Fév 2013 - 23:42
    Merci


    FémininAge : 41Message(s) : 80
    TATACARO13
    le Lun 25 Fév 2013 - 18:58
    merci




    FémininMessage(s) : 20
    Lysa-Elaye
    le Mar 26 Fév 2013 - 1:38
    Merci beaucoup :)
    FémininAge : 30Message(s) : 210

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Tchii
    le Lun 4 Mar 2013 - 11:38
    Merci pour cette PA, je vais la tester!
    A trés vite!
    Tchii!
    MasculinAge : 23Message(s) : 11
    SeshiroLoint
    le Ven 8 Mar 2013 - 18:21
    Merci !
    FémininAge : 32Message(s) : 40
    miss69
    le Lun 11 Mar 2013 - 18:22
    Bonjour,

    J'aime beaucoup le rendu donc j'aimerai bien voir ce que cela donne et si j'utilise, je n'oublierai pas le crédit.
    FémininAge : 33Message(s) : 12
    Little_Choups
    le Mar 12 Mar 2013 - 23:46
    Superbe ! Merci beaucoup =)
    MasculinAge : 22Message(s) : 21
    StrongerEmpire
    le Mer 13 Mar 2013 - 4:19
    merci


    Age : 24Message(s) : 76
    Mitsuomi Takayanagi
    le Mer 13 Mar 2013 - 10:23
    merci pour l'astuce =)


    MasculinAge : 22Message(s) : 148
    gohan59750
    le Ven 15 Mar 2013 - 17:57
    Merci


    MasculinAge : 23Message(s) : 1493

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Scavenger
    le Ven 15 Mar 2013 - 18:55
    Moi je veux voir le tuto. >.<
    Merci bien


    FémininAge : 29Message(s) : 19
    Beaummont
    le Ven 15 Mar 2013 - 21:43
    Merci beaucoup!


    MasculinAge : 18Message(s) : 45
    Luke McAlister
    le Ven 15 Mar 2013 - 21:57
    Encore un fois un grand merci à toi ! Very Happy
    FémininAge : 26Message(s) : 152
    Orochimaru
    le Sam 16 Mar 2013 - 2:36
    Merci (:


    Orochimaru

    " Les proies doivent toujours faire preuve de la plus grande vigilance, lorsqu'elles tentent d'échapper à leur prédateur. Tout ce qu'une proie peut espérer de son prédateur, c'est qu'il daigne la laisser tranquille après avoir eu ce qu'il voulait."
    FémininAge : 32Message(s) : 137

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Vani
    le Lun 18 Mar 2013 - 18:09
    Ca fait chouette comme ça. ^^
    MasculinAge : 23Message(s) : 259
    Likilou
    le Lun 18 Mar 2013 - 18:27
    Thanks!


    FémininAge : 15Message(s) : 24
    Linn
    le Mar 19 Mar 2013 - 16:11
    C'est superbe merci !:)


    FémininAge : 22Message(s) : 57
    Ryuu
    le Mer 20 Mar 2013 - 11:12
    Merci <3


    FémininAge : 22Message(s) : 55
    Spitfire
    le Mer 20 Mar 2013 - 22:42
    Merci ! Je suis curieuse de voir comment c'est construit !
    Contenu sponsorisé
    Aujourd'hui à 7:25

      La date/heure actuelle est Dim 25 Sep 2016 - 7:25