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
    Okhmhaka
    FémininAge : 31Messages : 31717

    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



    Skylighty
    FémininAge : 86Messages : 87

    le Mar 28 Oct 2014 - 13:37

    merci ^^
    Alysanne
    FémininAge : 30Messages : 37

    le Mer 5 Nov 2014 - 23:59

    merci!!!
    Choubakawa
    MasculinAge : 23Messages : 56

    le Jeu 6 Nov 2014 - 10:17

    Merci !



    Rementis
    MasculinAge : 23Messages : 63

    le Dim 9 Nov 2014 - 0:13

    Merci beaucoup !
    Fayzl4D
    MasculinAge : 20Messages : 84

    le Dim 9 Nov 2014 - 13:27

    merci
    Black Chocolate
    MasculinAge : 27Messages : 44

    le Jeu 13 Nov 2014 - 14:56

    Merci. ♥
    Sacha73
    MasculinAge : 36Messages : 63

    le Lun 24 Nov 2014 - 18:26

    Merci
    âme
    FémininAge : 51Messages : 150

    le Sam 6 Déc 2014 - 13:32

    Je pense prendre celui-ci plutôt que l'accordéon actuel.
    Un grand merci à toi.



    Sur Color'Avenue, L'urgent est déjà fait, l'impossible est en cours...pour les miracles, prévoir un délais.
    Kiki85
    MasculinAge : 21Messages : 366

    le Dim 28 Déc 2014 - 20:12

    Sympas :)
    Dharma
    MasculinAge : 24Messages : 18

    le Ven 16 Jan 2015 - 18:45

    Merci Very Happy
    Spliff
    MasculinAge : 24Messages : 26

    le Dim 1 Fév 2015 - 2:05

    merci
    Akina-chan
    FémininAge : 23Messages : 137

    le Mar 3 Fév 2015 - 17:26

    Merci ! <3
    Luna_Rakuen
    FémininAge : 24Messages : 79

    le Mer 11 Fév 2015 - 19:15

    Merci beaucoup :) C'est super beau :)
    CapriceK
    FémininAge : 25Messages : 254

    le Mar 24 Fév 2015 - 10:56

    Voyons voir ça...Merci!
    Rhoswen Fay
    FémininAge : 29Messages : 66

    le Mar 24 Fév 2015 - 17:15

    très joli merci !
    okeane
    FémininAge : 26Messages : 93

    le Mer 25 Fév 2015 - 7:55

    Merci =)
    Nyum
    FémininAge : 19Messages : 10

    le Dim 1 Mar 2015 - 9:54

    C'est vraiment super! merci !!!! Very Happy
    Kaimie
    FémininAge : 18Messages : 52

    le Ven 13 Mar 2015 - 22:18

    C'est magnifique ! Merci
    Chèlha
    FémininAge : 23Messages : 121

    le Dim 15 Mar 2015 - 19:53

    C'est super merci de le mettre en libre service.
    DanJack
    FémininAge : 22Messages : 155

    le Lun 16 Mar 2015 - 12:14

    Merci =) !
    Shelly.R
    FémininAge : 22Messages : 14

    le Ven 27 Mar 2015 - 21:16

    Merci beaucoup pour cette PA magnifique !
    Helvelina
    FémininAge : 25Messages : 76

    le Sam 4 Avr 2015 - 23:28

    Merci mille fois !
    tutox
    MasculinAge : 35Messages : 22

    le Mar 7 Avr 2015 - 16:16

    Bonjour Merci beaucoup c'est super votre travail
    Saya Akimoto
    FémininAge : 30Messages : 130

    le Lun 13 Avr 2015 - 21:07

    Merci beaucoup pour ton codage. Je pense qu'il va avoir un autre forum de sauver.



    Flaura
    FémininAge : 13Messages : 148

    le Mer 15 Avr 2015 - 13:34

    Merci !



    Contenu sponsorisé

    Aujourd'hui à 3:08


      La date/heure actuelle est Jeu 8 Déc 2016 - 3:08