Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Css
Code

Css - Redondear botones y campos de texto

Códigos Css

Con solo agregar este css a tus paginas podras obtener bonitos resultados en el diseño de tus paginas, redondeando las esquinasd e los campos de texto y botones, ademas de darles color de fondo, tipo de letra... Este codigo no funciona con Internet explorer.
Visitas: 51,636 - 14/10/2003 22:43:06
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION

Modificar entre las lineas 4 y 9 para la configuracion de colores, fuente et...

CODIGO
Codigo probado en ChromeCodigo probado en Mozilla FirefoxEste codigo aun no ha sido probado por Tutores.org en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


/* Codigo ofrecido por Tutores.org */

  1. <style type="text/css">
  2. input{
  3. -moz-border-radius: 15px;
  4. background-color : #eaf9ff;
  5. border : 1px solid #000000;
  6. font-family : "Courier New", Courier, monospace;
  7. font-size : 12px;
  8. padding-left : 7px;
  9. padding-right : 7px;
  10. }
  11. </style>
  12. <label>
  13. <input type="text" name="textfield">
  14. <input type="submit" name="Submit" value="Enviar">
  15. </label>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Redondear botones y campos de texto" href="http://www.tutores.org/codigo/718/" target="_blank">Redondear botones y campos de texto</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
NAGI
5 5
NO SIRVE PARA ie 6.0
Comentario usuario
10/05/2006 17.56.28
5 5
Capo !

para q siver para ie6 por ejemplo si el cod para firefox es:

input{
-moz-border-radius: 15px;
background-color : #eaf9ff;
border : 1px solid #000000;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}

para ie6 tenes q duplicar el codigo q y al selector agregarle " *html "

asi:

*html input{
-moz-border-radius: 15px;
background-color : #eaf9ff;
border : 1px solid #000000;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}


SIRVE EN LA MAYORIA DE LOS CASOS.
MUY BUENO EL BORDE REDONDO, LO ESTABA BUSCANDO!
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.