Items de menu quedan marcados como activos  

Hola Luis,

Sigo pensando que el problema viene o bien de la migración de la plantilla de 1.5 a 3.x y adicionalmente algún conflicto javascript.

Esta plantilla funciona muy bien en nuestros servidores y tenemos clientes que la usan a diario y el menú se comporta correctamente.

Contenido solo visible a usuarios registrados

¿Dispones de la plantilla original para Joomla 3.x que puedas instalar en un Pack Joomla 3 "limpio" en otra carpeta de pruebas en tu Hosting?.

Saludos

si dispongo de ella, pero bajo ningun concepto empezariamos de nuevo ya que tiene muchos cambios.

y a que puede deberse este comportamiento? en el fondo no es tan importante pero la imagen no es muy buena dejandolo asi

Hola Luis,

La idea no era que "empezases de nuevo" sino que instalases en otra carpeta de /pruebas en tu Hosting, un Pack Joomla 3.x y luego esa plantilla que tienes para Joomla 3 y verificases el comportamiento de los menús. De esta forma acreditarás que se trata de un cúmulo de circunstancias propiciadas por una migración de Joomla 1.5 a 3.x que afecta a librerías jquery y javascript, entre otras, además de otros cientos de archivos de la plantilla y de Joomla.

Todo junto acaba sumando y conformando una circunstancia de funcionamiento errático que lógicamente desmejora el comportamiento de la web y que tendrías que analizar si te compensa que un técnico colaborador o desarrollador te lo revise específicamente para resolvértelo.

Saludos

se puede hacer para que no se quede marcado ningun elemento menu?

Hola Luis,

Puedes modificar un poco el CSS para que no se muestre como el botón pulsado.

Saludos.

que codigo pongo en el css para que no se marque entonces?

mil gracias!

Hola,

Por un lado tendrás que editar el archivo templates/yoo_balance/css/menus.css y, previa copia de seguridad del mismo, eliminar el siguiente código:

/* Active */
.menu-dropdown li.level1.active { box-shadow: none; }

.menu-dropdown a.level1.active,
.menu-dropdown span.level1.active {
	position: relative;
	top: 4px;
	background: #E1E2E6 url(../images/menu_dropdown_level1_bg_active.png) 0 0 repeat-x;
	background-clip: padding-box;
	box-shadow: inset 8px 0 12px -10px #999,
				inset -8px 0 12px -10px #999,
				0 1px 0 #a9a9a9,
				0 2px 0 rgba(255,255,255,0.4);
}

.menu-dropdown li.active .level1 > span {
	position: relative;
	top: -2px;
	color: #444;
}

/* First Item Active */
.menu-dropdown:first-child li.level1:first-child .level1.active {
	box-shadow: inset -8px 0 12px -10px #999,
				0 1px 0 #a9a9a9,
				0 2px 0 rgba(255,255,255,0.4);
}

Además, edita el archivo templates/yoo_balance/css/style.css y cambia el código:

.menu-dropdown li.level1:hover .level1 > span,
.menu-dropdown li.remain .level1 > span,
.menu-dropdown li.active .level1 > span { background-image: url(../images/menu_dropdown_level1_active.png); }

por este otro:

.menu-dropdown li.level1:hover .level1 > span,
.menu-dropdown li.remain .level1 > span { background-image: url(../images/menu_dropdown_level1_active.png); }

increible, para darte mil karmas y mil gracias

perfecto, ahora lo unico que se queda en color azul muy claro el titulo del menu. como se podria quitar para que este como el resto?

Hola,

Edita el archivo templates/yoo_balance/css/style.css. Localiza el siguiente código:

h2,
h3,
a,
.menu-dropdown li.active .level1,
a.button-more:hover,
#system .title a:hover,
.searchbox .results li.more-results:hover { color: #5F9FCB; }

y cámbialo por este otro:

h2,
h3,
a,
a.button-more:hover,
#system .title a:hover,
.searchbox .results li.more-results:hover { color: #5F9FCB; }