Tener Más Opciones De Link, Hover, Visited, Etc.

buho2 · #1 (**permalink**) 02/05/2005, 21:26

Espero ser claro. Mi problema es cuando configuro determinadas fuentes de una página. En esa configuración también determino ciertas características para los link, hover, visited... Mi pregunta puntuar es: si quiero establecer otro link dentro de esta mísma página pero con caracterísitcas diferentes a las generales que ya he establecido ¿cómo lo puedo hacer sin perjudicar, o sea variar las anteriores configuraciones (link, hover, visited). Espero haber sido claro. Me urge una solución.
Quedo a la espera de alguna respuesta y, desde ya, muchas gracias a todos

braulito · #2 (**permalink**) 02/05/2005, 22:00

Puedes crear nuevas reglas para los otros links, esto es:

Código:

a.otrolink:link {.....}
a.otrolink:visited {.....}
a.otrolink:active {.....}
a.otrolink:hover {.....}

y usarlo

Código HTML:

<a href="/foo/" class="otrolink">Link</a>

Este link tomará todo lo que definiste en la regla .otrolink

Saludos

buho2 · #3 (**permalink**) 03/05/2005, 05:33

Gracias braulito. Pruebo y te aviso!!!!

buho2 · #4 (**permalink**) 03/05/2005, 05:35

Consulta. <a href="/foo/" clas="otrolink">Link</a> Dentro de qué etiquetas lo lanzo dentro del código html????

JavierB · #5 (**permalink**) 03/05/2005, 05:43

Hola buho2

No entiendo a que te refieres con lanzas

solo tienes que poner el código que de dejó braulito, pero con una pequeña corrección: en lugar de clas es class

<a href="tupagina.html" class="otrolink">Enlace</a>

Saludos,

buho2 · #6 (**permalink**) 03/05/2005, 06:22

En principio gracias por tu aclaración. Mi duda era en qué lugar del código ponía ese texto. ¿En cualquier lugar?, ¿Dentro de determinada etiqueta?, Disculpame, quizás no sé demasiado del tema. Pero me estoy esforzando por aprender.!!! Gracias otra vez.

JavierB · #7 (**permalink**) 03/05/2005, 07:09

Hola de nuevo.

No te preocuper por no saber demasiado, eso ya se te pasará con el tiempo (y con ayuda de los foros

) El código que te pusimos es un etiqueta para hacer un link, puedes ponerlo dentro de otras etiquetas, como <p> <div> <td>

Te he preparado una página de ejemplo para que veas como queda:

Código PHP:

  <html>

<head>

<style type="text/css">

a.otrolink:link {color:red; text-decoration:none}

a.otrolink:visited {color:yellow}

a.otrolink:active {color:blue}

a.otrolink:hover {color:green}

</style>

</head>

<body>

<p>Este enlace es un enlace normal: <a href="pagina.html">Enlace</a></p>

<p>Este enlace es un enlace con formato:

<a href="pagina.html" class="otrolink">Enlace</a></p>

</body>

</html>

Saludos,

buho2 · #8 (**permalink**) 03/05/2005, 08:32

Más que gracias!!! Te mantendré informado de mis avances.

sir_notos · #9 (**permalink**) 03/05/2005, 16:13

tambien lo puedes hacer asi

Código HTML:

<html>
....
<style type="text/css">
a:link {...}
a:visited {...}
a:active {...}
a:link {...}
div#menu  a:link {...}
div#menu  a:visited {...} 
div#menu  a:active {...} 
div#menu  a:link {...}
</style>
<a href="#">foo</a>
<div id="menu"><a href="#">bere</a></div>
....
</html>

braulito · #10 (**permalink**) 03/05/2005, 22:59

Se me fué la s, gracias Javier ;)

Blashete · #11 (**permalink**) 06/06/2005, 04:23

la 1º opcion no me va, y la segunda hago esto:

div#contenido a:link{
color: #FFFFFF;
background-color:#00FF00;
text-decoration: none;

}

div#contenido a:visited{
color: #666666;
text-decoration: none;
}
div#contenido a:active{
color: #666666;
text-decoration: none;
}
div#contenido a:hover{
background-color: #F2F2F2;
color: #FFFFFF;
border-style : none;
text-decoration:underline;

}

en el dreamweaver si se me ve el cambio pero al cargarla no me rula, ni en el mozilla ni en el explorer :\