Propiedades de enlaces

HHnn · #1 (**permalink**) 31/08/2009, 10:25

Tengo un template que tiene los parametros en un archivo css entre esos parametros estan los de los enlaces, pero en una parte especifica de la pagina necesito que los enlaces se muestren con otro color y que la propiedad "hover" tambien sea de otro color, los parametros del archivo css hace que los enlaces se vean en negro y al pasar el puntero cambien a color rojo. Pero yo quiero que una lista de enlaces del tipo:

Código:

<ul>
<li><a href="link">texto</a></li>

</ul>

se vea con otros colores, que el color en vez de negro sea blanco y al pasar el puntero cambie a negro, pero sin poner codigo en el head, quiero darle el estilo al <ul> o si no se puede entonces meter el <ul> dentro de un div y darle el estilo a ese div de la forma style="propiedad:variable;" y el problema es ue no encontre como usar la propiedad "hover" en ese formato.

alexk · #2 (**permalink**) 31/08/2009, 10:30

li a{color:#FFF;}
li a:hover{color:#000;}

HHnn · #3 (**permalink**) 31/08/2009, 10:33

Es que de esa forma no quiero, quiero dela forma style="propiedad:variable;".

alexk · #4 (**permalink**) 31/08/2009, 10:50

no entiendo... a que te refieres?...

Código html:

Ver original<ul class="menu">
<li><a href="link">texto</a></li>
</ul>

Código css:

Ver originalul.menu li a{color:#FFF;}
ul.menu li a:hover{color:#000;}

HHnn · #5 (**permalink**) 31/08/2009, 11:16

yo lo que quiero es darle el estilo al <ul> pero sin llamar a un codigo en el <head> quieo meter la propiedades directamente dentro de <ul>
quedaria asi:

Código:

<ul style="propiedad:variable;">
<li><a href="link">texto</a></li>
</ul>

y que todos los enlaces dentro del <ul> se manejen con ese estilo, pero probe poniendole style="hover:#ffffff;" pero no funciono solo funciona si lo pongo en el header, por eso estoy buscando algo que teng aesa funcion y lo pueda meter directamente en el <ul>.

kseso? · #6 (**permalink**) 31/08/2009, 11:30

Las pseudoclases tendrás que aplicarlas colocando la "propiedad:valor" o en su archivo correspondiente o en el head del documento.

Y como eso no es lo que quieres, tendrás que "cargar" tu página con js y sus eventos. Cosa que ya es ajena a este foro de css.

Un saludo

alexk · #7 (**permalink**) 31/08/2009, 11:43

un poco extraño lo que quieres no olvidemos al onmouseout jaja... nose me ocurre mas

EDITO: y al onmouseover jaja

HHnn · #8 (**permalink**) 31/08/2009, 11:49

si yo lo que quiero es colocarlo mediante "propiedad:valor" pero sin que sea mediante un archivo y sin que sea mediante codigo en el header, es decir, quiero que sea en forma directa dentro del <ul> entonces meteria dentro del <ul> esto: style="propiedad:variable;" por eso probe metiendo style="hover:#FFFFFF;" dentro del <ul>
y quedo asi:

<ul style="hover:#FFFFFF;">
<li><a href="link">texto</a></li>
</ul>

y no me funciono porque el "hover" parece que solo funciona poniendolo como codigo en el header pero no logro que me funcione poniendolo en forma directa dentro del <ul> como en el ejemplo que puse.

HHnn · #9 (**permalink**) 31/08/2009, 15:59

No me quedo otra que hacerlo llamando al codigo en un archivo .css, igual preferia de la otra forma que explique. Pero ahora me queda algo mas por modificar, ya que la plantilla tiene los estilos en un archivo y todo se visualiza con esos estilos y en este caso yo queria darle un estilo diferente solo a un <ul> y ya se lo pude dar a los enlaces dentro del <ul>, ahora faltaria modificar el color del item que aparece delante del texto en los <li>, ya que me toma el color del archivo css del template. Me refiero a las flechitas que aparecen delante de cada <li>, que siguen con el color del template sin obedecer al estilo particular que le di a ese <ul>.

HHnn · #10 (**permalink**) 31/08/2009, 16:16

ok ya lo resolvi es que esas flechitas en este template eran imagenes por eso no se les cambiaba el color.

alexk · #11 (**permalink**) 31/08/2009, 18:38

jeje que bueno que este solucionado