faire disparaître un menu (responsive)

Bonjour,
toujours à la recherche d'un menu idéal pour un site éditorial
(beaucoup de rubriques, beaucoup d'articles)
je bricole un menu déroulant horizontal pour écran large
et vertical pour écran moins de 600 px.

Mais il me manque la commande pour remplacer le menu
par un bouton quand on passe en écran étroit.

Est-ce que quelqu'un aurait un bout de css pour faire ça
sans aller fouiller au fin fond des plugins ?

merci tout plein Sylvain
(j'ai juste pas envie de réinventer l'eau chaude...)

sylvain Du Pasquier a écrit le 05/07/2017 à 17:35 :

Bonjour,
toujours à la recherche d'un menu idéal pour un site éditorial
(beaucoup de rubriques, beaucoup d'articles)
je bricole un menu déroulant horizontal pour écran large
et vertical pour écran moins de 600 px.

Mais il me manque la commande pour remplacer le menu
par un bouton quand on passe en écran étroit.

Est-ce que quelqu'un aurait un bout de css pour faire ça
sans aller fouiller au fin fond des plugins ?

merci tout plein Sylvain
(j'ai juste pas envie de réinventer l'eau chaude...)

Plugin SIDR.

--
RealET

Salut,
Je ne sais pas si cela réponds aux besoins ...
http://jasonweaver.name/lab/flexiblenavigation/
Bonne journée.
++
Aurélien.

-----Message d'origine-----
De : sylvain Du Pasquier [mailto:syl.dupac@wanadoo.fr]
Envoyé : mercredi 5 juillet 2017 19:36
À : spip@rezo.net
Objet : [Spip] faire disparaître un menu (responsive)

Bonjour,
toujours à la recherche d'un menu idéal pour un site éditorial (beaucoup de
rubriques, beaucoup d'articles) je bricole un menu déroulant horizontal pour
écran large et vertical pour écran moins de 600 px.

Mais il me manque la commande pour remplacer le menu par un bouton quand on
passe en écran étroit.

Est-ce que quelqu'un aurait un bout de css pour faire ça sans aller fouiller
au fin fond des plugins ?

merci tout plein Sylvain
(j'ai juste pas envie de réinventer l'eau chaude...)
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

Oui,
j'ai fait le tour des plugins et je vois qu'ils sont très bien
parce qu'ils répondent à un besoin très précis,
mais si je veux obtenir ce que je cherche (qui est en réalité très simple)
il faut que je ré-écrive Sidr ou un autre plugin !
C'est ce que je veux éviter (à supposer que j'en sois vraiment capable...)

Donc, je me demandais, s'il y avait un moyen simple de faire disparaître
mon menu (qui me convient tel que je l'ai écrit)
et de le remplacer (momentanément) par le bouton à trois barres...

Le 05/07/2017 à 19:41, RealET a écrit :

sylvain Du Pasquier a écrit le 05/07/2017 à 17:35 :

Bonjour,
toujours à la recherche d'un menu idéal pour un site éditorial
(beaucoup de rubriques, beaucoup d'articles)
je bricole un menu déroulant horizontal pour écran large
et vertical pour écran moins de 600 px.

Mais il me manque la commande pour remplacer le menu
par un bouton quand on passe en écran étroit.

Est-ce que quelqu'un aurait un bout de css pour faire ça
sans aller fouiller au fin fond des plugins ?

merci tout plein Sylvain
(j'ai juste pas envie de réinventer l'eau chaude...)

Plugin SIDR.

Bonjour,

Si tu connais un peu css tu peux utiliser media queries et faire display none sur le menu à la résolution
que tu souhaites inversement pour le « buger » bouton.

Cordialement
miros

Le 6 juil. 2017 à 11:19, sylvain Du Pasquier <syl.dupac@wanadoo.fr> a écrit :

Oui,
j'ai fait le tour des plugins et je vois qu'ils sont très bien
parce qu'ils répondent à un besoin très précis,
mais si je veux obtenir ce que je cherche (qui est en réalité très simple)
il faut que je ré-écrive Sidr ou un autre plugin !
C'est ce que je veux éviter (à supposer que j'en sois vraiment capable...)

Donc, je me demandais, s'il y avait un moyen simple de faire disparaître
mon menu (qui me convient tel que je l'ai écrit)
et de le remplacer (momentanément) par le bouton à trois barres...

Le 05/07/2017 à 19:41, RealET a écrit :

sylvain Du Pasquier a écrit le 05/07/2017 à 17:35 :

Bonjour,
toujours à la recherche d'un menu idéal pour un site éditorial
(beaucoup de rubriques, beaucoup d'articles)
je bricole un menu déroulant horizontal pour écran large
et vertical pour écran moins de 600 px.

Mais il me manque la commande pour remplacer le menu
par un bouton quand on passe en écran étroit.

Est-ce que quelqu'un aurait un bout de css pour faire ça
sans aller fouiller au fin fond des plugins ?

merci tout plein Sylvain
(j'ai juste pas envie de réinventer l'eau chaude...)

Plugin SIDR.

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

voilà, ensuite l’action du bouton sera un bout de js pour ajouter une classe sur le menu par exemple, qui affichera le menu comme tu veux…
tu peux regarder comment c’est fait sur contrib où même le bouton est placé en js

Merci tout plein,
c'est exactement ce que je cherchais
(et que je ne su trouver...)

Le 06/07/2017 à 11:33, chankalan@choc0.net a écrit :

voilà, ensuite l'action du bouton sera un bout de js pour ajouter une classe sur le menu par exemple, qui affichera le menu comme tu veux...
tu peux regarder comment c'est fait sur contrib où même le bouton est placé en js
Connexion · GitLab

Le 06/07/2017 à 11:26, miros@mds03.com a écrit :

Bonjour,

Si tu connais un peu css tu peux utiliser media queries et faire display none sur le menu à la résolution
que tu souhaites inversement pour le « buger » bouton.

Cordialement
miros

Le 6 juil. 2017 à 11:19, sylvain Du Pasquier<syl.dupac@wanadoo.fr> a écrit :

Oui,
j'ai fait le tour des plugins et je vois qu'ils sont très bien
parce qu'ils répondent à un besoin très précis,
mais si je veux obtenir ce que je cherche (qui est en réalité très simple)
il faut que je ré-écrive Sidr ou un autre plugin !
C'est ce que je veux éviter (à supposer que j'en sois vraiment capable...)

Donc, je me demandais, s'il y avait un moyen simple de faire disparaître
mon menu (qui me convient tel que je l'ai écrit)
et de le remplacer (momentanément) par le bouton à trois barres...

Le 05/07/2017 à 19:41, RealET a écrit :

sylvain Du Pasquier a écrit le 05/07/2017 à 17:35 :

Bonjour,
toujours à la recherche d'un menu idéal pour un site éditorial
(beaucoup de rubriques, beaucoup d'articles)
je bricole un menu déroulant horizontal pour écran large
et vertical pour écran moins de 600 px.

Mais il me manque la commande pour remplacer le menu
par un bouton quand on passe en écran étroit.

Est-ce que quelqu'un aurait un bout de css pour faire ça
sans aller fouiller au fin fond des plugins ?

merci tout plein Sylvain
(j'ai juste pas envie de réinventer l'eau chaude...)

Plugin SIDR.

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail àspip-off@rezo.net

Archives :https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos :http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP :http://www.spip.net/

Irc : de l'aide à toute heure :http://spip.net/irc

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail àspip-off@rezo.net

Archives :https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos :http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP :http://www.spip.net/

Irc : de l'aide à toute heure :http://spip.net/irc

--

----
chan

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc