Personalizar MENU HORIZONTAL desde CSS?

Acatso · June 9, 2014

Hola estaba intentando personalizar el MENU horizontal desde el css pero al parecer no paso nada...

Use firebug para ver la linea y en cual css estaba este menu pero nose q pasa q los cambios no se hicieron..

el menú lo tengo así.. pero no me gusta ademas tiene un espacio para otro cuadro de busqueda q no se para q esta si ya hay uno arriba..

con firebug cambie esto

display: block;

font: 600 10px/10px "Open Sans",sans-serif;

padding: 9px 20px;

text-transform: uppercase;

y supuesta mente quedo así

mucho mejor de lo q estaba aunq nose todavia como borrar esa parte fea de abajo junto con el recuadro de busqueda.

segun firebug esto esta en el "....themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css" linea 60.

FUI alla y lo modifique y subi el archivo pero no paso nada..

soy nuevo

alguien me puede ayudar.. si tienen un css d un menu chevere pasemenlo jejeje asi funciona creo?

ayuddaaa saludos!

Edited June 9, 2014 by Acatso (see edit history)

TribalDexterD · June 10, 2014

Hola, si tenes la cache activada de prestashop, desactivala. Despues de los cambios, vacia tambien la cache del browser.

Acatso · June 10, 2014

Hola, si tenes la cache activada de prestashop, desactivala. Despues de los cambios, vacia tambien la cache del browser.

Ola, mira hice lo q mencionas pero sigue sin funcionar no entiendo q pasa acabo de subir denuevo el CSS modificado pero el menu sigue igual!

alguna otra idea?

TribalDexterD · June 10, 2014

Mandame el link de tu negozio!

Acatso · June 10, 2014

Mandame el link de tu negozio!

mapolex.com checa lo orrible q esta el menu!

TribalDexterD · June 10, 2014

Hay un problema, yo vivo en Italia, y me parece que bloqueaste el acceso desde aca! ^^

Acatso · June 10, 2014

Hay un problema, yo vivo en Italia, y me parece que bloqueaste el acceso desde aca! ^^

waaaaaaaaaaaaaaaa ni sabia q habia echo algo asi jajaja joder solo kiero areglar esto!

TribalDexterD · June 10, 2014

Tenes Teamviewer?

Me puedo conectar a tu pc y miro desde ahì....

Acatso · June 10, 2014

Tenes Teamviewer?

Me puedo conectar a tu pc y miro desde ahì....

como lo hacemos?

TribalDexterD · June 10, 2014

Te mande un mensaje privado.

Acatso · June 10, 2014

YA SOLUCIONE el problema al parecer tenia q borrar el cache en Parámetros Avanzados > Rendimiento. Luego cambio el menu y quedo bien

Gracias!

TribalDexterD · June 10, 2014

Es siempre culpa de la cache!!!

A la prox!!!

Tamagochi · June 10, 2014

Hola

Y podrias decir todos los cambios es que quisiera reducirlo tambien.

Salu2

TribalDexterD · June 10, 2014

Hola Tamagochi...

Anda a root/modules/blocktopmenu/css

File superfish-modified.css

Linea 61

Fijate las dimensiones deseadas modificando los dos valore aapx/bbpx

font: 600 18px/22px "Open Sans", sans-serif;

Cuando los achiques el menu que aparece abajo te va a quedar como despegado del top menu, asì que en ese mismo file anda a modificar la linea 92 top:yypx

top: 59px;

Si necesitas otras cosas, pedi sin problemas! ^^

Acatso · June 10, 2014

Hola Tamagochi...

Anda a root/modules/blocktopmenu/css

File superfish-modified.css

Linea 61

Fijate las dimensiones deseadas modificando los dos valore aapx/bbpx
font: 600 18px/22px "Open Sans", sans-serif;
Cuando los achiques el menu que aparece abajo te va a quedar como despegado del top menu, asì que en ese mismo file anda a modificar la linea 92 top:yypx
top: 59px;
Si necesitas otras cosas, pedi sin problemas! ^^

Igual el submenu aparece asi feo... tienes algun manual para hacer menus?? :=

Edited June 10, 2014 by Acatso (see edit history)

TribalDexterD · June 10, 2014

Lo habias abierto tambien antes de las modificas desde ese laptop?

TribalDexterD · June 10, 2014

Igual el submenu aparece asi feo... tienes algun manual para hacer menus?? :=

No...

Pero porque decis que te queda feo? En la otra pc como se ve?

