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

    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 : 47Message(s) : 192
    katia06
    le Mar 29 Jan 2013 - 20:00
    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 : 25Message(s) : 305
    Eil'liathan Tyan'Lirulin
    le Mar 29 Jan 2013 - 20:30
    Merci ^^
    MasculinAge : 22Message(s) : 62
    giannismoll7
    le Mar 29 Jan 2013 - 22:21
    Sparrow-style a écrit: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 !





    merci :)
    FémininAge : 47Message(s) : 192
    katia06
    le Mer 30 Jan 2013 - 10:18
    merci pour vos explications, mais celui qui m'interresse c'est celui qui est en tout premier, voir capture



    es possible d'avoir le code et les explications, car je connais peu le codage

    encore merci pour votre aide et vos superbes partages


    FémininAge : 24Message(s) : 67
    Amera
    le Mer 30 Jan 2013 - 21:36
    Merci beaucoup !


    FémininAge : 21Message(s) : 85
    Moriarty
    le Jeu 31 Jan 2013 - 12:26
    Merci !
    MasculinAge : 18Message(s) : 61
    Arthuragon
    le Jeu 31 Jan 2013 - 20:33
    Lutipilipi
    FémininAge : 20Message(s) : 12
    xmina
    le Dim 3 Fév 2013 - 2:49
    mercii
    MasculinAge : 20Message(s) : 14
    Crumaga
    le Mar 5 Fév 2013 - 12:23
    Merci ! :)
    FémininAge : 21Message(s) : 23
    Ahleya
    le Mer 6 Fév 2013 - 16:20
    J'adore ham3
    Merci du partage =D


    FémininAge : 24Message(s) : 99
    Cydae
    le Jeu 7 Fév 2013 - 19:17
    Merci pour les codes, cette PA est superbe!
    FémininAge : 24Message(s) : 39
    ♦ Mari-Jane
    le Sam 9 Fév 2013 - 23:32
    Merci Very Happy
    FémininAge : 21Message(s) : 502

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Flower_*
    le Dim 10 Fév 2013 - 11:51
    Comme d'habitude, c'est magnifique :love:
    MasculinAge : 17Message(s) : 65
    Jona'
    le Dim 10 Fév 2013 - 14:05
    Voyons voir Very Happy
    Merci ^^


    FémininAge : 25Message(s) : 50
    warning.sign
    le Lun 11 Fév 2013 - 17:15
    merci Very Happy
    FémininAge : 25Message(s) : 1144

    Les Guildes
    Guilde des Conteurs:
    3/10  (3/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Rozenbrez
    le Mar 12 Fév 2013 - 15:15
    Captain tes codes sont toujours aussi bien réalisé j'adoooore *O* Et merci de nous les faire partager <3


    MasculinAge : 20Message(s) : 109
    Eques
    le Mar 12 Fév 2013 - 18:03
    merci !
    FémininAge : 48Message(s) : 111
    bianca ~♥~
    le Mar 12 Fév 2013 - 21:41
    Merci,c'est très pratique :)


    FémininAge : 15Message(s) : 55
    Synny
    le Mer 13 Fév 2013 - 15:46
    J'aime beaucoup cette P.A .
    FémininAge : 29Message(s) : 29
    People Are Strange
    le Mer 13 Fév 2013 - 19:00
    merci *o*
    MasculinAge : 26Message(s) : 38
    Darth Bogus
    le Jeu 14 Fév 2013 - 18:46
    thank
    FémininAge : 30Message(s) : 239
    Euterpe
    le Ven 15 Fév 2013 - 14:48
    merci
    FémininAge : 15Message(s) : 146

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Eerie Ange's
    le Sam 16 Fév 2013 - 16:34
    Merci
    MasculinAge : 23Message(s) : 70
    Seiden.
    le Sam 16 Fév 2013 - 18:07
    Je vais tester celle ci... Merci pour tes codes!
    FémininAge : 21Message(s) : 107
    Pwaar
    le Dim 17 Fév 2013 - 17:27
    Très sympa, merci du partage **
    Contenu sponsorisé
    Aujourd'hui à 3:36

      La date/heure actuelle est Jeu 29 Sep 2016 - 3:36