Modifier couleur du "hover" du menu deroulant [RESOLU]

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.6.8
#~ Nom de l'hébergeur : free
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.6.8
#~ Installed Modules:
#~ * CMSMailer: 1.73.14
#~ * FileManager: 1.0.2
#~ * MenuManager: 1.6.5
#~ * ModuleManager: 1.3.3
#~ * News: 2.10.5
#~ * nuSOAP: 1.0.1
#~ * Printing: 1.0.4
#~ * Search: 1.6.5
#~ * ThemeManager: 1.1.1
#~ * TinyMCE: 2.7.2
#~ * CGExtensions: 1.18.8
#~ * LightBox: 1.0.1
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * max_upload_size: 2000000
#~ * default_upload_permission: 664
#~ * assume_mod_rewrite: false
#~ * page_extension:
#~ * internal_pretty_urls: false
#~ * use_hierarchy: true
#~ Php Information:
#~ * phpversion: 5.1.3RC4-dev
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * memory_limit: 32M
#~ * max_execution_time: 20
#~ * safe_mode: On (Vrai)
#~ * session_save_path: /mnt/162/sdb/8/f/technopengl/sessions (0700)
#~ * session_use_cookies: On (Vrai)
#~ Server Information:
#~ * Server Api: cgi-fcgi
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.0.83
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

Bonjour à tous,

Là, je sèche... et avoue être sans doute ridicule de poser cette question...
Je souhaiterai modifier la couleur du fond du lien (d'origine bleue) dans le menu déroulant. J'utilise le gabarit NCleanBlue...
Les modifications de styles se font dans layout : Ncleanblue
J'utilise Firebug depuis le début pour faire mes modifications, mais là je ne vois pas...
Le gabarit NCleanBlue est lié à la feuille de style "layout : ncleanblue"
Mais pour les menus, j'ai vu :
{menu template='cssmenu_ulshadow.tpl'}
Il faut charger "cssmenu_ulshadow.tpl.php" via ftp? et modifier et le remettre?
Est-ce la bonne piste?
Si oui, je regarderai dans ce fichier et me débrouillerai, sinon, pourriez vous m'éclairer?
Merci
cordialement
Lio
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.6.8
#~ Nom de l'hébergeur : free
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.6.8
#~ Installed Modules:
#~ * CMSMailer: 1.73.14
#~ * FileManager: 1.0.2
#~ * MenuManager: 1.6.5
#~ * ModuleManager: 1.3.3
#~ * News: 2.10.5
#~ * nuSOAP: 1.0.1
#~ * Printing: 1.0.4
#~ * Search: 1.6.5
#~ * ThemeManager: 1.1.1
#~ * TinyMCE: 2.7.2
#~ * CGExtensions: 1.18.8
#~ * LightBox: 1.0.1
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * max_upload_size: 2000000
#~ * default_upload_permission: 664
#~ * assume_mod_rewrite: false
#~ * page_extension:
#~ * internal_pretty_urls: false
#~ * use_hierarchy: true
#~ Php Information:
#~ * phpversion: 5.1.3RC4-dev
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * memory_limit: 32M
#~ * max_execution_time: 20
#~ * safe_mode: On (Vrai)
#~ * session_save_path: /mnt/162/sdb/8/f/technopengl/sessions (0700)
#~ * session_use_cookies: On (Vrai)
#~ Server Information:
#~ * Server Api: cgi-fcgi
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.0.83
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

Bonjour à tous,

Là, je sèche... et avoue être sans doute ridicule de poser cette question...
Je souhaiterai modifier la couleur du fond du lien (d'origine bleue) dans le menu déroulant. J'utilise le gabarit NCleanBlue...
Les modifications de styles se font dans layout : Ncleanblue
J'utilise Firebug depuis le début pour faire mes modifications, mais là je ne vois pas...
Le gabarit NCleanBlue est lié à la feuille de style "layout : ncleanblue"
Mais pour les menus, j'ai vu :
{menu template='cssmenu_ulshadow.tpl'}
Il faut charger "cssmenu_ulshadow.tpl.php" via ftp? et modifier et le remettre?
Est-ce la bonne piste?
Si oui, je regarderai dans ce fichier et me débrouillerai, sinon, pourriez vous m'éclairer?
Merci
cordialement
Lio
#2
bonjour lio59 et bienvenu sur nos forums

je te conseil vivement de lire nos guides disponibles ici tu y apprendras beaucoup concernant la gestion de cmsms, et notamment le fait que modifier une couleur se fait uniquement dans la feuille de style et non dans un quelconque gabarit/template

concernant ta couleur, recherche dans la feuille de style toutes les occurances de

Code :
background-color:#DBE7F2
#2
bonjour lio59 et bienvenu sur nos forums

je te conseil vivement de lire nos guides disponibles ici tu y apprendras beaucoup concernant la gestion de cmsms, et notamment le fait que modifier une couleur se fait uniquement dans la feuille de style et non dans un quelconque gabarit/template

concernant ta couleur, recherche dans la feuille de style toutes les occurances de

Code :
background-color:#DBE7F2
#3
Merci pour votre réponse,
Oui, je sais bien que la couleur se modifie dans les feuilles de style (css) et non dans le gabarit... Mais je ne trouve pas le background du sous menu qui se met en bleu lorsque l'on passe dessus (hover)...
J'ai bien utilisé firebug, mais je ne trouve pas...
plouf plouf
Merci
cordialement
Lio
#3
Merci pour votre réponse,
Oui, je sais bien que la couleur se modifie dans les feuilles de style (css) et non dans le gabarit... Mais je ne trouve pas le background du sous menu qui se met en bleu lorsque l'on passe dessus (hover)...
J'ai bien utilisé firebug, mais je ne trouve pas...
plouf plouf
Merci
cordialement
Lio
#4
bess a écrit :concernant ta couleur, recherche dans la feuille de style toutes les occurances de

background-color:#DBE7F2
#4
bess a écrit :concernant ta couleur, recherche dans la feuille de style toutes les occurances de

background-color:#DBE7F2
#5
Bon, j'ai trouvé... grâce à vous... j'ai fait une recherche du code couleur... dans la feuille de style le code :
Code :
#primary-nav li li a:hover {
    background-color: #959da4;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
    text-decoration: none;
    background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
    background-color: #959da4;
}

Les 2 background-color sont à modifier. Le premier c'est la couleur affichée lorsque l'on passe sur l'item du menu déroulant et le deuxième, c'est pour la couleur du fond qui indique le sous-menu lié à la page affichée. Est-ce bien cela?

Cependant, j'ai réessayé avec firebug en me positionnant sur un item du menu déroulant et je ne vois pas afficher le background-color.... Je ne sais, sans doute, pas m'en servir...
Merci pour votre grande piste..., vous m'avez aidé!
Cordialement
Lio
#5
Bon, j'ai trouvé... grâce à vous... j'ai fait une recherche du code couleur... dans la feuille de style le code :
Code :
#primary-nav li li a:hover {
    background-color: #959da4;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
    text-decoration: none;
    background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
    background-color: #959da4;
}

