Foros del Web » Creando para Internet » CSS »

Drop Down - Color tipografia

Estas en el tema de Drop Down - Color tipografia en el foro de CSS en Foros del Web. hola, queria saber si podia poner tipografia de color al selector, pero solo a "Elija un producto", no toda la lista. Este es el codigo ...
  #1 (permalink)  
Antiguo 06/06/2007, 11:11
 
Fecha de Ingreso: febrero-2003
Ubicación: Buenos Aires
Mensajes: 88
Antigüedad: 14 años, 10 meses
Puntos: 0
Drop Down - Color tipografia

hola,
queria saber si podia poner tipografia de color al selector, pero solo a "Elija un producto", no toda la lista. Este es el codigo que estoy usando.


.selector{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px;}
  #2 (permalink)  
Antiguo 06/06/2007, 17:55
 
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 262
Antigüedad: 10 años, 6 meses
Puntos: 1
Re: Drop Down - Color tipografia

Creo que tendrás que poner el texto en un SPAN con el color que quieras.
  #3 (permalink)  
Antiguo 07/06/2007, 08:46
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
Re: Drop Down - Color tipografia

hola, puedes aplicarle los estilos igual que a otra etiqueta, en este mismo foro, si te fijas, hay un select al final de la pagina para ·Ir a· en el cual hay lineas de otro color. ,mira el codigo de la pagina y veras.

Salud os
  #4 (permalink)  
Antiguo 07/06/2007, 11:44
 
Fecha de Ingreso: febrero-2003
Ubicación: Buenos Aires
Mensajes: 88
Antigüedad: 14 años, 10 meses
Puntos: 0
Re: Drop Down - Color tipografia

Hola programeitor,
voy avanzando... me salio poner 2 drop down, c/u con color de tipografia diferente, me falta un paso mas: poder asignar otro color a las opciones que se despliegan, hice pruebas y no me salio, pego el codigo de lo que si me salio:

.selector{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px; color: #cc0000}

.selector2{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px; color: #666666}

<select class="selector"
name="select" size="1" onchange="MM_jumpMenu('parent',this,1)">
<option value="home5.html" selected="selected">Elija un
Producto</option>
<option value="7.html">Antibiotico</option>
<option value="7.html">Penicilina Estrepto</option>
<option value="7.html">Azitromicina Suspension</option>
</select>


--------------------


<select class="selector2"
name="select2" size="1" onchange="MM_jumpMenu('parent',this,1)">
<option value="home5.html" selected="selected">Elija un
Producto</option>
<option value="7.html">Antibiotico</option>
<option value="7.html">Penicilina Estrepto</option>
<option value="7.html">Azitromicina Suspension</option>
</select>


--------------------
la prueba del font de color que no quedo funciono:
<option value="7.html"><span class="texto"></span>Penicilina Estrepto</option>



gracias!
erika
  #5 (permalink)  
Antiguo 07/06/2007, 13:31
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
Re: Drop Down - Color tipografia

erika ,no dudo que tienes recursos, muy al contrario eres de admirar. ,vere como puedo ayudarte con esto, ·pero· me parece que sera nesesario un script, de lo contrario puede que alguien te de una solucion diferente.

Creo que lo que quieres es cambiar el color a las opciones que ya han sido seleccionas, no? pues en la funcion MM_jumpMenu() solo tendrias que añadir un par de lineas para hacer esto:

El script que te comento seria una cosa sencillita, y facil de comprender:

...no recuerdo ahora esa funcion pero seria cuestion de acoplarle a la opcion seleccionada un estilo u otro segun sea el caso, por ejemplo:

if(selector.options[n].selected)
{

}
  #6 (permalink)  
Antiguo 07/06/2007, 13:33
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
Re: Drop Down - Color tipografia

erika ,no dudo que tienes recursos, muy al contrario eres de admirar. ,vere como puedo ayudarte con esto, ·pero· me parece que sera nesesario un script, de lo contrario puede que alguien te de una solucion diferente.

Creo que lo que quieres es cambiar el color a las opciones que ya han sido seleccionas, no? pues en la funcion MM_jumpMenu() solo tendrias que añadir un par de lineas para hacer esto:

El script que te comento seria una cosa sencillita, y facil de comprender:

...no recuerdo ahora esa funcion pero seria cuestion de acoplarle a la opcion seleccionada un estilo u otro segun sea el caso, por ejemplo:

if(selector.options[n].selected)
{
selector.options[n].className=activo
}

o

selector.options[n].className=selector.options[n].selected?activo:inactivo

que podrias poner en la hoja de estilos, te parece?
  #7 (permalink)  
Antiguo 07/06/2007, 13:48
 
Fecha de Ingreso: febrero-2003
Ubicación: Buenos Aires
Mensajes: 88
Antigüedad: 14 años, 10 meses
Puntos: 0
Re: Drop Down - Color tipografia

hola programeitor!
gracias x los piropos, como diseñadora, la parte del cerebro que arma codigo no la tengo tan desarrollada!!!! con estas colaboraciones puedo avanzar!!

lo que necesito creo que es mas simple:

El selector tiene un nombre que ve primero el publico:
"Elija el producto" (quiero que este en rojo, las letras)

y opciones que se despliegan;

-antibiotico (quiero que esten en gris, las letras)
-vitamina (quiero que esten en gris, las letras)
-alimento (quiero que esten en gris, las letras)

muchas gracias
erika!
  #8 (permalink)  
Antiguo 07/06/2007, 18:17
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
Re: Drop Down - Color tipografia

Ah ,pues es verdad, en aquel momento lo entendi de otra forma, pero ya entiendo:

Entonces lo unico que has de hacer es darle el color gris a todo el select y asignarle al que va en rojo una nueva clase para que le cambie el color:

.selector{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px; color: #666666 }

.rojo{color:#cc0000}

<select class=selector>
<option class="rojo" >1er opcion</option>
<option>peras y guindas</option>
.
.
</select>

y ya esta.
  #9 (permalink)  
Antiguo 08/06/2007, 10:59
 
Fecha de Ingreso: febrero-2003
Ubicación: Buenos Aires
Mensajes: 88
Antigüedad: 14 años, 10 meses
Puntos: 0
Re: Drop Down - Color tipografia

hola programeitor!
gracias por tu gran voluntad de ayuda!

te copio me codigo porque no se si lo incerto bien, tengo 2 selectores y me mareo un poco...:

.selector2{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px; color: #666666}
.rojo{color:#cc0000}



<select class="selector2"
name="select2" size="1" onchange="MM_jumpMenu('parent',this,1)">
<option value="home5.html" selected="selected">Elija
un Producto</option>
<option value="7.html">Antibiotico</option>
<option value="7.html">Penicilina Estrepto</option>
<option value="7.html">Azitromicina Suspension</option>
</select>

No se como "intercalar el codigo que me decis" <option class="rojo" >

gracias!!!!!!!
erika
  #10 (permalink)  
Antiguo 08/06/2007, 11:15
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Drop Down - Color tipografia

Hola ErikaR

Código:
<option value="home5.html" class="rojo">Elija
un Producto</option>
No hace falta que pongas selected si quieres que se seleccione la primera opción.

Saludos,
  #11 (permalink)  
Antiguo 10/06/2007, 15:30
 
Fecha de Ingreso: junio-2007
Mensajes: 1
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: Tamaño del box y otro

hola.
me he ayudado mucho con tus datos..
pero tengo la siguiente duda....
como hago para que los box del formulario sean de un mismo tamaño ya que tengo varios form en la página....
y otra cosa como hago para que el link se abra en una pagina nueva..

gracias

nbello
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:24.