PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 24/01/2019 11:59:25

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 775
Site Web

Onglets

Bonjour,

Pour le thème d'un de mes sites je dois afficher beaucoup d'informations sous forme de tableau ou liste.

Afin de facilité la lecture je pensais utiliser des onglets. Est-ce qu'il y a quelque chose de prévue dans PluCss ou bien c'est à faire ?


"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

#2 24/01/2019 15:41:08

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 610
Site Web

Re : Onglets

Je pense que c'est à faire...


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#3 25/01/2019 00:23:57

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 250
Site Web

Re : Onglets

Pour PluCSS, je n'ai pas d'info mais cela existe avec Knacss
https://www.knacss.com/doc.html#tabs

Mais si tu as beaucoup d'onglets, l'écran risque de ne plus être assez large. Pour cela, je préfère une liste déroulante.

Hors ligne

#4 25/01/2019 13:33:18

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 775
Site Web

Re : Onglets

Ok merci.

Je vais m'inspirer de knacss


"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

#5 25/01/2019 18:29:50

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 610
Site Web

Re : Onglets

Knacss utilise jquery pour ça et c'est pas si évident que ça à mettre en place.

Tu peux prendre exemple là dessus : https://codepen.io/llgruff/pen/ZGBxOa ou ça https://codepen.io/fusco/pen/Wvzjrm (css et html. Pas de js)
Voir aussi : https://github.com/you-dont-need/You-Do … cript#Tabs


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#6 26/01/2019 01:36:36

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 250
Site Web

Re : Onglets

Effectivement Knacss utilise JQuery

On peut le faire en pure CSS ou utiliser un peu de javascript pour afficher l'onglet actif :
https://codepen.io/bazooka07/pen/ombyPK

Hors ligne

#7 01/02/2019 11:42:06

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 775
Site Web

Re : Onglets

L'avantage de passer par du jquery est que le contenue des onglets pourrait ce charger dynamiquement, une piste : https://devlint.fr/inclure-une-page-ajax

Dernière modification par flipflip (01/02/2019 13:58:29)


"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

#8 05/02/2019 00:33:15

Cristofoto
Membre
Inscription : 07/11/2011
Messages : 62

Re : Onglets


Site PluXml de test : http://pluxtest.cristofoto.fr

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2019 PluXml.org, tous droits réservés