No soy diseñador así que no me peguéis por el resultado xD
Un posible cambio sería el de las cajas de entrada para la identificación mediante CSS y una pequeña modificación en el HTML generado.
/** cambia el aspecto de los formularios de entrada: **/
/* requiere dos imágenes f1.jpg y f3.jpg
TO DO: cambiar el aspecto de los botones también */
input.campo {
width: 160px;
height: 30px;
margin-bottom: 0px;
border: 1px Solid white;
background: white;
background-image: url(f1.jpg);
background-repeat: no-repeat;
padding: 2px;
color: #046284;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 12px; */
}
input.campo:hover {
background-image: url(f3.jpg);
}
input.campo:focus {
background-image: url(f3.jpg);
}
Basta añadir class="campo" en los INPUT de Usuario y Password.
Un segundo cambio es el del redondeo de los bordes. El código no es portable y necesito hacer mas pruebas para un buen resultado pero imagino que casi todos los que visitamos libertonia utilizamos firefox:
table.bloquearedondear {
border: 2px solid #046284;
-moz-border-radius: 5px 5px 5px 5px;
}
El principal problema es marcar las cajas a redondear en el HTML con una class="bloquearedondear" ¿Es ésto posible?
Otro detalle curioso es el de las listas.
Quería cambiar el símbolo de cada entrada en una lista por un círculo pero descubro que... ¡no hay listas! Solo saltos de linea y un <FONT SIZE="+1">·</FONT> :-( pero es solo una pequeña pega.
