Creando un Login Area con Dreamweaver cs5.5 de la forma mas fácil...

[Hectorsito20]

Presentación del Tema

Saludos en esta ocación les traigo como crear un Area de login con dreamweaver cs5.5 u otras versiones, puesto que a pesar de que dreamweaver nos ofrece las herramienta para crear lo que podamos imaginar.

Estilos css

<style type="text/css">
#user{
margin-top:80px;
}
fieldset legend{
border: solid 1px #AAA;
display:block;
padding: 5px 15px 5px 15px;
border-radius: 5px;
box-shadow:0px 0px 7px #666;
}
fieldset{
border-radius:7px 7px 0 0;
width: 350px;
background-color:#ECECEC;
box-shadow:
}
#enter{
margin-top:30px;
}
#enter span{
float:left;
margin-left:50px;

}
#enter input{
margin-left:150px;
display:block;
}
button{
margin-right:43;
width:100px;
height:30px;
cursor:pointer;
background-color:#5DA61E;
border-radius:5px;
border:none;
color:white;
}
}
button:hover{
box-shadow:0px 0px 3px #666;
border:none;
color:white;
}
button .spam{
margin-right:12px;
}
hr{
width:100%;
}
</style>

Código HTML

<div id="user">
<fieldset>
<legend>LOGIN AREA</legend>
<div id="enter">
<form action="">
<input type="text" placeholder="User name" /><br>
<input type="password" max="4" min="2" placeholder="Password" />
<div>
<hr>
<button type="submit" value="Entrar" style="float:right;">ENTRAR</button>
</form>
</fieldset>
</div>

Videotutorial.



Espero les guste...

PRÓXIMAMENTE!!!

Próximo videotutorial, creación de un buscador perzonalizado..
con Dreamwever y Photoshop