Hola
Alguien sabe (me imagino que con css) como hacer para subrayar los enlaces con otro color, por ejemplo el texto en negro y cuando pases el raton por encima se subraye en verde pero mantiendo el color del texto
un saludo y gracias
22/05/2003, 14:49
| |||
| |||
| Subrayar enlaces en otro color !!! Hola Alguien sabe (me imagino que con css) como hacer para subrayar los enlaces con otro color, por ejemplo el texto en negro y cuando pases el raton por encima se subraye en verde pero mantiendo el color del texto un saludo y gracias |
|
22/05/2003, 15:46
| ||||
| ||||
| Qué te parece este truco inventado para la ocasión? <html> <head> </head> <body> <table> <tr> <td onmouseout="this.style.borderBottom='none'" onclick="location.href='http://www.forosdelweb.com'" onmouseover="this.style.borderBottom='solid green 1px;'" style=" cursor:hand; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font:normal 10px/10px verdana;"> hola </td> </tr> </table> </body> </html>
__________________ Cómo escribir No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |
|
23/05/2003, 03:11
| ||||
| ||||
| Mucho me temo que no 
__________________ Cómo escribir No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |
|
23/05/2003, 05:39
| ||||
| ||||
| Ummmmm... muy bueno Karlankas. Se me ocurre una adapatación para hacer una barra de menú sencillita. Si en vez de poner borderBottom se pone borderRight o borderLeft y haciendo una tabla vertical y que en cada una de las celdas ocurra la acción al pasar el ratón... tendremos un menú animado. Solo que sería mejor definir los estilos en HEAD y no en cada celda. Ahí queda eso para el que se lo quiera currar, si es que estoy últimamente muuuuuuy vago. Un saludo a todos.
__________________ ¡¡NO A LA GUERRA!! Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares! |
|
24/05/2003, 03:56
| |||
| |||
| Pues si que se puede, miren esto: A:link {BACKGROUND: none; COLOR: #808080; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none} A:active {BACKGROUND: none; COLOR: #808080; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none} A:visited {BACKGROUND: none; COLOR: #808080; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none} A:hover {BACKGROUND: none; COLOR: #808080; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; border-bottom: 1px solid #00FF00} Un saludo |
|
24/05/2003, 04:44
| ||||
| ||||
| Pues tenías razón! Muy buen truco, sí señor! Venga... movamonos todos a CSS!
__________________ Cómo escribir No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |
|
24/05/2003, 10:15
| ||||
| ||||
| Muy bien, daniph.  No se me hubiera ocurrido ni en un mega de años.  Esto de las Css mola mazo.Saludos,  |
|
25/05/2003, 14:14
| |||
| |||
| daniph, muy bueno el ejemplo, de hecho, acabo de registrarme en este foro sólo para preguntar esto, así que visto lo visto, ¡chapeau! ;) Ahora sí, me gustaría conocer las variantes que ofrece ese código, es decir, después de A:link {BACKGROUND: se pueden poner variantes, ¿cuáles? Y lo mismo con TEXTDECORATION, que puede ser sustituído por el susodicho border-bottom... es para conocer todas las posibilidades :D. Un saludo. Continúo con el mismo tema, que llevo mucho tiempo tras estos efectos, jeje. Vamos a ver, también he visto en alguna web enlaces que cuando están hover (con el puntero encima) se encienden y se apagan, es decir, el color varía en intensidad dando dicho efecto. ¿Cómo se puede hacer esto? Supongo que escribiendo un parámetro específico en TEXTDECORATION, pero ¿cuál? Otra cosa, ¿sabéis de algún manual que diga todo esto? ¿Algún manual completo de CSS? Uf, se me hace la boca agua viendo la de posibilidades que podemos hacer :)
__________________ A Working Class Hero |
|
26/05/2003, 02:21
| ||||
| ||||
| Hola, AWCH. En este mensaje tienes unas cuantas direcciones interesantes: http://www.forosdelweb.com/showthrea...hreadid=105605 Saludos, |
|
29/05/2003, 12:03
| ||||
| ||||
| Muy buen truco, sí señor. De momento sólo me funciona con Internet Explorer, pero supongo que arreglando un poco el borde me funcionará tambien en los demás. Te has ganado 5 gallifantes dorados
__________________ M a l d i t o F r i k i |
|
31/05/2003, 11:08
| ||||
| ||||
| Me adhiero a la felicitación 
__________________ www.mundodivx.com || www.mundodivx.org Pon tu mano en un horno caliente durante un minuto y te parecerá una hora. Siéntate junto a una chica preciosa durante una hora y te parecerá un minuto. Eso es la relatividad. |
Este tema le ha gustado a 1 personas 
