Foros del Web » Creando para Internet » CSS »

Palabra en enlace

Estas en el tema de Palabra en enlace en el foro de CSS en Foros del Web. Buenas, me gustaría saber el código CSS utilizado para sustituir el texto de un enlace por otro cuando el ratón pasa sobre él....
  #1 (permalink)  
Antiguo 19/04/2008, 11:40
 
Fecha de Ingreso: junio-2007
Mensajes: 492
Antigüedad: 10 años, 6 meses
Puntos: 8
Palabra en enlace

Buenas, me gustaría saber el código CSS utilizado para sustituir el texto de un enlace por otro cuando el ratón pasa sobre él.
  #2 (permalink)  
Antiguo 19/04/2008, 13:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Palabra en enlace

No hay un código específico para hacer eso, pero este es un bonito truco:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cambio texto</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a {text-decoration: none;}
a span.con {display: none;}
a:hover {background: transparent;}
a:hover span.sin {display: none;}
a:hover span.con {display: block; }
</style>
</head>
<body>
<a href="#"><span class="sin">Sin raton encima</span><span class="con">Con raton encima</span></a>
</body>
</html>
Mikel.
  #3 (permalink)  
Antiguo 21/04/2008, 11:44
 
Fecha de Ingreso: junio-2007
Mensajes: 492
Antigüedad: 10 años, 6 meses
Puntos: 8
Re: Palabra en enlace

Gracias, probaré ese truquillo que comentas. Sin embargo, creo recordar que sí existe un código concreto para lograr el efecto de sustitución de texto en el "hover" de un enlace. Lo vi en algún sitio, pero lamentablemente no recuerdo en dónde; por eso pensé que sería algo bastante conocido.

Gracias de nuevo y un saludo
  #4 (permalink)  
Antiguo 21/04/2008, 20:35
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Re: Palabra en enlace

supongo que te refieres al atributo "content". Aunque con ese atributo solo puedes agregar texto antes o despues del texto actual (con las pseudo clases :before y :after).
De todos modos ese atributo no es valido para IE6, asi que solo deberias usarlo si sabes que tus usuarios no utilizan ese navegador (o si no te importan tus usuarios!).
__________________
oohh... quisiera ser godines!!!
  #5 (permalink)  
Antiguo 22/04/2008, 03:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Palabra en enlace

Aun así, ese atributo no serviría para "sustituir" el texto del enlace por otro. No creo qu exista tal cosa.

Mikel.
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:43.