Seguro seguro que este desactivada la cache?? Mira que te puede dar problemas de visualizacion.

Acatso · June 10, 2014

Lo habias abierto tambien antes de las modificas desde ese laptop?

No no lo habia abierto... me parecio raro pero limpie el cache del navegador y nuevamente se hizo pequeño el menu... en fin me parece raro.., tal vez sabes como puedo borrar ese cuadro d busqueda que aparece justo debajo de menu y q el menu aparezca centrado ?

disculpa la ignorancia pero soy nuevo en todo esto... mira como esta mi menú

TribalDexterD · June 10, 2014

Anda y busca el modulo BLOCKTOPMENU y desactiva la Barra de búsqueda.

Asì sacamos la barra blanca... Ahora me fijo para ajustar el ultimo espacio.

TribalDexterD · June 10, 2014

Acatso, disculpame pero me voy a dormir... No estoy entendiendo mas nada, yano se ni como me llamo

Nos hablamos mas tarde.

No pierdas las esperanza, nos falta poco!!!!

Tamagochi · June 11, 2014

Hola

No veo ese codigo en mi archivo tribal, mira mi codigo:

/*** ESSENTIAL STYLES ***/
.sf-contener {
	clear: both;
}
.sf-right {
  margin-right: 14px;
  float: right;
  width: 7px;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	margin: 10px 0;
	padding:0;
	width:980px;/* 980 */
	background: #383838;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* 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;
	border-right: 1px solid #777;
}
.sf-menu a {
	display:		block;
	position:		relative;
	color:#fff;
	text-shadow:0 1px 0 #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
	width:auto
}
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:			200px; /* 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:			200px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	display:block;
	margin-right:2px;
	padding: 0 22px 0 20px;
	line-height:34px;
	border: 0;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	white-space:nowrap;
}
.sf-menu li li {
	background: rgba(113, 113, 113, 0.9);
}
.sf-menu li li li {
	background:	rgba(113, 113, 113, 0.9);
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  	background: #4E4E4E;
}
.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:		#4e4e4e;
	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:			10px;
	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: 11px;
	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-bottom-left-radius: 17px;
	-moz-border-top-right-radius: 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: 6px 6px 0 0;
  background: #fff url('../img/search.gif') no-repeat left center;
  border:1px solid #777
}

/* hack IE7 */
.sf-menu a, .sf-menu a:visited {height:34px !IE;}
.sf-menu li li {
	width:200px;
	background:#726f72 !IE;
}

A ver si me he equivocado de archivo.

Salu2

Acatso · June 11, 2014

el directorio de ese código?

Tamagochi · June 12, 2014

Hola

root/modules/blocktopmenu/css

File superfish-modified.css

El que me dijo tribal.

Salu2

TribalDexterD · June 14, 2014

Tamagochi, disculpa si desaparecì.

Decime una cosa, que version de PS usas???

Aca te dejo el contenido de mi file, yo uso la 1.6.0.6

/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
float: left;
width: 100%; }

.sf-menu,
.sf-menu * {
margin: 0;
padding: 0;
list-style: none; }

.sf-menu {
position: relative;
padding: 0;
width: 100%;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6; }
@media (max-width: 767px) {
.sf-menu {
display: none; } }

.sf-menu ul {
position: absolute;
top: -999em;
background: white; }
@media (max-width: 767px) {
.sf-menu ul {
position: relative; } }

.sf-menu ul li {
width: 100%; }

.sf-menu li:hover {
visibility: inherit;
/* fixes IE7 'sticky bug' */ }

.sf-menu > li {
float: left;
border-right: 1px solid #d6d4d4;
margin-bottom: -3px; }
@media (max-width: 767px) {
.sf-menu > li {
float: none;
position: relative;
border-right: none; }
.sf-menu > li span {
position: absolute;
right: 6px;
top: 20px;
width: 30px;
height: 30px;
z-index: 2; }
.sf-menu > li span:after {
font-family: "FontAwesome";
content: "\f067";
font-size: 26px; }
.sf-menu > li span.active:after {
content: "\f068"; } }
.sf-menu > li > a {
font: 600 18px/22px "Open Sans", sans-serif;
text-transform: uppercase;
color: #484848;
display: block;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9; }
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
background: #333333;
border-bottom-color: #666666;
color: white; }

