Efecto al pasar el mousse  

 
Alberto
 Alberto
Estimable Member

Hola, he encontrado en esta web un menú que al pasar el ratón se subraya con una línea naranja, y la verdad me ha gustado.... lo podeís ver arriba del todo en el menú horizontal (Presupuestos, organización, servicios, color etc )

bien... el tema está si se podría hacer lo mismo con el menú superior de la web rdoblo.com

saludos !!

Citar
Respondido : 08/11/2011 6:03 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Alberto,

Se trata de un efecto desarrollado en jQuery para que entre otras cosas ante eventos de ratón pinte una linea horizontal en el elemento activo o en el que se encuentre el cursor.

En el caso de tu platilla "JP Modern" trabaja con el menú "Suckerfish Moomenu" basado en MooTools y aunque se podría implementar una funcionalidad similar, naturalmente requiere conocimientos de programación de PHP y no está de más tener conocimientos en JavaScript para poder trabajar con MooTools o jQuery.

No obstante la plantilla de ejemplo que presentas no está realizada con Joomla!.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 08/11/2011 10:31 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alberto

En realidad ese efecto lo puedes lograr con CSS, con javascript se puede lograr lo mismo pero más sofisticado, por ejemplo con comportamiento elástico o con fade.

Prueba el siguiente código:

#suckerfish li a:hover{
  border-bottom : 3px solid blue;
}

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/11/2011 1:38 pm
Alberto
 Alberto
Estimable Member

en que fichero hay que poner este código ?

saludos !

ResponderCitar
Respondido : 11/11/2011 4:51 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alberto

El archivo es templates/jp_modern/css/suckerfish.css , es decir el archivo de estilos de tu template .

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/11/2011 7:55 pm

Por favor Iniciar Sesión o Registro