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.


    QEEL onglets latéraux contenu apparaissant "onClic" (focus - CSS)

    Partagez
    Okhmhaka
    FémininAge : 31Messages : 31707

    le Sam 24 Nov 2012 - 18:03

    Rappel du premier message :

    Bonjour, bonsoir,

    Dans l'idée de la PA équivalente, voici le même principe de focus appliqué à un QEEL, lui aussi déjà rempli, vous n'avez plus qu'à installer et personnaliser son apparence, et en particulier les images qui l'encadrent.
    Un petit aperçu tout d'abord :

    Lien Forum Test

    Il s'agit du premier QEEL du forum, au fond marron et avec la femme manga allongée au dessus.

    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 - 16:08, édité 1 fois



    Akiki
    FémininAge : 18Messages : 24

    le Mar 1 Jan 2013 - 20:24

    Magnifique merci
    Eques
    MasculinAge : 20Messages : 109

    le Mer 2 Jan 2013 - 4:34

    Merci :)
    Sun01
    FémininAge : 23Messages : 24

    le Mer 2 Jan 2013 - 12:40

    merci
    Milka
    FémininAge : 28Messages : 109

    le Mer 2 Jan 2013 - 15:29

    Merci pour ce code ^.^
    Solitude
    FémininAge : 41Messages : 251

    le Mer 2 Jan 2013 - 16:06

    Merci.



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Riingo
    FémininAge : 20Messages : 17

    le Jeu 3 Jan 2013 - 13:31

    Merci beaucoup du partage >w<
    Teseu
    MasculinAge : 21Messages : 54

    le Ven 4 Jan 2013 - 3:08

    Merci Very Happy
    Plume de Phénix
    MasculinAge : 17Messages : 24

    le Ven 4 Jan 2013 - 13:35

    Merci !
    Prince Of Spades
    MasculinAge : 23Messages : 50

    le Dim 6 Jan 2013 - 19:05


    Merci ! ^.^
    Graph"X"
    MasculinAge : 31Messages : 268

    le Mar 8 Jan 2013 - 18:09

    je veux je veux voir ^^






    Mon forum Reptile:

    Dydy
    FémininAge : 26Messages : 472

    le Jeu 10 Jan 2013 - 20:01

    merci du partage ♥



    Eria
    FémininAge : 17Messages : 13

    le Ven 11 Jan 2013 - 18:41

    Je souhaiterai voir, merci Wink
    Chroma
    FémininAge : 19Messages : 28

    le Sam 12 Jan 2013 - 12:21

    Merci pour le partage C:
    ptite_perle
    FémininAge : 53Messages : 86

    le Dim 13 Jan 2013 - 16:22

    Merci



    Invité

    le Lun 14 Jan 2013 - 9:17

    Merci du partage !
    sébastien
    MasculinAge : 33Messages : 634

    le Lun 14 Jan 2013 - 17:07

    merci



    Crook's
    MasculinAge : 17Messages : 15

    le Lun 14 Jan 2013 - 21:24

    Thank's guy !
    Lalabelle
    FémininAge : 23Messages : 35

    le Mer 16 Jan 2013 - 7:09

    Merci !
    CaraMiel :3
    FémininAge : 15Messages : 15

    le Jeu 17 Jan 2013 - 15:38

    Merci pour le partage ^^ !
    Zeloo
    FémininAge : 20Messages : 64

    le Ven 18 Jan 2013 - 18:21

    Super tutoriel merci /O/



    Alaplaya1
    FémininAge : 24Messages : 18

    le Dim 20 Jan 2013 - 19:12

    C'est super ! ^.^
    Edward Speleers
    FémininAge : 28Messages : 332

    le Lun 21 Jan 2013 - 10:33

    Merci pour le partage, c'est un très joli QEEL :)



    Jae Joong
    MasculinAge : 27Messages : 34

    le Lun 21 Jan 2013 - 20:18

    Merci per le tuto ^^
    Chef Fausto
    MasculinAge : 34Messages : 15

    le Mer 23 Jan 2013 - 13:07

    genial
    Tanchi
    Age : 25Messages : 340

    le Mer 23 Jan 2013 - 14:16

    Très beau QEEL, merci du partage :)



    Contenu sponsorisé

    Aujourd'hui à 1:26


      La date/heure actuelle est Lun 5 Déc 2016 - 1:26