Aiuto Per Modificare Una Cosa Nel Menù!!!!

[duska]

Ragazzi, sto avendo serie difficoltà nel cambiare il colore alla freccettina che si trova sul menù e che espande il sottomenù.

Praticamente parlo della freccetta che indica che se passi col mouse il menù si espande.

In buona sostanza la freccette nel suo stato normale è grigio chiaro, ma quando passi col mouse diventa bianca.

Io devo cambiargli colore assolutamente perchè si nota veramente ma veramente poco.

Uso il modulo che si chiama "module-horizone" o "blocktopmenu".

Vendedo nei file css non riesco a trovare la maniera per modificare questo paramentro.

Vi allego il file in questione.

/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
margin: 10px 0;
height: 30px;
line-height: 30px;
padding-left: 7px;
background: transparent url(../img/blocktopmenu_left.gif) no-repeat left center;
}
.sf-right {
margin-right: 7px;
float: right;
width: 7px;
background: transparent url(../img/blocktopmenu_right.gif) no-repeat right center;
}
.sf-menu, .sf-menu * {
margin: 100;
padding: 100;
list-style: none;
}
.sf-menu {
float: left;
width: 979px;
line-height: 1.2;
background: transparent url(../img/blocktopmenu.gif) repeat-x;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 22em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.7em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 20em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
border: 0;
/* border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF; */
padding: .75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #374853;
}
.sf-menu li li {
background: #F1F2F4;/*#AABDE6;*/ /*sottomenu principale */
}
.sf-menu li li li {
background: #ebebed;/*#9AAEDB;*/ /*soto-sottomenu */

}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.sfHoverForce,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: transparent url(../img/blocktopmenu_hover.gif) repeat-x;
}
.sf-menu li.noBack:hover, .sf-menu li.sfHover.noBack, .sf-menu li.sfHoverForce.noBack,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: inherit;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {

background: #d0d3d8; /*evidenziato */
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../img/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
li.sf-search {
background: inherit;
float: right;
line-height: 25px;
}
li.sf-search input {
-moz-border-radius: 0 5px 5px 0;
padding: 3px 0;
padding-left: 20px;
margin-top: 4px;
background: #fff url(../img/search.gif) no-repeat left center;
}

Mi aiutate per favore????

Grazie.

[shop365]

Ragazzi, sto avendo serie difficoltà nel cambiare il colore alla freccettina che si trova sul menù e che espande il sottomenù.

Praticamente parlo della freccetta che indica che se passi col mouse il menù si espande.

In buona sostanza la freccette nel suo stato normale è grigio chiaro, ma quando passi col mouse diventa bianca.

Io devo cambiargli colore assolutamente perchè si nota veramente ma veramente poco.

Uso il modulo che si chiama "module-horizone" o "blocktopmenu".

Vendedo nei file css non riesco a trovare la maniera per modificare questo paramentro.

Mi allego il file in questione.


Mi aiutate per favore????

Grazie.

Il modulo topmenu per quello che mi ricordo ha un suo file css e la cartella dei suoi immagini. Prova a modificare quelli.

[duska]

Già provato a fare, il fatto è che la freccette prende il colore dallo sfondo del sito quando è nello stato normale, mentre quando ci passi il mouse sopra diventa dello stesso colore dello sfondo della pagina.

Quindi grigio a riposo, mentre quando attiva diventa bianca.

Non è un immagine, ma una funzione credo.

[ciroco05]

Ciao,

se parliamo del modulo blocktopmenu, io ho la vecchia versione del modulo, la 1.3 e la freccia è una semplice img in formato png, nella cartella img del modulo;
ha due colori: uno per la visualizzazione standard ed una per quella hover.

Ciroco05

[duska]

Ciao Ciroco05,
io ho controllato ma non è una immagine.
Ho ricontrollato anche ora. Ma nulla.

Ho installato la versione più aggiornata del modulo che mi ha passato un utente, molto più bella in quanto ha più personalizzazione, ma comunque non riesco a modificare questa cosa.
Non mi sembra una cosa impossibile! come si può fare?
Che nome ha quell'immagine .png di cui mi parli?

[ciroco05]

purtroppo senza conoscere il modulo non saprei cosa risponderti; nel versione che ti ho indicato l'img è denomintata arrows.

Ciroco05

[duska]

Ciroco si ci sono riuscito, era proprio quella l'immagine!
Finalmente non mi pare vero!

Ora però dovrei sistemare la grandezza della casella di ricerca, dovrei diminuirla di grandezza ed allargare leggermente il menù.
Mi puoi aiutare anche qui?