Foros del web, para los que viven de bits

iconogt · 14-mar-2007, 17:37

Hola buenas tardes, lo que quiero conseguir es sencillo con Javascript, ahora yo estoy seguro que se puede hacer con CSS porque lo he visto en otras páginas web, un ejemplo: Digamos que tenemos varios cuadros de texto [modulos], simple texto y alguno que otro link, quiero que al pasar el mouse por encima dicho bloque cambie de apariencia, es decir si tiene un borde solido gris opaco que cambie a un borde solido NEGRO y uno que otro retoque, etc, etc.... Yo pongo como ejemplo un DIV pero mas creo que lo hare con <p> bueno es cuestión de gustos no?

algo asi como se ve en la pagina de http://www.mygnet.com/foros/
No se si ellos lo hicieron con Javascript, igual yo quiero hacerlo con CSS, espero respuesta y desde ya les doy las gracias por sus respuestas

demiurgo_daemon · 14-mar-2007, 17:46

hola,

eso es fácil con la pseudoclase hover:

Código:

div{
border: 1px solid black;
}

div:hover{
border: 1px solid blue;
}

por poner un ejemplo. ten en cuenta que explorer inferior a 7 no maneja pseudoclases para elementos que no sean ligas (<a>), por si esto es importante para ti.

saludos

iconogt · 14-mar-2007, 17:52

Cita:

Iniciado por demiurgo_daemon

por poner un ejemplo. ten en cuenta que explorer inferior a 7 no maneja pseudoclases para elementos que no sean ligas (<a>), por si esto es importante para ti.

Hmmm pienso que si amigo[a], ya que aún hay muchas personas que usan versiones anteriores... yo mismo en el trabajo tengo el IE 5, pero bueno gracias por tu ayuda y creo que voy a tener que leer un poquito mas porque me estoy oxidando ajajjajaj esque el job me absorbe bastante

lo pruebo y te cuento que tal me fué

Mikmoro · 14-mar-2007, 18:02

En la página que citas, efectivamente está hecho con javascript.

Mikel.

sjam7 · 14-mar-2007, 18:57

ellos lo que usan es esto no?:
<tr bgcolor="#F8F8EA" onMouseOut="this.bgColor='#F8F8EA';" onMouseOver="this.bgColor='#F0F0D2';">o no entendi la pregunta

14-mar-2007, 17:37	#1 (permalink)
iconogt Fecha de Ingreso: septiembre-2004 Ubicación: La tierra de Dios... Mensajes: 523	Hover para un DIV Hola buenas tardes, lo que quiero conseguir es sencillo con Javascript, ahora yo estoy seguro que se puede hacer con CSS porque lo he visto en otras páginas web, un ejemplo: Digamos que tenemos varios cuadros de texto [modulos], simple texto y alguno que otro link, quiero que al pasar el mouse por encima dicho bloque cambie de apariencia, es decir si tiene un borde solido gris opaco que cambie a un borde solido NEGRO y uno que otro retoque, etc, etc.... Yo pongo como ejemplo un DIV pero mas creo que lo hare con <p> bueno es cuestión de gustos no? algo asi como se ve en la pagina de http://www.mygnet.com/foros/ No se si ellos lo hicieron con Javascript, igual yo quiero hacerlo con CSS, espero respuesta y desde ya les doy las gracias por sus respuestas __________________ ________________________________________ <!-- Lo que sabemos es una gota de agua; lo que ignoramos es el océano -->

14-mar-2007, 17:46	#2 (permalink)
demiurgo_daemon Fecha de Ingreso: diciembre-2006 Ubicación: Querétaro Mensajes: 184	Re: Hover para un DIV hola, eso es fácil con la pseudoclase hover: Código: div{ border: 1px solid black; } div:hover{ border: 1px solid blue; } por poner un ejemplo. ten en cuenta que explorer inferior a 7 no maneja pseudoclases para elementos que no sean ligas (<a>), por si esto es importante para ti. saludos

14-mar-2007, 17:52	#3 (permalink)
iconogt Fecha de Ingreso: septiembre-2004 Ubicación: La tierra de Dios... Mensajes: 523	Re: Hover para un DIV Cita: Iniciado por demiurgo_daemon por poner un ejemplo. ten en cuenta que explorer inferior a 7 no maneja pseudoclases para elementos que no sean ligas (<a>), por si esto es importante para ti. Hmmm pienso que si amigo[a], ya que aún hay muchas personas que usan versiones anteriores... yo mismo en el trabajo tengo el IE 5, pero bueno gracias por tu ayuda y creo que voy a tener que leer un poquito mas porque me estoy oxidando ajajjajaj esque el job me absorbe bastante lo pruebo y te cuento que tal me fué __________________ ________________________________________ <!-- Lo que sabemos es una gota de agua; lo que ignoramos es el océano -->

14-mar-2007, 18:02	#4 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.355	Re: Hover para un DIV En la página que citas, efectivamente está hecho con javascript. Mikel.

14-mar-2007, 18:57	#5 (permalink)
sjam7 Fecha de Ingreso: noviembre-2002 Ubicación: Guadalajara, Mexico Mensajes: 3.254	Re: Hover para un DIV ellos lo que usan es esto no?: <tr bgcolor="#F8F8EA" onMouseOut="this.bgColor='#F8F8EA';" onMouseOver="this.bgColor='#F0F0D2';">o no entendi la pregunta

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado