Hola,
Desde que he migrado mi joomla de 1.5 a 2.5 no se ve el efecto sombra de los submenus (en la anterior versión J1.5 se veía correctamente).
Utilizo la plantilla SolarSentinel de Rocketheme y he revisado todos los ajustes de la plantilla y creo que son correctos, de hecho son idénticos a los que tenia en la versión anterior y funcionaba.
Un saludo
URL del sitio: Contenido solo visible a usuarios registrados
Hola Johnny,
donde no se ve el efecto de sombra es en los submenús.
Según la captura que envías la sombra se ve en el menú "Quienes somos" pero si te desplazas por los submenús "La empresa" o "Contacto" no se ve el efecto sombra al pasar el cursor sobre ellos, como debería ser.
Un saludo
Hola Claudia,
Revisando la plantilla original: http://demo.rockettheme.com/may09/ existe una clase visibility que esconde la imagen, mediante el código no es posible localizarla ya que puede estar implementada en la plantilla o dentro de uno de los parámetros de dicha plantilla, puedes consultar a sus desarrolladores tambien.
Saludos.
Hola en Rocketheme se han ido todos de vacaciones...
Siguiendo tu pista y utilizando la herramienta firebug observo que en los submenús existe un visibility: hidden; que si lo elimino puedo ver los el efecto en el submenú seleccionado.
La cuestión es si busco todos los visibility: hidden; de todos los submenús, uno por uno y los borro para después copiarlo en el template o si hay otra forma de hacerlo...
Un saludo
Hola,
La cuestión principal es que la versión de una plantilla para Joomla 2.5 no tiene por qué ser necesariamente igual que la disponible para Joomla 1.5, bien porque se hayan aplicados algunos cambios en el código o porque puedan existir algún tipo de error.
Estas incidencias te las deberían de poder resolver en el foro de soporte de Rocketheme, ya que como desarrolladores de las plantillas tendrán más información sobre posibles fallos o cambios.
A modo de prueba puedes editar el archivo templates/rt_solarsentinel/css/template.css y prueba a eliminar estas líneas:
#horiz-menu li.parent:hover li .link, #horiz-menu li.parent.sfHover li .link, #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;} #horiz-menu.suckerfish li li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li:hover li span, #horiz-menu.suckerfish li li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li.sfHover li span {background: none;}
Es posible que funcione aunque no lo he comprobado. Tampoco se si este cambio puede afectar a otras partes de la web. Antes de aplicar ningún cambio realiza una copia de seguridad del archivo.
Hola Pablo,
he probado a eliminar esas dos líneas que me indicas y no funciona.
Veo con el firebug que funciona cuando elimino el visibility: hidden
(width: 172px; height: 33px; position: absolute; top: 3px; left: 1px; visibility: hidden; opacity: 0;)
pero no encuentro en el template.css el visibility: hidden para eliminarlo.
Un saludo
Hola,
Revisando el archivo templates/rt_solarsentinel/css/template.css no veo que hayas quitado las líneas que te había indicado. ¿Las ha dejado porque no funcionaba?
Respecto al visibility: hidden no veo que en el archivo template.css haya nada relativo a los menús, por lo que tendría que estar en otro archivo.
Hola,
Probé quitándolas y no funcionaba así que volví a dejarlas.
En template.css hay varias lineas dedicadas a los menus y a los submenús:
/* Top Main Menu */
#horiz-menu {padding: 0 7px;height: 41px;display: block;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}
#horiz-menu li, #horiz-menu li .link {position:relative;display: block;height: 41px;line-height: 41px;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu .link {white-space: nowrap;display: block;float: left;height: 41px;line-height: 41px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0 1px;padding: 0;font-weight: bold;}
#horiz-menu li .link span {display: block;padding: 0 10px;height: 41px;}
#horiz-menu li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;}
/* Top Main Menu Dropdowns */
#horiz-menu ul ul {margin: 0;border: 0;padding: 0 10px 15px 10px;}
#horiz-menu li li {margin: 0;}
#horiz-menu li li .link {text-indent:10px;font-weight: normal;padding: 0;margin: 0;height: 33px;font-size: 12px;display: block;}
#horiz-menu li li .link span {display: block;padding: 0;margin-left: 0;}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 30px;}
#horiz-menu .sfHover {z-index: 700;}
.menutop li:hover ul, .menutop li.sfHover ul {left: 0;top:8px;}
#horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: left;width: 173px;padding: 0;}
#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 195px;}
#horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 370px;}
#horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 555px;}
#horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 740px;}
.menutop .drop-wrap.columns-1 .drop1, .menutop .drop-wrap.columns-2 .drop1, .menutop .drop-wrap.columns-3 .drop1, .menutop .drop-wrap.columns-4 .drop1 {height: 8px;}
.menutop .drop-wrap {float:none;left:-999em;position:absolute;z-index:700;width: 100%;}
.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: -4px;top:41px;}
.menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;}
.menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {left:165px;top: -8px;}
.menutop .submenu-animation-left, .menutop .submenu-animation-right {height: 100% !important;}
#horiz-menu li.parent:hover li .link, #horiz-menu li.parent.sfHover li .link, #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;}
#horiz-menu.suckerfish li li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li:hover li span, #horiz-menu.suckerfish li li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li.sfHover li span {background: none;}
Un saludo
Hola,
Es posible que el cambio sea algo más complicado de los previsto. Lo mejor sería que comparases los estilos CSS que se aplican a los submenús en la web desarrollada en Joomla 1.5 con los que se aplican en Joomla 2.5.
Hola,
pues si que parece complicadillo... he copiado directamente todas las líneas del código de los submenús del anterior template.css del anterior joomla 1.5 y... ¡sigue sin funcionar!
¿?
Un saludo
Hola Claudia,
En la demo http://demo.rockettheme.com/?template=solarsentinel si que visualizó las sombras. Pero no se si es debido a que se una demo con Joomla! 1.5 o 2.5.
Prueba a instalar la plantilla en un Joomla! nuevo completamente vacío, o un quickstart de la plantilla en Joomla! 2.5. Y entonces verás si puede ser error tuyo o que la plantilla no ofrece esas sombras en Joomla! 2.5.
Saludos
Gracias Jordi,
y por qué cuando utilizo el firebug y observo el código de algún submenú y veo que tiene el visibility: hidden y lo elimino del código, funciona correctamente la sombra?
¿como podría eliminar ese visibility:hidden del código del template? ¿no podría salvar los cambios desde el firebug?
Un saludo
Hola Claudia,
En el firebug es una ayuda, pero no permite realizar los cambios en la plantilla.
Descarga los archivos de la plantilla en tu ordenador, y luego busca el texto que indicas, de esa forma podrás localizar el fichero vinculado con ese cambio.
Saludos
Eso he intentado pero no localizo donde está la línea de código que quiero corregir. He buscado en template.css pero no la encuentro.
Te adjunto captura de la línea que contiene el visibility:hidden que muestra el firebug a ver si me dices donde está la línea en el archivo original.
Un saludo