Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    MasculinAge : 31Message(s) : 31657

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    le Sam 24 Nov 2012 - 11: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 - 7:50, édité 1 fois


    FémininAge : 86Message(s) : 86
    Skylighty
    le Mar 28 Oct 2014 - 8:37
    merci ^^
    FémininAge : 30Message(s) : 37
    Alysanne
    le Mer 5 Nov 2014 - 17:59
    merci!!!
    MasculinAge : 23Message(s) : 56

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Choubakawa
    le Jeu 6 Nov 2014 - 4:17
    Merci !


    MasculinAge : 23Message(s) : 63
    Rementis
    le Sam 8 Nov 2014 - 18:13
    Merci beaucoup !
    MasculinAge : 20Message(s) : 84
    Fayzl4D
    le Dim 9 Nov 2014 - 7:27
    merci
    MasculinAge : 27Message(s) : 44
    Black Chocolate
    le Jeu 13 Nov 2014 - 8:56
    Merci. ♥
    MasculinAge : 36Message(s) : 61
    Sacha73
    le Lun 24 Nov 2014 - 12:26
    Merci
    FémininAge : 51Message(s) : 150
    âme
    le Sam 6 Déc 2014 - 7: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.
    MasculinAge : 21Message(s) : 365

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kiki85
    le Dim 28 Déc 2014 - 14:12
    Sympas :)
    MasculinAge : 24Message(s) : 18
    Dharma
    le Ven 16 Jan 2015 - 12:45
    Merci Very Happy
    MasculinAge : 24Message(s) : 26
    Spliff
    le Sam 31 Jan 2015 - 20:05
    merci
    FémininAge : 23Message(s) : 136

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Akina-chan
    le Mar 3 Fév 2015 - 11:26
    Merci ! <3
    FémininAge : 24Message(s) : 79
    Luna_Rakuen
    le Mer 11 Fév 2015 - 13:15
    Merci beaucoup :) C'est super beau :)
    FémininAge : 25Message(s) : 254
    CapriceK
    le Mar 24 Fév 2015 - 4:56
    Voyons voir ça...Merci!
    FémininAge : 29Message(s) : 66

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Rhoswen Fay
    le Mar 24 Fév 2015 - 11:15
    très joli merci !
    FémininAge : 26Message(s) : 93
    okeane
    le Mer 25 Fév 2015 - 1:55
    Merci =)
    FémininAge : 19Message(s) : 10

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Nyum
    le Dim 1 Mar 2015 - 3:54
    C'est vraiment super! merci !!!! Very Happy
    FémininAge : 18Message(s) : 51
    Kaimie
    le Ven 13 Mar 2015 - 17:18
    C'est magnifique ! Merci
    FémininAge : 23Message(s) : 121
    Chèlha
    le Dim 15 Mar 2015 - 14:53
    C'est super merci de le mettre en libre service.
    FémininAge : 22Message(s) : 155

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    DanJack
    le Lun 16 Mar 2015 - 7:14
    Merci =) !
    FémininAge : 22Message(s) : 14
    Shelly.R
    le Ven 27 Mar 2015 - 16:16
    Merci beaucoup pour cette PA magnifique !
    FémininAge : 25Message(s) : 76

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Helvelina
    le Sam 4 Avr 2015 - 17:28
    Merci mille fois !
    MasculinAge : 35Message(s) : 22
    tutox
    le Mar 7 Avr 2015 - 10:16
    Bonjour Merci beaucoup c'est super votre travail
    FémininAge : 30Message(s) : 130
    Saya Akimoto
    le Lun 13 Avr 2015 - 15:07
    Merci beaucoup pour ton codage. Je pense qu'il va avoir un autre forum de sauver.


    FémininAge : 13Message(s) : 148

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Flaura
    le Mer 15 Avr 2015 - 7:34
    Merci !


    Contenu sponsorisé
    Aujourd'hui à 12:50

      La date/heure actuelle est Ven 30 Sep 2016 - 12:50