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 : 31721

    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



    Maguitte2008
    FémininAge : 34Messages : 46

    le Mer 23 Jan 2013 - 16:04

    Merci :3
    Battosai
    MasculinAge : 16Messages : 29

    le Jeu 24 Jan 2013 - 19:09

    Yo !

    Merci :arrh:
    Spitfire
    FémininAge : 22Messages : 55

    le Sam 26 Jan 2013 - 17:19

    C'est assez génial ! Merci
    erwand59
    MasculinAge : 26Messages : 88

    le Dim 27 Jan 2013 - 19:29

    merci
    Léoshadow
    MasculinAge : 17Messages : 47

    le Dim 27 Jan 2013 - 20:38

    Merci Very Happy



    Mon texte Very Happy
    nougatine404
    FémininAge : 19Messages : 14

    le Dim 27 Jan 2013 - 20:57

    merci ! :3
    Aoi Kiseki
    FémininAge : 24Messages : 96

    le Lun 28 Jan 2013 - 7:18

    merciiiiiiii
    Arthuragon
    MasculinAge : 18Messages : 61

    le Mar 29 Jan 2013 - 0:26

    ,
    Riika
    FémininAge : 21Messages : 14

    le Mer 30 Jan 2013 - 9:26

    Merci !
    xmina
    FémininAge : 20Messages : 12

    le Dim 3 Fév 2013 - 2:42

    merci!
    Lindaóma
    FémininAge : 18Messages : 150

    le Dim 3 Fév 2013 - 12:11

    Merci beaucoup pour ce tuto, j'espère que je vais m'en sortir avec le code x').



    Ydrasilde
    MasculinAge : 25Messages : 23

    le Dim 3 Fév 2013 - 17:29

    Merci beaucoup =)
    Heï Kô
    MasculinAge : 22Messages : 18

    le Lun 4 Fév 2013 - 19:08

    Merci à toi !! :)
    Ahleya
    FémininAge : 21Messages : 23

    le Mer 6 Fév 2013 - 16:20

    Merci beaucoup :michi2:



    Sarius
    MasculinAge : 25Messages : 22

    le Mer 6 Fév 2013 - 16:28

    Merci beaucoup pour ce tuto.
    MissDevilsJuly
    FémininAge : 26Messages : 98

    le Mer 6 Fév 2013 - 19:58

    Merci!^^



    Little Ghost
    FémininAge : 26Messages : 80

    le Jeu 7 Fév 2013 - 13:59

    Il est vraiment très beau merci pour le partage =)
    Cydae
    FémininAge : 24Messages : 99

    le Jeu 7 Fév 2013 - 19:24

    Merci beaucoup!
    Neilia
    FémininAge : 25Messages : 92

    le Jeu 7 Fév 2013 - 20:18

    merci ♥
    Asriel
    FémininAge : 21Messages : 112

    le Jeu 7 Fév 2013 - 21:33

    Merci à toi pour ces fantastiques codages, c'est simplement génial.
    Merci pour le partage aussi ! =D



    Plume'
    FémininAge : 18Messages : 166

    le Sam 9 Fév 2013 - 10:25

    Merci !
    lapinou-doux
    FémininAge : 16Messages : 56

    le Lun 11 Fév 2013 - 19:57

    Merci beaucoup :)
    elsa2607
    FémininAge : 18Messages : 81

    le Lun 11 Fév 2013 - 21:52

    Merci pour le tuto :)



    Sunshiine*
    FémininAge : 21Messages : 16

    le Mer 13 Fév 2013 - 17:16

    Merci
    Apokalip'z
    MasculinAge : 23Messages : 287

    le Ven 15 Fév 2013 - 13:41

    merci du partage captain Wink



    Contenu sponsorisé

    Aujourd'hui à 4:00


      La date/heure actuelle est Sam 10 Déc 2016 - 4:00