Formularios mas bonitos

procer · #1 (**permalink**) 02/06/2003, 11:52

Hola
Alguien sabe còmo puedo hacer formularios màs bonitos.

Que los campos no sean los predeterminados por dreamweaver, (blancos, con letras negras) si no que yo pueda darles formato y color.

Lo he visto en algunos sitios y no sè como se hace.
Gracias a los masters!!!

JavierB · #2 (**permalink**) 02/06/2003, 12:08

Hola, procer.

Eso se hace con Css. Puedes mirar las FAQs de ese foro o buscar manuales de Css en la red (hay muchos)

Por poner un ejemplo:

Código PHP:

  <html>

<head>

<style>

input {font-family:verdana;

font-size:10pt;

background-color:#cce6ff;

color: #996666;

border:1px solid #663333;

}

</style>

</head>

 
<body>

<input type="text" value="texto">

<input type="button" value="Botoncillo">

</body>

</html>

Saludos,

korbendallastc · #3 (**permalink**) 02/06/2003, 12:11

Hola!!

Esto lo lograras gracias a las hojas de estilo, para ello has de crearte una clase, así

Código:

<STYLE TYPE="text/css"><!--

.estilocaja {
  scrollbar-arrow-color:"Cyan";
  scrollbar-track-color:"#DD6699";
  scrollbar-shadow-color:"RosyBrown";
  scrollbar-face-color:"#330099";
  scrollbar-highlight-color:"Red";
  scrollbar-darkshadow-color:"Yellow";
  scrollbar-3dlight-color:"Blue";
  font-size:12px;
  font-family:Helveltica;
  font-weight:bold;
  color:#CCFF99;
  background:#006699;
  border:2px;
}

.estiloboton{
  font-size:12px;
  font-family: Arial;
  font-weight: normal;
  color: Blue;
  background:"#33CC66";
  border:2px;
}
--></STYLE>

En este ejemplo, hay una clase para los botones y otra para las cajas de texto... luego, en cada etiqueta de cada elemento, has de poner el atributo class="nombreestilo" en este caso, por ejemplo, class="estiloboton"... Supongo que adivinarás todas las propiedades de lo de arriba, hay algunas más..si quieres documentarte... un manual muy bueno, por ejemplo, es el de desarrollo web.

Espero haberte ayudado, muchos saludos. ;)

tunait · #4 (**permalink**) 02/06/2003, 12:16

saludos

procer · #5 (**permalink**) 03/06/2003, 14:29

Gracias a JavierB y a korbendallastc

Los probarè, gracias!!!

Hay algun ejemplo visual para ver como queda?

Estoy intentandolo pero no me resulta!!.

Primero tengo que seleccionar el botòn y luego selecciono el scc ??

A que le llaman hojas de estilo al css o a las hojas de html???

Alguien ha visto formularios bonitos, quien me puede dar un ejemplo en la red para ver

Gracias.

procer · #6 (**permalink**) 05/06/2003, 11:35

No me resulta help...porque?
Será porque estoy con el Dreamweaver versión 4 o nada que ver?
Ayuda porfavor!!!!

JavierB · #7 (**permalink**) 06/06/2003, 04:04

Hola de nuevo.

¿Que es lo que no te funciona? El Dreamweaver no tiene nada que ver, el código que te pusimos korbendallastc y yo puedes utilizarlo hasta con el bloc de notas.

Si utilizar estos códigos deberían salirte los botones y cuadros de texto de colores distintos a los habituales. A partir de ahí solo tienes que buscar las combinaciones de colores que más te gusten.

Saludos,