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.


  • Poster un nouveau sujet
  • Répondre au sujet

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

Partagez
avatar
Okhmhaka
FémininAge : 32Messages : 31851

le Sam 24 Nov 2012 - 17:54

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



avatar
Depp
FémininAge : 26Messages : 298

le Sam 24 Nov 2012 - 19:19

Première à te remercier, comme d'habitude, ce que tu fais et juste superbement réalisé Very Happy



avatar
Gouttou †
FémininAge : 19Messages : 50

le Sam 24 Nov 2012 - 19:39

Bravo et merci (:
C'est beau et bien organisé °°



avatar
DDril
MasculinAge : 32Messages : 34

le Sam 24 Nov 2012 - 21:24

Merci !
avatar
Nevah
MasculinAge : 29Messages : 30

le Dim 25 Nov 2012 - 0:12

C'est beau ! MErci !
avatar
Elyzabeth
FémininAge : 25Messages : 40

le Lun 26 Nov 2012 - 12:25

Trop bien, merci !
avatar
ladybr
FémininAge : 27Messages : 45

le Lun 26 Nov 2012 - 19:03

merci
avatar
Yuriko Yomi
FémininAge : 18Messages : 9

le Lun 26 Nov 2012 - 19:19

Merci Beaucoup ♥



avatar
Shinrai
FémininAge : 26Messages : 9

le Lun 26 Nov 2012 - 21:41

merci ♥
avatar
Connor Kenway
FémininAge : 17Messages : 8

le Mar 27 Nov 2012 - 19:02

Thanks.
avatar
higgins
MasculinAge : 17Messages : 14

le Mer 28 Nov 2012 - 13:33

Pile celui qu'il me falait !! Merci !
avatar
KaraV3
MasculinAge : 20Messages : 27

le Mer 28 Nov 2012 - 13:38

Merci
avatar
Invité

le Mer 28 Nov 2012 - 17:59

Thanks...
avatar
Laetitia
FémininAge : 35Messages : 88

le Mer 28 Nov 2012 - 18:53

Merci beaucoup
avatar
Mile
FémininAge : 19Messages : 20

le Sam 1 Déc 2012 - 11:38

Merci
avatar
AQW
FémininAge : 22Messages : 223

le Sam 1 Déc 2012 - 13:56

WHA *_* Sparrow tu fait des trucs trop giga giga trop bien ! Merci beaucoupppp !!



Blblbl. ♥
avatar
Chucky'
MasculinAge : 19Messages : 80

le Sam 1 Déc 2012 - 18:28

merci



avatar
Sano
MasculinAge : 29Messages : 18

le Sam 1 Déc 2012 - 22:50



    Merci beaucoup pour ce tutoriel!






avatar
alexee29
FémininAge : 23Messages : 39

le Sam 1 Déc 2012 - 23:31

Merci!
avatar
Barbosa
MasculinAge : 25Messages : 22

le Dim 2 Déc 2012 - 3:44

Arigato :)



avatar
NellyFée
FémininAge : 21Messages : 62

le Dim 2 Déc 2012 - 15:54

Merci du partage ! Razz
avatar
nono71230
MasculinAge : 33Messages : 102

le Dim 2 Déc 2012 - 17:48

merci Very Happy
avatar
shala
FémininAge : 25Messages : 213

le Dim 2 Déc 2012 - 21:45

merci



avatar
shala
FémininAge : 25Messages : 213

le Dim 2 Déc 2012 - 21:45

merci



avatar
Cauze
FémininAge : 18Messages : 12

le Lun 3 Déc 2012 - 0:27

merci il est génial
Contenu sponsorisé

  • Poster un nouveau sujet
  • Répondre au sujet

La date/heure actuelle est Mer 26 Juil 2017 - 6:40