Efecto al pasar el ...
 
Avisos
Vaciar todo

Efecto al pasar el mousse

5 Respuestas
3 Usuarios
0 Reactions
2,626 Visitas
Respuestas: 181
Estimable Member
Topic starter
 

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 !!


 
Respondido : 08/11/2011 6:03 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 08/11/2011 10:31 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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


 
Respondido : 11/11/2011 1:38 pm
Respuestas: 181
Estimable Member
Topic starter
 

en que fichero hay que poner este código ?

saludos !


 
Respondido : 11/11/2011 4:51 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola Alberto

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

Saludos.


 
Respondido : 11/11/2011 7:55 pm