Aller au contenu
Support de Zwii
  • 0
Eric

Problème d'affichage du menu (version 10.3.03)

Question

1) La barre de menu en dehors des liens n'est pas de la même couleur

 

N.B. J'ai ce problème depuis longtemps.

J'avais corrigé en mettant dans la feuille de CSS supplémentaire :

 

.navLevel1 {
  background-color: rgba(35, 137, 137, 0.81)

 

mais ça ne fonctionne plus

 

(Là, je l'ai enlevé)

 

 

2) D'autre part, dans Personnaliser les thèmes > Menu > Configuration >

Alignement du contenu : n'a pas d'effet

 

-----------------

 

Lien vers mon site : https://ericrogergarcia.legtux.org

 

P.S. Je n'étais pas repassé depuis un bon moment !

Bien amicalement

Eric

Modifié par Eric
(détails d'orthographe)

Partager ce message


Lien à poster
Partager sur d’autres sites

14 réponses à cette question

Messages recommandés

  • 0

Le problème 1 a lieu quand on veut avoir un fond pour le menu déroulant semi transparent pour voir ce qu'il y a dessous. Il faudrait que la couleur de fond dans le menu ne soit pas semi transparente dans la barre horizontale mais seulement pour les menus verticaux.

La couleur de fond d'un élément comportant un texte n'est pas la même que la partie à droite (vide de texte) quand on a mis de la transparence dans la couleur de fond (dans l'administration), ceci dans la barre horizontale contrairement aux menus verticaux.

 

En enlevant, la transparence, je n'ai plus de problème mais c'est dommage de ne pas pouvoir une couleur de fond pour les menus verticaux qui soit un peu transparente !!!

Modifié par Eric

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Il y a 17 heures, Eric a dit :

1) La barre de menu en dehors des liens n'est pas de la même couleur

 

N.B. J'ai ce problème depuis longtemps.

J'avais corrigé en mettant dans la feuille de CSS supplémentaire :

 

.navLevel1 {
  background-color: rgba(35, 137, 137, 0.81)

 

mais ça ne fonctionne plus

 

(Là, je l'ai enlevé)

 

 

2) D'autre part, dans Personnaliser les thèmes > Menu > Configuration >

Alignement du contenu : n'a pas d'effet

 

-----------------

 

Lien vers mon site : https://ericrogergarcia.legtux.org

 

P.S. Je n'étais pas repassé depuis un bon moment !

Bien amicalement

Eric

Merci pour le signalement, je regarderai cela avant la sortie de la v10.3.04

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Il y a 22 heures, Eric a dit :

2) D'autre part, dans Personnaliser les thèmes > Menu > Configuration >

Alignement du contenu : n'a pas d'effet

Corrigé dans 10.3.04

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Il y a 20 heures, Eric a dit :

Le problème 1 a lieu quand on veut avoir un fond pour le menu déroulant semi transparent pour voir ce qu'il y a dessous. Il faudrait que la couleur de fond dans le menu ne soit pas semi transparente dans la barre horizontale mais seulement pour les menus verticaux.

La couleur de fond d'un élément comportant un texte n'est pas la même que la partie à droite (vide de texte) quand on a mis de la transparence dans la couleur de fond (dans l'administration), ceci dans la barre horizontale contrairement aux menus verticaux.

 

En enlevant, la transparence, je n'ai plus de problème mais c'est dommage de ne pas pouvoir une couleur de fond pour les menus verticaux qui soit un peu transparente !!!

J'avoue ne pas vraiment comprendre les menus verticaux n'ont pas de CSS attribué.

La transparence laissera apparaître soit l'arrière plan du site lorsque le menu n'est pas dans le site ou le fond du site dans il y est ou qu'il est dans une barre latérale. Ou bien je n'ai pas bien saisi.

 

En attendant, merci pour le signalement de l'alignement que je n'avais pas vu 😉

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
il y a une heure, Fred a dit :

J'avoue ne pas vraiment comprendre les menus verticaux n'ont pas de CSS attribué.

La transparence laissera apparaître soit l'arrière plan du site lorsque le menu n'est pas dans le site ou le fond du site dans il y est ou qu'il est dans une barre latérale. Ou bien je n'ai pas bien saisi.

 

En attendant, merci pour le signalement de l'alignement que je n'avais pas vu 😉

 

Les menus verticaux sont impecs

avec la couleur de fond attendue éventuellement avec transparence.

Les menus dans la barre horizontale sont foncés quand il y a un texte et plus clairs (la couleur de fond des menus verticaux) quand il n'y a pas de texte.

 

En fait, je me demande pourquoi les fonds derrière les textes (dans la partie horizontale) sont plus foncés !

(La différence n'apparaît que quand on met une transparence sur le fond).

 

sinon quand je mets dans la CSS supplémentaire :

 

.navLevel1 {
  background-color: rgba(35, 137, 137, 1)   --> La même couleur de fond que dans l'interface mais sans transparence

}

ça ne marche pas (ça marchait avant) et je ne sais pas pourquoi ! 

 

P.S. J'ai pu mettre à jour le fichier common.css pour la question du menu dans un smartphone : super ! merci merci 🙂

Modifié par Eric
ajout du P.S.

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Il y a 13 heures, Eric a dit :

En fait, je me demande pourquoi les fonds derrière les textes (dans la partie horizontale) sont plus foncés !

(La différence n'apparaît que quand on met une transparence sur le fond).

Cela vient d'une double superposition du background color qui assombrit la couleur de transparence.  J'avais aussi noté ce défaut d'apparence il y a quelques temps.

Il va falloir se plonger dans la config du CSS pour trouver une bonne solution, on a un spécialiste pas vrai @roger ?

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Il y a 1 heure, Fred a dit :

on a un spécialiste pas vrai @roger ?

Spécialiste je ne sais pas mais ce que je sais par contre et que je pourrais "révéler" à Eric c'est que le codage des couleurs dans nos versions 10.x.xx n'a plus rien à voir avec les anciennes versions, il est maintenant "maîtrisé au plus haut degré" grâce au travail que tu as fais sur le cms dans la partie "customisation du thème" et ce pour tout ce qui touche menu, bannière fond de site etc.....

Pour de la transparence dans un sous menu, il faut faire à l'ancienne donc ce servir du fichier custom.css qui prendra alors en compte ce que veut Eric sans devoir ajouter quoi que ce soit dans le zwii.

Ainsi s'il choisi de mettre de la transparence dans son menu, une page qui aura des "sous pages" elles s'afficheront non pas avec la transparence originale du menu mais la couleur du background des UL choisie et écrites dans le fichier de personnalisation du zwii...

 

👉 D'origine la transparence est appliquée ainsi

fond.png.9f2a7078e421b965cddec6243d961356.png

 

💡 Un poil d'utilisation des avantages offerts maintenant par le CMs Zwii....

fond2.thumb.png.d1770b4712580ed671e2fd125afa0c26.png

 

🤪 Au final, bien j'ai mis du rouge mais chacun choisi la couleur qu'il veut....et peut même en jouant avec le custom.css lui mettre (une hérésie) un poil de transparence là aussi....

fond1.png.de2632d44f775e8c987573c69607c2b1.png

😊 Suis pas spécialiste mais passionné du cms et à ce titre j'exploite de base toutes les possibilités qu'il m'offre avant de modifier ses fichiers pour mon propre usage

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

@roger la remarque de notre ami est pourquoi la couleur de TOUT l'arrière plan n'est pas uniforme 😉 comme elle devrait l'être :

 

image.png.77770569018c4fb87b2e67f03532c1b8.png

 

plutôt que :

 

 

image.png.b10d9e6bdf5d89203e99d3ca723309d8.png

 

Comme tu peux voir, il a deux couleurs dans la barre de menu.

 

Je suis déçu je pensais que tu aurais trouvé plutôt que de chercher à noyer le poisson 😂

 

La modif est très simple, elle se trouve ici et sera disponible avec 10.3.04.

 

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Il y a 2 heures, Fred a dit :

Je suis déçu je pensais que tu aurais trouvé plutôt que de chercher à noyer le poisson 😂

Fred voyons ne sois pas trop décus...

committed 26 minutes ago c'est le moment où tu as mis ta correction ce début d'aprem sur le git...

 

Par contre à ma décharge ce que je regarde en premier sur ton github ce sont les commits du jour pour chaque versions là bas:

c'est ici en fin de page 😉 ensuite je vois de mon coté le reste...je regardes ( pour la version spécifiée 10;3.04) à cet endroit au final je teste et produit le code css s'il ne s'y trouve pas...et donc il y a deux heures je ne me suis pas penché sur la suite, faire en sorte que le css de la barre "membre"

 

Ma marotte le css donc du code css

Ensuite la tienne du code js ou php pour l'inclure dans le fichier concerné, ce n'est pas tout à fait la même chose en codage et où l'écrire non?

$css .= 'nav,nav .navLevel2 a{background-color:' . $colors['normal'] . '}';

Il faudra par contre vérifier que cette instruction fonctionne aussi avec le background tributaire de la transparence principal du menu, celle des sous pages (accueil par exemple) qui prennent en compte la fameuse transparence imposée...

 

Donc a page identique le menu en haut (sauf que mon contenu est placé sur la gauche, le tient centré)

he2.thumb.png.1f523a267a554a328642a30b15e0de56.png

J'ai donc mis en place ta proposition qui effectivement tient compte d'un effet de transparence dans le menu principal et harmonise donc la couleur sur toute la largeur du menu....

mais le "petit hic" c'est que la transparence est aussi appliquée au fond de la div des sous pages, donc obligé de fournir en code css ce qu'il faut pour que là aussi se soit "propre" en

he.png.9bfcde4795ecfb9716743b009c1860c3.png

 

regarde ce que cette div a comme contenu en dessous.

he1.thumb.png.d254250c220b8a1c014de7d6cc3cb0c1.png

 

 

Donc soit passer par le css perso, soit l'inclure proprement comme ton code js...pour obtenir un résultat propre dans ce sous-menu (et encore j'ai lassé de la couleur de fond du menu principal sur l'extrème gauche du sous menu)

he3.thumb.png.326a8551615aa8b5bf54805202fcc467.png

 

du gris pour que la div du sous menu de la page accueil soit propre et ne montre pas à cause de l'effet de transparence dans le menu ce qu'il y a en dessous d'elle,

 

Cette histoire de "css ou code propre" c'est un petit détail mais si on ne clique pas dessus (le sous menu de la page d'accueil ou ailleurs) on ne peut pas alors voir ce "petit hic" car on est trop focalisé sur la couleur du haut du fameux menu auquel on veut appliquer de la transparence mais don on veut faire disparaître la seconde couleur qu'il y a dedans.

nav li ul {
	background-color: rgb(221, 219, 219);
}

👉 Fred tu codes bien mieux et plus proprement que moi le js et le php pour appliquer ce genre de modification;

😳 Moi je code du css quand je ne sais pas le mettre à un endroit bien précis dans du js ou php.Ce pour un même résultat (peut être moins propre)

 

Au final ce qui compte c'est qu'aucun endroit ne soit oublié par rapport à un code bien précis non?
 

 

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
il y a 25 minutes, Eric a dit :

nav li ul li {
  background-color:  rgba(35, 137, 137, 0.5);
}

Si tu met un li en trop dans ton code ça ne marchera pas dans ton css perso....

Eric

le code est :

nav li ul {
  background-color:  rgba(35, 137, 137, 0.5);
}

Et je vois que dedans tu as mis pour la div du sous-menu une transparence de 50% (le 0.5 à la fin)

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
il y a 10 minutes, roger a dit :

Si tu met un li en trop dans ton code ça ne marchera pas dans ton css perso....

Eric

le code est :


nav li ul {
  background-color:  rgba(35, 137, 137, 0.5);
}

Et je vois que dedans tu as mis pour la div du sous-menu une transparence de 50% (le 0.5 à la fin)

 

Pas du tout :

 

Le  code  est

 

nav .navLevel2 a{
  background-color: red;
}

 

Afin de résoudre la transparence du sous-menu, on peut supprimer la transparence, il suffit de modifier colorvariants et créer une clé rbg sauf que le résultat n'est pas glop.

 

Je pense qu'il est plus sage de la placer dans le theme perso afin de jouer sur une opacité plus forte à moins que j'ajoute dans le thème de menu ce qui aurait du sens.

 

A suivre

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à cette question…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...