.sf-menu li li li a {
display: inline-block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px; }
.sf-menu li li li a:before {
content: "\f105";
display: inline-block;
font-family: "FontAwesome";
padding-right: 10px; }
.sf-menu li li li a:hover {
color: #333333; }

.sf-menu li ul {
display: none;
left: 0;
top: 59px;
/* match top ul list item height */
z-index: 99;
padding: 12px 0px 18px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
@media (max-width: 767px) {
.sf-menu li ul {
top: 0; } }

.sf-menu li li ul {
position: static;
display: block !important;
opacity: 1 !important;
background: none;
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }

.sf-menu li li li ul {
padding: 0 0 0 20px; }

.sf-menu li li li ul {
width: 220px; }

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: 200px;
/* 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: 200px;
/* match ul width */
top: 0; }

.sf-menu > li > ul {
padding: 26px 30px 31px;
width: 100%; }
.sf-menu > li > ul > li > a {
text-transform: uppercase;
font: 600 16px/20px "Open Sans", sans-serif;
color: #333333; }
.sf-menu > li > ul > li > a:hover {
color: #515151; }

.sf-menu > li > ul > li {
float: left;
width: 20%;
padding-right: 15px; }
@media (max-width: 767px) {
.sf-menu > li > ul > li {
width: 50%; } }
@media (max-width: 479px) {
.sf-menu > li > ul > li {
width: 100%; } }
@media (min-width: 768px) {
.sf-menu > li > ul > li.first-in-line-lg {
clear: left; } }
@media (min-width: 480px) and (max-width: 767px) {
.sf-menu > li > ul > li.first-in-line-xs {
clear: left; } }

.sf-menu > li > ul > li#category-thumbnail {
width: 100% !important;
float: none;
clear: both;
overflow: hidden;
padding-right: 0; }
.sf-menu > li > ul > li#category-thumbnail > div {
float: left;
padding-left: 10px;
width: 33.333%; }
@media (max-width: 479px) {
.sf-menu > li > ul > li#category-thumbnail > div {
width: 100%;
padding-left: 0;
padding-top: 10px;
text-align: center; } }
.sf-menu > li > ul > li#category-thumbnail > div:first-child {
padding-left: 0; }
.sf-menu > li > ul > li#category-thumbnail > div img {
max-width: 100%;
display: block; }

.cat-title {
display: none; }
@media (max-width: 767px) {
.cat-title {
display: block;
font: 600 18px/22px "Open Sans", sans-serif;
text-transform: uppercase;
color: #484848;
display: block;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6;
position: relative; }
.cat-title:hover {
background: #333333;
border-bottom-color: #666666;
color: white; }
.cat-title:after {
display: block;
font-family: "FontAwesome";
content: "\f067";
position: absolute;
right: 15px;
top: 18px;
font-size: 26px; }
.cat-title.active:after {
content: "\f068"; } }

.sf-menu li.sf-search {
border: none; }
.sf-menu li.sf-search input {
display: inline;
padding: 0 13px;
height: 30px;
line-height: 30px;
background: white;
margin: 13px 10px 0 0;
font-size: 13px;
color: #9c9b9b;
border: 1px solid #d6d4d4; }

Tamagochi · June 14, 2014

Hola

Tranquilo tribal, encima que me ayudas...

Uso la 1.6.0.6 igual que tu pero mi archivo era el de arriba, lo he dejado asi pero no veo cambios:

/*** ESSENTIAL STYLES ***/
.sf-contener {
	clear: both;
float: left;
width: 100%; }

.sf-right {
  margin-right: 14px;
  float: right;
  width: 7px;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	margin: 10px 0;
position: relative;
	padding:0;
	width: 100%;
border-bottom: 3px solid #e9e9e9;
	background: #383838;
}
@media (max-width: 767px) {
.sf-menu {
display: none; } }
 
.sf-menu ul {
position: absolute;
top: -999em;
background: white; }
@media (max-width: 767px) {
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* 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;
	border-right: 1px solid #777;
margin-bottom: -3px;
}
@media (max-width: 767px) {
.sf-menu > li {
float: none;
position: relative;
border-right: none; }
.sf-menu > li span {
position: absolute;
right: 6px;
top: 20px;
width: 30px;
height: 30px;
z-index: 2; }
.sf-menu > li span:after {
font-family: "FontAwesome";
content: "\f067";
font-size: 26px; }
.sf-menu > li span.active:after {
content: "\f068"; } }
.sf-menu > li > a {
font: 600 12px/16px "Open Sans", sans-serif;
text-transform: uppercase;
color: #484848;
display: block;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9; }
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
background: #333333;
border-bottom-color: #666666;
color: white; }
 
