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 - 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 - 12:50, édité 1 fois



    avatar
    Skylighty
    FémininAge : 87Messages : 97

    le Mar 28 Oct - 13:37

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

    le Mer 5 Nov - 23:59

    merci!!!
    avatar
    Choubakawa
    MasculinAge : 23Messages : 59

    le Jeu 6 Nov - 10:17

    Merci !



    avatar
    Rementis
    MasculinAge : 24Messages : 63

    le Dim 9 Nov - 0:13

    Merci beaucoup !
    avatar
    Fayzl4D
    MasculinAge : 20Messages : 84

    le Dim 9 Nov - 13:27

    merci
    avatar
    Black Chocolate
    MasculinAge : 27Messages : 58

    le Jeu 13 Nov - 14:56

    Merci. ♥
    avatar
    Sacha73
    MasculinAge : 37Messages : 66

    le Lun 24 Nov - 18:26

    Merci
    avatar
    âme
    FémininAge : 51Messages : 154

    le Sam 6 Déc - 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.
    avatar
    Kiki85
    MasculinAge : 22Messages : 389

    le Dim 28 Déc - 20:12

    Sympas :)
    avatar
    Dharma
    MasculinAge : 25Messages : 18

    le Ven 16 Jan - 18:45

    Merci Very Happy
    avatar
    Spliff
    MasculinAge : 24Messages : 26

    le Dim 1 Fév - 2:05

    merci
    avatar
    Akina-chan
    FémininAge : 23Messages : 138

    le Mar 3 Fév - 17:26

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

    le Mer 11 Fév - 19:15

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

    le Mar 24 Fév - 10:56

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

    le Mar 24 Fév - 17:15

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

    le Mer 25 Fév - 7:55

    Merci =)
    avatar
    Nyum
    FémininAge : 20Messages : 10

    le Dim 1 Mar - 9:54

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

    le Ven 13 Mar - 22:18

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

    le Dim 15 Mar - 19:53

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

    le Lun 16 Mar - 12:14

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

    le Ven 27 Mar - 21:16

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

    le Sam 4 Avr - 23:28

    Merci mille fois !
    avatar
    tutox
    MasculinAge : 35Messages : 22

    le Mar 7 Avr - 16:16

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

    le Lun 13 Avr - 21:07

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



    avatar
    Flaura
    FémininAge : 14Messages : 151

    le Mer 15 Avr - 13:34

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Lun 24 Avr - 11:21