Les 2 background-color sont à modifier. Le premier c'est la couleur affichée lorsque l'on passe sur l'item du menu déroulant et le deuxième, c'est pour la couleur du fond qui indique le sous-menu lié à la page affichée. Est-ce bien cela?

Cependant, j'ai réessayé avec firebug en me positionnant sur un item du menu déroulant et je ne vois pas afficher le background-color.... Je ne sais, sans doute, pas m'en servir...
Merci pour votre grande piste..., vous m'avez aidé!
Cordialement
Lio
#6
il y a un non-bug dans firebug, une sorte d'absence de fonctionnalité en relation avec hover. En effet firebug fixe pas le statut hover une fois que l'on a pointé l'élement. Ce n'est pas un bug car immaginons deux seconde que tous les champs hover-és- restent dans le statut, très vite la page deviendrait complètement modifiées

bref j'espère mettre fait comprendre : firebug n'est pas adapté pour révéler le css d'un champs en mode hover.
#6
il y a un non-bug dans firebug, une sorte d'absence de fonctionnalité en relation avec hover. En effet firebug fixe pas le statut hover une fois que l'on a pointé l'élement. Ce n'est pas un bug car immaginons deux seconde que tous les champs hover-és- restent dans le statut, très vite la page deviendrait complètement modifiées

bref j'espère mettre fait comprendre : firebug n'est pas adapté pour révéler le css d'un champs en mode hover.


Atteindre :


Utilisateur(s) parcourant ce sujet : 2 visiteur(s)