Foros del Web » Creando para Internet » CSS »

se puede colocar un estilo a un select

Estas en el tema de se puede colocar un estilo a un select en el foro de CSS en Foros del Web. buenas. mi consulta es si hay posibilidad de colocar un estilo a un select como la imagen que voy a mostrar: si es posible como ...
  #1 (permalink)  
Antiguo 27/01/2010, 13:58
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 787
Antigüedad: 9 años, 7 meses
Puntos: 7
Pregunta se puede colocar un estilo a un select

buenas. mi consulta es si hay posibilidad de colocar un estilo a un select como la imagen que voy a mostrar:



si es posible como se desarrollaria ?.
  #2 (permalink)  
Antiguo 27/01/2010, 14:04
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: se puede colocar un estilo a un select

Si pero con limitaciones. Ese combo parece de flash. Lo podrías hacer todo menos cambiar el botón para abrir las opciones. A no ser que usaras javaScript.

Salud!

Última edición por AlbertoGarcia; 27/01/2010 a las 14:08 Razón: Edito porque no se veia la imagen :ojotes:
  #3 (permalink)  
Antiguo 27/01/2010, 14:38
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 787
Antigüedad: 9 años, 7 meses
Puntos: 7
Respuesta: se puede colocar un estilo a un select

gracias por responder. no se veia la imagen.

que extraño. lo voy a colocar de nuevo por si las dudas.



saludos.
  #4 (permalink)  
Antiguo 27/01/2010, 14:55
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: se puede colocar un estilo a un select

Si andas fino de inglés aquí tienes para distraerte un rato, aunque yo no me complicaría:

http://www.easy-designs.net/articles/replaceSelect/
http://www.easy-designs.net/articles/replaceSelect2/

Por otro lado lo poco que se puede hacer es esto:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content= "text/html; charset=utf-8" />
  5.     </head>
  6.     <style type="text/css">
  7.         <!--
  8.        select {
  9.             width: 14em;
  10.            background-color: #fff;
  11.            color: #676767;
  12.            font-size: 10px;
  13.            border: 1px solid #676767;
  14.        }
  15.         -->
  16.     </style>
  17.     <body>
  18.         <select>
  19.             <option value="Encapsulados">Encapsulados</option>
  20.             <option value="lorem">lorem</option>
  21.             <option value="ipsum">ipsum</option>
  22.             <option value="dolor">dolor</option>
  23.             <option value="amet">amet</option>
  24.         </select>
  25.     </body>
  26. </html>

De todos modos piensa que cambiar el aspecto por defecto de ciertos objetos va en detrimento de la usabilidad. Todos estamos habituados a usar estos objetos y no tenemos que pensar en qué son y cómo se usan, cuidado con la creatividad si te da por seguir los enlaces de arriba.


Salud!
  #5 (permalink)  
Antiguo 27/01/2010, 15:01
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 787
Antigüedad: 9 años, 7 meses
Puntos: 7
Respuesta: se puede colocar un estilo a un select

gracias por responder AlbertoGarcia. leere los enlaces que has puesto y el codigo que pusiste.

hay 2 preguntas que quisiera hacerte.

1. no entendi la parte que dijiste:

De todos modos piensa que cambiar el aspecto por defecto de ciertos objetos va en detrimento de la usabilidad. Todos estamos habituados a usar estos objetos y no tenemos que pensar en qué son y cómo se usan, cuidado con la creatividad si te da por seguir los enlaces de arriba.

2. el css que pusiste, es compatible con los navegadores ie6, ie7, ie8, mozilla firefox y google chrome ?.

saludos.
  #6 (permalink)  
Antiguo 27/01/2010, 17:08
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: se puede colocar un estilo a un select

Hola de nuevo,

Cita:
1. no entendi la parte que dijiste:

De todos modos piensa que cambiar el aspecto por defecto de ciertos objetos va en detrimento de la usabilidad. Todos estamos habituados a usar estos objetos y no tenemos que pensar en qué son y cómo se usan, cuidado con la creatividad si te da por seguir los enlaces de arriba.
La usabilidad de un objeto determina la facilidad con la que somos capaces de percibir su finalidad y la forma de alcanzar esta por medio de ese objeto. Si cambiamos demasiado el aspecto de un objeto que ya está estandarizado corremos el riesgo de mermar su usabilidad, es decir, que el usuario de nuestra página no sepa que ese select tan chulo que hemos diseñado es un select y no sepa muy bien como se usa o si nisiquiera se usa. Más info en: http://www.sidar.org/recur/desdi/tra...quees/usab.htm

Respecto de tu segunda duda, y aunque puedes comprobarlo por ti mismo, el css es válido para todos los navegadores modernos excepto para el puñetero IE, no recuerdo si en IE8 tambien da problemas. Pero para IE hay chapuzas varias para que funcione, esta es una algo engorrosa complicada: http://swatelier.info/at/forms/selectExp.htm

Salud!
  #7 (permalink)  
Antiguo 27/01/2010, 18:00
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 787
Antigüedad: 9 años, 7 meses
Puntos: 7
Respuesta: se puede colocar un estilo a un select

entiendo. es decir que buscando una mejor alternativa apra el diseño del select, logre ese resultado pero al final el cliente no sabe muy bien como utilizarlo y se enredaria.

gracias por la aclaracion.

saludos.

Etiquetas: estilo, select
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 05:52.