AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

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
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    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 :


    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



    avatar
    Colyn
    FémininAge : 24Messages : 9

    le Dim 10 Jan 2016 - 17:17

    Je garde l'idée dans un coin de ma petite tête ! Merci~
    avatar
    layna
    FémininAge : 25Messages : 68

    le Mer 3 Fév 2016 - 23:28

    thanks
    avatar
    Océ
    FémininAge : 43Messages : 270

    le Jeu 4 Fév 2016 - 10:47

    Jolie et merci



    Bonjours voici les pv's que nous cherchons : [url=http://www.never-utopia.com/t63181-les-postes-vacants-pour-les-chronuque-de-aya#960582 L’annonce est ici[/url]
    avatar
    Guift
    FémininAge : 18Messages : 50

    le Dim 6 Mar 2016 - 14:38

    Merci!



    avatar
    Coco-Lapin02
    MasculinAge : 49Messages : 147

    le Ven 18 Mar 2016 - 12:56

    Merci
    avatar
    xmissmegy
    FémininAge : 22Messages : 7

    le Ven 25 Mar 2016 - 22:57

    merci !!
    avatar
    Feng.Yi
    FémininAge : 102Messages : 30

    le Mar 29 Mar 2016 - 4:47

    Merci !
    avatar
    Margaux E.
    FémininAge : 14Messages : 25

    le Ven 1 Avr 2016 - 20:39

    Merci ! :)
    avatar
    Sophie2
    FémininAge : 53Messages : 61

    le Mer 6 Avr 2016 - 17:04

    Merci.
    avatar
    Eozum
    MasculinAge : 19Messages : 12

    le Mer 27 Avr 2016 - 11:08

    Merci ! Very Happy
    avatar
    Stronger
    MasculinAge : 23Messages : 277

    le Jeu 12 Mai 2016 - 1:47

    merci !



    avatar
    *-Atlas-*
    MasculinAge : 28Messages : 135

    le Sam 14 Mai 2016 - 0:03

    j'essaie



    avatar
    chocapiix59
    FémininAge : 24Messages : 23

    le Dim 17 Juil 2016 - 23:04

    Merci Very Happy c'est extra !!!!
    avatar
    Yttel
    MasculinAge : 35Messages : 29

    le Ven 19 Aoû 2016 - 0:25

    Thanks
    avatar
    Seano'k
    MasculinAge : 21Messages : 20

    le Lun 17 Oct 2016 - 13:36

    Merci !
    avatar
    Lexucio
    MasculinAge : 23Messages : 31

    le Dim 23 Oct 2016 - 14:24

    Merci bien =D
    avatar
    Akamis
    MasculinAge : 16Messages : 5

    le Dim 8 Jan 2017 - 13:49

    Magnifique, merci beaucoooup ! Very Happy
    avatar
    Burn'
    MasculinAge : 23Messages : 42

    le Dim 8 Jan 2017 - 21:37

    Hello ! comeback après je ne sais combien d'années

    Pas pour une PA, mais plutôt pour une "gazette". J'ai l'impression que ça collera parfaitement. Merci du partage en tout cas :aww:
    avatar
    Loona
    FémininAge : 50Messages : 21

    le Dim 19 Fév 2017 - 13:14

    Merci beaucoup.



    avatar
    Örmée
    MasculinAge : 30Messages : 106

    le Jeu 30 Mar 2017 - 9:10

    Merci =)
    avatar
    mijako
    FémininAge : 25Messages : 83

    le Jeu 6 Avr 2017 - 2:04

    merci >---<
    avatar
    Apokalip'z
    MasculinAge : 24Messages : 290

    le Lun 10 Avr 2017 - 20:13

    merci Wink



    avatar
    Pandinou
    MasculinAge : 25Messages : 11

    le Mer 31 Mai 2017 - 23:02

    Merci du partage
    avatar
    Professeur
    FémininAge : 19Messages : 11

    le Jeu 29 Juin 2017 - 19:46

    Merci Very Happy
    avatar
    Roronoa
    MasculinAge : 26Messages : 4

    le Mar 4 Juil 2017 - 18:44

    J'aime beaucoup
    Contenu sponsorisé


      La date/heure actuelle est Mar 21 Nov 2017 - 18:25