.sf-menu li li li a {
display: inline-block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px; }
.sf-menu li li li a:before {
content: "\f105";
display: inline-block;
font-family: "FontAwesome";
padding-right: 10px; }
.sf-menu li li li a:hover {
color: #333333; }
 
.sf-menu li ul {
display: none;
left: 0;
top: 59px;
/* match top ul list item height */
z-index: 99;
padding: 12px 0px 18px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
@media (max-width: 767px) {
.sf-menu li ul {
top: 0; } }
 
.sf-menu li li ul {
position: static;
display: block !important;
opacity: 1 !important;
background: none;
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }
 
.sf-menu li li li ul {
padding: 0 0 0 20px; }
 
.sf-menu li li li ul {
width: 220px; }
 
.sf-menu a {
	display:		block;
	position:		relative;
	color:#fff;
	text-shadow:0 1px 0 #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
	width:auto
}
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:			200px; /* 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:			200px; /* match ul width */
	top:			0;
}

.sf-menu > li > ul {
padding: 26px 30px 31px;
width: 100%; }
.sf-menu > li > ul > li > a {
text-transform: uppercase;
font: 600 16px/20px "Open Sans", sans-serif;
color: #333333; }
.sf-menu > li > ul > li > a:hover {
color: #515151; }
 
.sf-menu > li > ul > li {
float: left;
width: 20%;
padding-right: 15px; }
@media (max-width: 767px) {
.sf-menu > li > ul > li {
width: 50%; } }
@media (max-width: 479px) {
.sf-menu > li > ul > li {
width: 100%; } }
@media (min-width: 768px) {
.sf-menu > li > ul > li.first-in-line-lg {
clear: left; } }
@media (min-width: 480px) and (max-width: 767px) {
.sf-menu > li > ul > li.first-in-line-xs {
clear: left; } }
 
.sf-menu > li > ul > li#category-thumbnail {
width: 100% !important;
float: none;
clear: both;
overflow: hidden;
padding-right: 0; }
.sf-menu > li > ul > li#category-thumbnail > div {
float: left;
padding-left: 10px;
width: 33.333%; }
@media (max-width: 479px) {
.sf-menu > li > ul > li#category-thumbnail > div {
width: 100%;
padding-left: 0;
padding-top: 10px;
text-align: center; } }
.sf-menu > li > ul > li#category-thumbnail > div:first-child {
padding-left: 0; }
.sf-menu > li > ul > li#category-thumbnail > div img {
max-width: 100%;
display: block; }
 
.cat-title {
display: none; }
@media (max-width: 767px) {
.cat-title {
display: block;
font: 600 18px/22px "Open Sans", sans-serif;
text-transform: uppercase;
color: #484848;
display: block;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6;
position: relative; }
.cat-title:hover {
background: #333333;
border-bottom-color: #666666;
color: white; }
.cat-title:after {
display: block;
font-family: "FontAwesome";
content: "\f067";
position: absolute;
right: 15px;
top: 18px;
font-size: 26px; }
.cat-title.active:after {
content: "\f068"; } }
 
.sf-menu li.sf-search {
border: none; }
.sf-menu li.sf-search input {
display: inline;
padding: 0 13px;
height: 30px;
line-height: 30px;
background: white;
margin: 13px 10px 0 0;
font-size: 13px;
color: #9c9b9b;
border: 1px solid #d6d4d4; }
/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	display:block;
	margin-right:2px;
	padding: 0 22px 0 20px;
	line-height:34px;
	border: 0;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	white-space:nowrap;
}
.sf-menu li li {
	background: rgba(113, 113, 113, 0.9);
}
.sf-menu li li li {
	background:	rgba(113, 113, 113, 0.9);
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  	background: #4E4E4E;
}
.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:		#4e4e4e;
	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:			10px;
	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: 11px;
	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-bottom-left-radius: 17px;
	-moz-border-top-right-radius: 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: 6px 6px 0 0;
  background: #fff url('../img/search.gif') no-repeat left center;
  border:1px solid #777
}

/* hack IE7 */
.sf-menu a, .sf-menu a:visited {height:34px !IE;}
.sf-menu li li {
	width:200px;
	background:#726f72 !IE;
}

He añadido cosas de tu archivo que no veia en el mio y he modificado la linea que me decias, pero no cambia nada.

Salu2

Personalizar MENU HORIZONTAL desde CSS?

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites