Foros del Web » Creando para Internet » HTML »

Ayuda On Mouse over y Style.

Estas en el tema de Ayuda On Mouse over y Style. en el foro de HTML en Foros del Web. Hola, yo tengo pro ejemplo un boton y quiero que al pasar el mouse pro arriba este boton se cambie pro otra imagen, ahor ano ...
  #1 (permalink)  
Antiguo 02/04/2005, 08:46
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 20 años
Puntos: 0
Ayuda On Mouse over y Style.

Hola, yo tengo pro ejemplo un boton y quiero que al pasar el mouse pro arriba este boton se cambie pro otra imagen, ahor ano recuerdo como pones el onmouseover, por favor si alguien me aydua cone sto se lo agrdesco.
Y otra cosa es lo de a:hoves, a:link, etc, tampoco recuerdo com oponer eso dodn eelejis lo d elso enlaces si queres que cambien de colo l pasar el mouse, si queres queno tenga subrayado, etc.
GRacias desde ya.
__________________
Aprendiendo =).
  #2 (permalink)  
Antiguo 02/04/2005, 11:45
Avatar de shamuray  
Fecha de Ingreso: agosto-2004
Ubicación: Capital Federal, Argentina
Mensajes: 142
Antigüedad: 20 años, 3 meses
Puntos: 0
Esto hago referencia a lo del estilo para los link.

<style type="text/css">
<!--
a:link {
color: #0000FF;
text-decoration: none;/* te da el efecto de subrayar o no, por ejemplo underline o none lo ubicas en donde necesitas que aparezca el subrayado*/
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
-->
</style>

link ------------>Estado de enlace normal sin haber accedido a la página a que apunta.
hover---------->Es cuando el puntero del ratón se situa sobre el enlace, antes de pulsarlo.
active--------->Es cuando estamos visitando la página del enlace o cuando hemos regresado de ella y el enlace todabía tiene foco.
visited-------->Es cuandohemos regresado de la página a la que apunta el enlace y éste ha perdido el foco.

Luego que tenés el estilo solo debes colocar el enlace por ej:
<a href:"paginadondevoy.htm">Voy a esa página</a>

En este caso tienes el css en la misma página.
Si está en una hojadeestilo.css
tenés que utilizar e link que se ubica entre los tag <head></head>

<link rel="stylesheet" type="text/css" href="css/hojadeestilo.css">

Bueno espero que te sea de ayuda...
Salu2...
__________________
:pirata: •´¯¥¯•Ð€MØNiØ•´¯¥¯• :pirata:
  #3 (permalink)  
Antiguo 02/04/2005, 12:23
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 20 años
Puntos: 0
Mucha sgracias por lo del css. Peor lo de onmouse over no lo se aun pro ahi no me entendieron. Po rejemplo tnegfo un boton azul que dice inicio, la img es inicio.gif y quiero que a pasar el mosue pro arriba se cambie de imagen a uan por ejemplo roja (inicio2.gif)... bueno gracias pro lo del css de verdad.. y espero que alguien sepa lo de onmouse over.
Byes..
__________________
Aprendiendo =).
  #4 (permalink)  
Antiguo 02/04/2005, 12:38
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola Dogui15

Sería algo así:
Código:
<img src="inicio.gif" onmouseover = "this.src='inicio2.gif'" onmouseout = "this.src='inicio.gif'" />
Saludos,
  #5 (permalink)  
Antiguo 02/04/2005, 16:16
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 20 años
Puntos: 0
GRacias JavierBN, epro tengo un problema al agregarle un vinculo me aparece el borde del vinculko en la imagen(inicio1.gif), como hago paar qei no saparesca el borde?
GRacias
__________________
Aprendiendo =).
  #6 (permalink)  
Antiguo 02/04/2005, 17:06
Avatar de Takitei  
Fecha de Ingreso: septiembre-2004
Ubicación: Venezuela
Mensajes: 1.231
Antigüedad: 20 años, 2 meses
Puntos: 5
Aplicale como te dije en el post anterior el estilo border:0px a la imagen.
__________________
Takitei
Ingeniarte.com
DannyHerran.com
"Dadme un punto de apoyo y moveré la tierra" - Arquímedes.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:20.