Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Modifier design menu

Modifier design menu 01 Dec 2017 10:34 #46007

Bonjour,
ayant installé le module "maximenu CK" pour mon menu vertical, je souhaiterais modifier le design ce menu si cela est possible bien sur.

Je souhaiterais remplacer la couleur présente par une flèches de ce type

çe qui donnerais ceci

En vous remerciant pour votre aide.

Please Log in or Create an account to join the conversation.

Last Edit: by thebadgones77.

Modifier design menu 01 Dec 2017 11:46 #46008

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 18408
  • Karma: 401
  • Thank you received: 2346
salut
c'est marrant ça me rappelle beaucoup ce fil où je t'avais déjà aidé ...
forum.joomla.fr/node/226857?221329-englo...ns-des-fl%C3%A8ches=

CEd

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Modifier design menu 01 Dec 2017 12:46 #46009

Oui exact ced1870 , cependant je reviens vers vous, car j'ai changé de module pour le menu. Le précédent n'allais pas avec ce que je voulais faire surtout au niveau de l'articulation du menu,les flèches ne collaient pas trop, celui-ce se développe sur les cotés.

Please Log in or Create an account to join the conversation.

Last Edit: by thebadgones77.

Modifier design menu 01 Dec 2017 12:53 #46010

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 18408
  • Karma: 401
  • Thank you received: 2346
ok, mais le principe reste exactement le meme. as-tu inspecté avec la console du navigateur pour voir pourquoi ça ne marche pas ?

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Modifier design menu 01 Dec 2017 13:10 #46011

Dans le maximenuck.php du thème "css3megamenu" j'ai rajouté une div
div#maximenuck120 ul.maximenuck li {
    background: none;
    background-image: url('/images/flechejaunex2.png');
    background-repeat: no-repeat;
    background-position: 0px;
    background-size: 100% 115%;
}


_Le bouton "Accueil" n'est pas remplit par la flèche
_les boutons se mettent en gris/blanc quand je passe dessus.
_le niveau 2 du menu n'est pas remplit par les flèches
_cadres du menu qui apparait derrière
_la petite flèche au bout de la ligne (elle ne devrait pas être compliquée à retirer)
Attachments:

Please Log in or Create an account to join the conversation.

Last Edit: by thebadgones77.

Modifier design menu 02 Dec 2017 08:39 #46022

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 18408
  • Karma: 401
  • Thank you received: 2346
il faut que tu regardes les classes css, il y a les niveaux (levelX), les survolés (:hover), les liens actifs (.active) et pour les flèches c'est dans les pseudo classes (:after) sur les parents (.parent)

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Modifier design menu 05 Dec 2017 10:23 #46093

Super ced Merci beaucoup pour ton aide précieuse, j'ai pu repérer tous les éléments que je souhaitais modifier. Cependant j'ai encore un soucis avec la couleur du survolé.
_Pour le 1er niveau, j'ai vu qu'il y avait ceci dans le fichier css "maximenuck.php"
/* item color on mouseover */
div#maximenuck120 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck120 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck120 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck120 ul.maximenuck li.maximenuck.level1.active > span.separator {
	color: #029feb;
	#text-shadow: 1px 1px 1px #ffffff;
j'ai donc rajouté "color: #029feb;" pour que ça se colorie en bleu lorsque je passe la souris mais les boutons "acceuil" et "présentation générale" restent constamment en bleu.

_Pour le second niveau, les liens type "separator" ne se colorie pas en bleu lors du survol, j'ai essayer de tester en modifiant les hover mais cela ne fonctionne pas
Attachments:

Please Log in or Create an account to join the conversation.

Last Edit: by thebadgones77.

Modifier design menu 05 Dec 2017 13:41 #46098

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 18408
  • Karma: 401
  • Thank you received: 2346
donne moi l'url de ta page pour voir cela

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Modifier design menu 07 Dec 2017 09:28 #46151

Je travaille en locale en attendant un hébergement officiel, donc j'ai héberger temporairement sur free le temps que tu regardes
Florian.barbaud.free.fr

Please Log in or Create an account to join the conversation.

Last Edit: by thebadgones77.

Modifier design menu 07 Dec 2017 09:43 #46152

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 18408
  • Karma: 401
  • Thank you received: 2346
pour les niveaux 2 et separateurs tu peux utiliser cette règle
div#maximenuck120 ul.maximenuck2 li.maximenuck:hover > a, div#maximenuck120 ul.maximenuck2 li.maximenuck:hover > span.separator
pour le reste je ne vois plus la couleur sur le lien accueil

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
  • 2
Time to create page: 0.469 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 363 guests and no members online