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



    Peeves Leviosa
    MasculinAge : 16Messages : 15

    le Dim 15 Oct 2017 - 16:50

    Pile ce que je recherche ! :o Merciii
    avatar
    Melle Lena
    FémininAge : 42Messages : 297

    le Mar 17 Oct 2017 - 14:04

    Joli ! Merci beaucoup.
    avatar
    Mini BN
    FémininAge : 22Messages : 38

    le Dim 5 Nov 2017 - 22:50

    Très sympa, j'aime bien les systèmes d'onglets ! :) Merci beaucoup ♥
    avatar
    ptite_perle
    FémininAge : 54Messages : 124

    le Mar 5 Déc 2017 - 20:39

    Merci :)



    avatar
    0pium
    FémininAge : 24Messages : 21

    le Ven 8 Déc 2017 - 10:07

    C'est pile ce que je cherchais, merci bien! ham1
    avatar
    subanaru
    FémininAge : 23Messages : 3

    le Sam 9 Déc 2017 - 15:31

    J'aime beaucoup, merci !
    avatar
    Zelankiel
    FémininAge : 28Messages : 23

    le Sam 9 Déc 2017 - 17:43

    Oh pratique, merci Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Mar 12 Déc 2017 - 18:47