Forum - En vrac ! - Boîte Menu et CSS

Bonjour Jean-Denis,

que dois-je faire pour que les titres d'un menu ("ceux de la fenêtre "Les Anciens Spectacles" par exemple ici) ne changent pas de couleur lorsqu'ils sont activés ? Et que leurs items se comportent ensuite comme des liens classiques, comme "L'affiche" dans "Le cimetière des éléphants", par exemple.

Je tente de refaire actuellement le site d'une association dont la version est 4.5.19 et, comme d'habitude, je me perds dans le labyrinthe des CSS... Existe-t-il d'ailleurs une méthode pour résoudre les problèmes rencontrés dans ce domaine ?

Cordialement

Bonjour,

Citation : « luchadeo »

que dois-je faire pour que les titres d'un menu ("ceux de la fenêtre "Les Anciens Spectacles" par exemple ici) ne changent pas de couleur lorsqu'ils sont activés ?

Il faut régler au maximum dans Config Look de toutes manières... (BOITES LATÉRALES>Couleur liens OFF et Couleur liens ON)

c'est ce qui correspond dans style.css à

.box a, .item a { /*OFF*/
    color: #F2510B;
    ...
}
.box a:hover, .item a:hover { /*ON*/
    color: #5F2D05;
    ...
}

éventuellement, ajouter des éléments dans styleplus en reprenant la même couleur que le survol et en changeant (éventuellement) le background

.curr_item {
    color: #5F2E05;
    background-color: #E2C683;
    ...
}
ul.item li.curr_item a { /* titre article est affiché */
    color: #5F2E05;
    background-color: #E2C683;
    ...
}

Citation : « luchadeo »

Et que leurs items se comportent ensuite comme des liens classiques, comme "L'affiche" dans "Le cimetière des éléphants", par exemple

Là je ne saisis pas tout à fait... Il y a dans cet exemple un article plutôt classique dans lequel un iframe affiche un pdf. Et l'option de menu a été créée en même temps (mais elle peut l'être après) et elle se comporte comme tous les items.

Citation : « luchadeo »

comme d'habitude, je me perds dans le labyrinthe des CSS... Existe-t-il d'ailleurs une méthode pour résoudre les problèmes rencontrés dans ce domaine ?

Pour le CSS... J'utilise quelques ouvrages papier et sites au gré de mes recherches... et il est vrai que ce n'est pas toujours évident.

Un méthode utilisée systématiquement pour analyser ce qui se passe et tester des règles...

Avec Firefox : Clic bouton droit sur un élément du site que l'on veut analyser et choisir "Examiner l'élément"

On a accès à l'Inspecteur et les règles CSS qui s'appliquent on peut donc les modifier pour tester en ligne dans la fenêtre de droite.

Les possibilités dans cet outil sont nombreuses, prends le temps d'explorer...

Avec Chrome : même type d'outil mais Clic bouton droit sur un élément du site que l'on veut analyser et choisir "Inspecter"
ensuite, éventuellement sous la barre d'adresse choisir Responsive ou un simulateur de tablette ou smartphone ( très pratique pour analyser le code et le CSS de mobstyle.css ...)

petit "bonus" dans Chrome : en bas de la fenêtre de droite un schéma des margin, border et padding qui s'appliquent sur l'élément... très pratique pour les retrouver ensuite dans le CSS

Voilà voilà...

CECI EST LA COPIE DE MESSAGES ÉCHANGÉS PAR COURRIEL

A SUIVI CECI :

Cordialement,

Il suffisait d'ajouter :

Citation :

p.rubr {
    color: #000000;
}

dans styleplus.css