Foros del Web » Creando para Internet » CSS »

Como hago para que cuando alguien pase el mouse por un link haga algun efecto?¿...

Estas en el tema de Como hago para que cuando alguien pase el mouse por un link haga algun efecto?¿... en el foro de CSS en Foros del Web. Luego de postear en el sub-foro de (x)HTML este mensaje: Bueno, lo que pregunto es muy simple, y creo que la mayoria lo debe de ...
  #1 (permalink)  
Antiguo 27/11/2004, 15:38
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 13 años
Puntos: 0
Exclamación Como hago para que cuando alguien pase el mouse por un link haga algun efecto?¿...

Luego de postear en el sub-foro de (x)HTML este mensaje:

Bueno, lo que pregunto es muy simple, y creo que la mayoria lo debe de saber.
Por ejemplo si tengo un Link: Imagenes (hagan de cuenta que es un link) y alguien le pasa el mouse por arriba se cambie por esto: Imagenes o sino que este sin subrayado y cuando le paso el mouse por arriba se le ponga el subrayado, etc, etc.
Como hago?(en esta web por ejemplo hay creo q en todos los links un efecto de estos...)
Desde ya Gracias.

Alguien me contesto que es con CSS, busque en Internet pero los tutoriales y paginas en las que busque no dicen nada de lo que busco, sino que hablan de otras acciones con CSS...
Como puedo hacer esos "efectos" en el texto cuando se le pasa el mouse por arriba?¿
  #2 (permalink)  
Antiguo 27/11/2004, 17:56
Avatar de Chriss  
Fecha de Ingreso: junio-2004
Mensajes: 105
Antigüedad: 13 años, 5 meses
Puntos: 0
Hola si quieres que un link se ponga subrayado debes de poner:

text-decoration:underline;

y si quieres que este sin el debes de poner:

text-decoration:none;

Con este código el link es gris oscuro y sin subrayar, cuando ya lo has visitado se pone en gris clarito y sin subrayar, cuando estas encima le sale un subrayado y se pone todo en rosa y cuando lo cliqueas se le pone un fondo verde y la letra en blanco sin subrayar.


Código HTML:
A:link {
	COLOR: #999999; 
	TEXT-DECORATION: none;
}
A:visited {
	COLOR:#666666; 
	TEXT-DECORATION: none
}

A:hover { 
	COLOR: #FF00FF;
	TEXT-DECORATION:underline;
}

A:active {
	BACKGROUND: #cf0; 
	COLOR: #fff
}
  #3 (permalink)  
Antiguo 27/11/2004, 18:35
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 13 años
Puntos: 0
Gracias, pero cuando lo pego no me lo toma como HTML y me lo toma como texto... Que puedo hacer?¿

PD: no soy bueno con el codigo CSS
  #4 (permalink)  
Antiguo 27/11/2004, 18:37
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 13 años
Puntos: 0
Exclamación

aaa y me olvidaba, tambien justo encontre un codigo parecido y tampoco me lo toma, mira es asi:

Código HTML:
<style type="text/css"> 
a:link {text-decoration:none} 
a:visited {text-decoration:none} 
a:hover{text-decoration:none} 
a:active{text-decoration:none} 
</style> 
Habra algun error?¿...
Bueno espeo q me ayuden, Salu2
  #5 (permalink)  
Antiguo 28/11/2004, 04:05
 
Fecha de Ingreso: noviembre-2004
Mensajes: 27
Antigüedad: 13 años
Puntos: 0
lo toma como texto porque no pusiste <style type="text/css"> y </style>

Código HTML:
<style type="text/css"> 
A:link {
	COLOR: #999999; 
	TEXT-DECORATION: none;
}
A:visited {
	COLOR:#666666; 
	TEXT-DECORATION: none
}

A:hover { 
	COLOR: #FF00FF;
	TEXT-DECORATION:underline;
}

A:active {
	BACKGROUND: #cf0; 
	COLOR: #fff
}
</style> 
te recomiendo usar una hoja de estilos aparte.. ejemplo.css donde puedes poner todos tus estilos y no te confundes cuando depuras HTML.. en hover.. text-decoration: lo puedes poner algo así (solo es una idea):


a:hover
{
color: #FF00FF;
font-weight: bold;
font-family: verdana;
text-decoration:underline overline;
left:1px;
position:relative;
top:1px
}

y ve el efecto.. con esto se mueve 1px. el link hacia la izquierda.. cosa que puedes modificar..
  #6 (permalink)  
Antiguo 28/11/2004, 14:04
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 13 años
Puntos: 0
Ok muchas gracias.
  #7 (permalink)  
Antiguo 28/11/2004, 19:14
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Aquí mi aporte,

Hola, y si quieres que ciertos links de tu página tengan otro estilo (color,tamaño,tipo de letra, etc.) diferente al que tienen todos lo demás, tienes que hacer lo siguiente:

Código:
A.otroestilo:link {/*le dices todo lo que quieres que tenga, igual con todos lo de abajo.*/
     }

A.otroestilo:active { 
     }

A.otroestilo:visited {
     }

A.otroestilo:hover {
     }
Luego aplicas la clase y listo, ejemplo:

<a href="algunsitio.html" class="otroestilo">V&iacute;nculo diferente</a>

Suerte...
__________________
_______
Jorge Rojas.
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 20:46.