Re: [Ovillo] Links de colores

2005-10-06 Por tema Inti Castro
On 10/6/05, Guillermo Trejo [EMAIL PROTECTED] wrote:

 cómo puedo hacerle para cada uno de los botones tenga colores distintos a
 los demás, incluyendo colores diferentes para sus distintos estados?

 He intentado ponerle un id diferente a cada li, o a cada a


recomendaria usar clases y no ids. asi podes, por ej, reutilizar la clase
que haga un vinculo rojo en un menu de navegacion secundario, por ej.

en cuanto a diferentes colores para diferentes estados (y esto es una
recomendación nomás) creo que deberias tener bastante cuidado porque podrias
terminar con un lio tremendo. convendria establecer una norma del tipo:

links no visitados: color saturado
links visitados: color desaturado con negro (mas oscuro)
links en mouseover, focus y/o active: color desaturado con blanco (mas
claro)

de esta manera por mas que cada item de menu tenga un color diferente se
puede entender cual esta visitado y cual no...

inti castro
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] Links de colores

2005-10-05 Por tema Guillermo Trejo
hola a todos en la lista:

tengo una problema que seguramente ha de ser muy fácil de resolver
pero nada más no encuentro cómo hacerlo.

Estoy haciendo una página para una tienda de pinturas, y me pidieron
botones de colores. Se que cuando se hace un menú utilizando una lista
y se le agregan estilos, todos los botones trabajan bajo las mismas
reglas, es decir, todos tiene el mismo color en los distintos estados
del botón...
head
style
#navegacion li{
list-style: none;
float: left;
margin: 5px;
width: 120px;
font-size: 20px;
line-height: 30px;
white-space: nowrap;
text-align: center;
}

#navegacion a   {
display: block;
text-decoration: none;
font-weight: bold;
border: 1 px solid;
color: White;
background-color: #00;
}

#navegacion a:hover {
background-color: #CC9900;
}
/style
/head

body
ul id=navegacion
lia href=/Home/a/li
lia href=/Servicios/a/li
lia href=/Soporte/a/li
lia href=/Nosotros/a/li
lia href=/Contacto/a/li
  /ul
/body

... mi pregunta es, cómo puedo hacerle para cada uno de los botones
tenga colores distintos a los demás, incluyendo colores diferentes
para sus distintos estados?

He intentado ponerle un id diferente a cada li, o a cada a y he
tenido que repetir los estados (a:link, a:hover) para cada uno de los
id. Esto último me hace pensar que estoy escribiendo reglas de estilo
a lo idióta.

Espero no aburrirlo con tanta explicación y ojalá me puedan ayudar.

Saludos desde México.

Guillermo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Links de colores

2005-10-05 Por tema Martin Szyszlican
Escribir reglas de estilo a lo idiota es la solucion, es decir, 
agregar a tu CSS las siguientes lineas:


#navegacion #home a {
   color: red;
}

#navegacion #home a:hover {
   color: blue;
}

#navegacion #home a:link {
   color: green;
}

(repetido 6 veces reemplazando home por la opcion que quieras.)

Martin.


Guillermo Trejo wrote:


hola a todos en la lista:

tengo una problema que seguramente ha de ser muy fácil de resolver
pero nada más no encuentro cómo hacerlo.

Estoy haciendo una página para una tienda de pinturas, y me pidieron
botones de colores. Se que cuando se hace un menú utilizando una lista
y se le agregan estilos, todos los botones trabajan bajo las mismas
reglas, es decir, todos tiene el mismo color en los distintos estados
del botón...
head
style
#navegacion li{
list-style: none;
float: left;
margin: 5px;
width: 120px;
font-size: 20px;
line-height: 30px;
white-space: nowrap;
text-align: center;
}

#navegacion a   {
display: block;
text-decoration: none;
font-weight: bold;
border: 1 px solid;
color: White;
background-color: #00;
}

#navegacion a:hover {
background-color: #CC9900;
}
/style
/head

body
ul id=navegacion
   lia href=/Home/a/li
   lia href=/Servicios/a/li
   lia href=/Soporte/a/li
   lia href=/Nosotros/a/li
   lia href=/Contacto/a/li
 /ul
/body

... mi pregunta es, cómo puedo hacerle para cada uno de los botones
tenga colores distintos a los demás, incluyendo colores diferentes
para sus distintos estados?

He intentado ponerle un id diferente a cada li, o a cada a y he
tenido que repetir los estados (a:link, a:hover) para cada uno de los
id. Esto último me hace pensar que estoy escribiendo reglas de estilo
a lo idióta.

Espero no aburrirlo con tanta explicación y ojalá me puedan ayudar.

Saludos desde México.

Guillermo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

 



--
Martin Szyszlican
www.y.net.ar







___
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo