Comunidad de diseño web y desarrollo en internet online

Como Aplicar estilos CSS a tu form Login

Citar            
MensajeEscrito el 09 Jun 2012 06:21 pm
Los Pasos que debes seguir son los Sgtes:

Paso #1: Es crear tus estilos que aplicaras a tus inputs tanto para el login user como para el login password

Código CSS :

.input{
font-size:24px;
width:20%;
padding:3px;
margin-top:2px;
margin-right:6px;
margin-bottom:16px;
border:1px solid #e5e5e5;
background:#fbfbfb;
color:#aabbcc;
}


Paso #2: Es crear tus etiquetas inputs en tu page con extension html, que es la que contendra la clase input creada en tu estilo CSS

Código HTML :

<html>
<head>
<style type="text/css">
.input{
font-size:24px;
width:20%;
padding:3px;
margin-top:2px;
margin-right:6px;
margin-bottom:16px;
border:1px solid #e5e5e5;
background:#fbfbfb;
color:#aabbcc;
}
</style>
</head>
<body>
<h4>User</h4><input name="txtnom" type="text" class="input" value="" >
<h4>Password</h4><input name=txtpass type="password" class="input" value="" size="2">
</body>
</html>


Atte Jose Fernandez Segura

Por guitarleo

Claber

171 de clabLevel

2 tutoriales

Genero:Masculino  

guitarleo

opera
Citar            
MensajeEscrito el 11 Jun 2012 01:29 pm
hola guitarleo, tu tutorial está bien explicado pero es muy muy básico. Crea algo con más contenido y quizas pasa a portada.

saludos
movido a aportes

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.