Enlaces

zeustele · #1 (**permalink**) 11/02/2003, 06:13

Saludos!!

Soy totalmente novato en esto. Trabajo con el Dreamweaver y con el Front Page.

Lo que pasa es que cuando pongo un enlace, siempre me sale ese subrayado cutre, y cuando se pulsa el enlace sale el subrayado cutre en color morado...

Yo he visto en otras webs que en los enlaces, al pasar el raton se subraya, cambia de color, tamaño... quiero saber como se logra todo eso.

Creo que es con la etiqueta STYLE, verdad? pero no se como funciona ni nada. Si alguien conoce alguna web en la que se explique estaria muy agradecido.

Asi mismo, si aqui pudierais ponerme un breve ejemplo de cambio de color en enlace tambien os lo agradeceria.

Muchas gracias a todos! y hasta pronto!

DanielRey · #2 (**permalink**) 11/02/2003, 06:28

Hola Zeustele

Con estilos puedes hacer algunas de esas cosas

Aquí la página oficial de Cascade Style Sheets:
http://www.w3.org/TR/REC-CSS1

Aquí un breve ejemplo (esto se pone después del <head> y antes del </head>)

Código PHP:

  <style> 
A { text-decoration: none; 
    color: "#FFF"; 
    font-size: 13px; 
} 
A:hover { 
    color: "#F00"; 
    background-color: #CCC ; 
    font-size: 18px; 
    font-weight: bold; 
    text-decoration: underline; 
} 
</style>

Suerte

Mickel · #3 (**permalink**) 11/02/2003, 11:46

si es que solo quieres cambiar el color en un link especifico...

<a href='enlace' style='text-decoration:none;color:color para el enlace'>TEXTO</a>

pabnavar · #4 (**permalink**) 11/02/2003, 21:12

También se puede hacer con la etiqueta <LINK HREF="archivo.txt" REL="stylesheet" TYPE="text/css">

Suerte.

Pablo

cybersaurio · #5 (**permalink**) 11/02/2003, 21:42

Hola Zeustele, bienvenido a la comunidad de FDW.

Ahora solo quisiera complementar la respuesta de Pabnavar, en ese caso las instruciones del CSS estan en el file "archivo.txt", al cual lo puedes llamar como quieras pero la costumbre hace que se le llame estilos.css que debe estar en el mismo directorio de tu pagina.

En este archivo debes colocar todas las instruciones que quieras de CSS pero ojo sin ninguna etiqueta mas, incluso sin nada de html.

Sl2.

zeustele · #6 (**permalink**) 12/02/2003, 05:01

Muchas gracias a todos!!

Con toda la ayuda que dais, me parece que aparecere por aca muy a menudo.!! Gracias!!

Ahora tengo una preguntita mas:

Vosotros haceis toda la web entera con codigos HTML? es decir, escribis todo el HTML? es que yo utilizo un programa dreanweaver....

Gracias

Cain · #7 (**permalink**) 12/02/2003, 05:04

No conozco DreamWeaver, pero creo que también es posible editar directamente el código de las páginas.
Eso va muy bien cuando sabes lo que haces, porque así evitas que el programa añada códigos innecesarios o incompatibles con algunos navegadores.

zeustele · #8 (**permalink**) 12/02/2003, 05:49

Saludos!!

Estoy haciendo unas "investigaciones" y es super guay! se pueden hacer un monton de cosas y se puede probar de todo. Aun asi, estoy intentando hacer una cosa que no me sale, aber si me explico:

Por ejemplo, tenemos esto: <a href="index.htm" style='text-decoration:underline;color:"#C0C0C0"'

Lo que logramos con eso es que el texto que tenga un enlace este subrayado. Pero si lo que quiero es que se subraye cuandos e pasa por encima del texto, como se tendria que hacer?

En el style seria mediante el H hover, y he hecho prubas poniendo algo parecido en el mismo enlace, pero me hacia unas cosas muy raras.

Como se podria lograr eso?

Gracias!

cybersaurio · #9 (**permalink**) 13/02/2003, 10:13

Hola de nuevo, haber si te entendi, tu tienes un enlace el cual no esta subrayado y lo que quieres es que cuando el roedor pase por encima se subraye, si eso primero debes con estilos quitar el subrayado creo que con style="text-decoration: none" y luego n volver a colocarlo.

Aqui por ejemplo tienes el efecto para colocar el enlace de diferente color , uno cuando pasar el roedor y otro cuando lo quitas.

onmouseover="this.style.color='#000000'" onmouseout="this.style.color='#FFFFFF'"

Sl2.