Avisos
Vaciar todo

Efectos en submenus  

Página 1 / 2
 
Claudia
 Claudia
Reputable Member

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

Citar
Respondido : 25/05/2013 8:54 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Claudia,

Si visualizo uno de los submenus se muestra una sombra:

Si es posible facilitanos una captura para poderlo revisar.

Saludos.

ResponderCitar
Respondido : 25/05/2013 2:04 pm

Cursos Gratuitos WordPress

Claudia
 Claudia
Reputable Member

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

ResponderCitar
Respondido : 26/05/2013 9:13 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 26/05/2013 3:43 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Claudia
 Claudia
Reputable Member

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

ResponderCitar
Respondido : 26/05/2013 8:51 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 27/05/2013 9:57 am

Claudia
 Claudia
Reputable Member

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

ResponderCitar
Respondido : 02/06/2013 8:23 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 03/06/2013 9:03 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Claudia
 Claudia
Reputable Member

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

ResponderCitar
Respondido : 03/06/2013 11:16 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 03/06/2013 1:43 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Claudia
 Claudia
Reputable Member

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

ResponderCitar
Respondido : 04/06/2013 9:18 am
Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 04/06/2013 9:49 am

Cursos Gratuitos WordPress

Claudia
 Claudia
Reputable Member

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

ResponderCitar
Respondido : 04/06/2013 11:15 am
Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 04/06/2013 11:35 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Claudia
 Claudia
Reputable Member

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

ResponderCitar
Respondido : 04/06/2013 12:33 pm
Página 1 / 2