Squelette dist : changer la couleur des liens du menu et le fixer en bas pour les mobiles

Général
#1

Bonjour,

je suis en train de revoir le squelette d’un de mes sites et je veux me baser sur le squelette dist parce que ça limite le recours aux plugins et ça rend le site de fait plus léger.

Évidemment, je mets toutes les modifications dans un fichier perso.css du dossier ad hoc du répertoire Squelettes (bref je respecte les bonnes pratiques).

Couleur des titres de la barre de navigation

Quoique je fasse, si au niveau du survol et de l’affichage du menu actif (qui a donc un texte blanc sur un fond cramoisi) ça fait ce que je veux, rien à faire, le texte du menu reste rose vif (le rose SPIP) par ailleurs. Je n’arrive pas à trouver ce qu’il faut modifier.

Menu fixé aussi en bas avec des icônes pour les terminaux mobiles

Je voudrais aussi, si possible, que le menu, pour lesterminaux mobiles soit fixé en bas et n’affichant que le icônes. Ou alors, qu’il soit fixé toujours en haut. Et là je sais pas trop comment faire.
Sachant que c’est un site dont une rubrique a des sous-menus (pas moyen de faire autrement).

Merci d’avance pour vos lumières.

#2

Salut,

Les règles qui définissent ces couleurs sont là https://git.spip.net/spip/dist/src/branch/master/css/layout.css#L39

Pour ça le plugin https://contrib.spip.net/Responsive-Nav est plutôt pratique, même si on peut faire pareil avec quelques lignes de CSS maintenant.

#3

Merci pour la navigation c’est réglé. J’ai dû louper un truc à un moment donné :slight_smile:

Pour le plugin, je l’ai installé, mais il n’est plus maintenu. J’iamgine qu’il faut que je trouve des CSS quelque part qui font le boulot.

#4

Comment ça ? Il est bien compatible avec SPIP 4.1 :slight_smile:

#5

C’est écrit sur la page de de la doc :

ATTENTION : ce plugin n’est plus maintenu, aucun support ne sera fourni par le développeur.

#6

Ha vi, mais ça n’empêche qu’il fonctionne toujours. Tu l’as testé ?

#7

Je l’ai mis sur le site de test. Je ne suis pas très convaincue :

1/ si je veux qu’il fasse ce que je veux, il faut tout de même que je mette les doigts dans le cambouis
2/ s’il n’est pas maintenu, il y a des risques que ça ne passe plus à la (ou une) prochaine version de SPIP :slight_smile:

À ce stade, autant essayer de piquer une CSS kivabien quelque part et de l’adapter. Évidemment, si j’y arrive, je mettrais ça quelque sur SPIP-contrib.

#8

Oui, ce n’est plus maintenu car je fais en full css maintenant :slight_smile:

Le html du menu : https://gitlab.com/jmoupah/zcm/-/blob/master/inclure/menuprincipal.html
Le CSS qui gère l’affichage : https://gitlab.com/jmoupah/zcm/-/blob/master/css/perso.css#L55

Je ne sais pas bien ce que ça donne côté accessibilité par contre. En regardant du côté du zboot de @nicod, ça semble être mieux avec un <button> mais je ne sais pas si ça marcherait sans javascript.

#9

Un lien (pas encore lu) sur la question menu et accessibilité Max Böck: "This post makes the common mistake of avoiding JS…" - Front-End Social

JavaScript, used sparingly, is necessary here. Don’t try to hack it with html only, it’s not worth it.

Visiblement, utiliser uniquement html et css n’est pas une bonne idée, je vais devoir revoir mon menu :frowning: