modifier le bloc de navigation avec de la css

modifier le bloc de navigation avec de la css

par rodolphe procureur,
Nombre de réponses : 6

Bonjour à toutes et à tous,

J'essaye de modifier la css du bloc navigation (via le theme adaptable sous moodle 3.5).

en faisant :

.block_navigation .block_tree .tree_item.branch {
   
color: #33ff33 !important;
/*background-color: #bdbf00; /*couleur de l'arrière plan des catégorie et sous catégorie*/*/
padding:20px; /*hauteur des catégories et sous-categories*/
font-size:20px; /*taille de la police des catégorie et sous-catégorie*/
}

j'ai réussit à modifier la taille et le fond des menus.

Cependant j'aimerais modifier uniquement le fond des sous-menus (ici le sous menu "pointage") et quand je passe l'inspecteur dessus, j'ai bien une class "type_container depth_3 contains_branch"



donc un peu naïvement j'ai fait :

.block_navigation .block_tree .tree_item.branch .type_container .depth3. contains_branch {

background-color: #808080

}

Mais rien ne se passe et je ne comprend pas pourquoi. quelqu'un aurait-il une piste.

Par ailleurs, toujous en CSS j'ai bien réussit à enlever "mes cours, "cours" et autre mais pas le "tableau de bord". savez-vous comment faire ?

Un grand merci d'avance car je suis un peu bloqué

Bien cordialement,

Rodolphe

Moyenne des évaluations  -
En réponse à rodolphe procureur

Re: modifier le bloc de navigation avec de la css

par Luiggi Sansonetti,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Titulaires du Moodle Course Creator Certificate Avatar Traducteurs
Bonjour

Pas spécialiste même si je commence à m'amuser un peu avec le CSS et Boost, mais je crois qu'il manque (au moins dans l'exemple) le !important;

peut-être ça déjà à confirmer.
Moyenne des évaluations Utile (1)
En réponse à Luiggi Sansonetti

Re: modifier le bloc de navigation avec de la css

par rodolphe procureur,

Bonjour Luiggi,

Tu veux dire le !important derrière le color ? J'essaye demain.

merci en tout cas pour la piste



Moyenne des évaluations  -
En réponse à rodolphe procureur

Re: modifier le bloc de navigation avec de la css

par Luiggi Sansonetti,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Titulaires du Moodle Course Creator Certificate Avatar Traducteurs
oui

background-color: #808080 !important;

comme dans le 1er exemple où il est d'ailleurs
color: #33ff33 !important;
Moyenne des évaluations  -
En réponse à rodolphe procureur

Re: modifier le bloc de navigation avec de la css

par rodolphe procureur,
Re bonjour à tous,

Après moult essai,

Pour enlever le menu "tableau de bord" : .type_setting.depth_2.item_with_icon {display : none;}
Pour personnaliser les menus :
.block_navigation .block_tree .tree_item {

color: #ffffff!important;
background-color: #bdbf00; /*couleur de l'arrière plan des catégorie et sous catégorie*/
padding:20px; /*hauteur des catégorie et sous-categorie*/
font-size:20px; /*taille de la police des catégorie et sous-catégorie*/
}

Pour personnaliser les sous menu : .block_navigation .block_tree .depth_3 .tree_item { background-color:#808080;}
Pour personnaliser les sous sous menu : .depth_4 .tree_item { background-color: teal !important; }

Et ainsi de suite.

Bien cordialement,
Moyenne des évaluations Utile (1)
En réponse à rodolphe procureur

Re: modifier le bloc de navigation avec de la css

par Patrick Lemaire,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Attention toutefois, les « recettes CSS à base de Display:none » ont tendance à faire disparaître d'autres éléments qu'on ne mesure pas au premier coup d’œil ! Il est souvent difficile de cibler précisément l'élément à occulter. Je t'invite à la plus grand vigilance !
Moyenne des évaluations Utile (1)
En réponse à Patrick Lemaire

Re: modifier le bloc de navigation avec de la css

par rodolphe procureur,
Bonjour Patrick,

Oui effectivement pour ceux ou celles qui l'utiliserais, cela à pour effet de masquer certaines option de paramétrage des cours par exemple.

Bien cordialement,

rodolphe
Moyenne des évaluations Utile (1)