+- UltraForos (https://www.ultraforos.net/foros)
+-- Foro: Comunidad Libre (https://www.ultraforos.net/foros/f-Comunidad-Libre)
+--- Foro: General (https://www.ultraforos.net/foros/f-General)
+--- Tema: Subrayar Un Enlace Poniendo El Mouse Sobre Él. (/t-Subrayar-Un-Enlace-Poniendo-El-Mouse-Sobre-%C3%89l)
Subrayar Un Enlace Poniendo El Mouse Sobre Él. - Pzykophat - 21/04/2010
Le voy a quitar el virguito al subforo je je je je :clap:
A ver, esto es algo sencillo pero util en la mayoria de los casos puesto que sirve en HTML puro y tambien se aplica a CSS.
Se puede hacer una pagina con puro HTML aunque lo mejor es usar CSS para separar los estilo, las ventajas son grandisimas pero no las voy a comentar aqui por que no es el tema.
Lo que haremos sera que un enlace o vinculo se subraye cuando ponemos el mouse sobre él es decir, el enlace se vera asi normalemnte:
ENLACE
Y con este efecto lograremos que cuando los usuarios o visitantes pongan el mouse sobre el texto se vea asi:
ENLACE
Y sea obvio que es vinculo.
Se puede usar si en los parafos que colocas en tu website no deseas constantemente se vea el tipico vinculo asi:
ENLACE
Esto lo haremos con HTML activando la etiqueta style
Esta etiqueta es capaz de definir estilo dentro de un documento HTML mas es un poco limitada, pero sirve para cosas sencillas.
El codigo es asi:
[html]
<STYLE TYPE="text/css">
<!--
A:link, A:visited { color:#000000; text-decoration: none }
A:hover, A:active { color:#000000; text-decoration: underline }
-->
</STYLE>
[/html]
Abrimos la etiqueta style y le decimos que el estilo estara alli y no en otro documento. Definimos el estilo del link visitado y el link activo, el efecto viene con el atributo "underline" que pone subrayado el enlace y los colores de definimos ":#000000" que en codigo exadecimal es negro
Codigo debe ser pegado dentro de la etiqueta head o sea despues de ese texto y antes del mismo texto pero con "/" antes del texto, asi como en el ejemplo.
[html]
<html>
<head>
<title>UltraForos</title>
<STYLE TYPE="text/css">
<!--
A:link, A:visited { color:#000000; text-decoration: none }
A:hover, A:active { color:#000000; text-decoration: underline }
-->
</STYLE>
</head>
<body>
<a href="http://www.ultraforos.com" target="_blank">UltraForos</a>
</body>
</html>
[/html]
Vieron que facil? je je je je
Para que se vea el enlace como dije antes debemos tener un enlace, asi que debajo del body creamos un enlace para que podamos apreciar el estilo.
Se que no es gran vaina pero es util para empezar je je je je
Subrayar Un Enlace Poniendo El Mouse Sobre Él. - Matrixsex - 21/04/2010
Cita:Le voy a quitar el virguito al subforo je je je je
El jefe, siempre pensando en el sexo.
Nota: Pzyco, si ves que hice una correccion fue solo en la parte explicativa, y fueron un par de correcciones Horto-Graficas
Subrayar Un Enlace Poniendo El Mouse Sobre Él. - Pzykophat - 21/04/2010
je je je je gracias Matrixxx por las 2millones de correcciones a mis errores de escritura en este y todos los foros je je je je je
Subrayar Un Enlace Poniendo El Mouse Sobre Él. - Proclamer - 25/04/2010
exelente compatriota jejejeje eres un duro enseñando man jejeje besitos...
Subrayar Un Enlace Poniendo El Mouse Sobre Él. - Uriel - 8/01/2011
excelente tutorial gracias!...