<html>
<head>
<title>SISTEMA DE GESTION DE DOCUMENTOS</title>
<link href="estilo.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="boody">
<div class="principal">
<div class="banner">
<center><img src="banner.gif"></center>
</div>
<div class="contenido1">
<center>Bienvenid@ La fecha es: <?php echo(date("d /m / Y")); ?><br>Indica que tipo de usuario eres </center>
<br>
<table width="303" height="234" border="0" align="center">
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td><center><img src="administrador.jpg"></center></td>
<td><center><img src="usuario.jpg"></center></td>
</tr>
<tr>
<td><center><input type="button" value="Administrador" onClick="administrador();"></center></td>
<td><center><input type="button" value="Usuario" onClick="usuario();"></center></td>
</tr>
<tr>
<td colspan="2" align="center">Si no estas registrado comunicate con el administrador de el Sistema</td>
</tr>
</table>
<div id="administrador" class="administrador">
<form>
<center><h3>Acceso para administrador</h3></center><br>
Usuario:<input type="text" id="texto"> Contraseña:
<input type="password"><br><br>
<center><input type="button" value="Continuar"></center>
</form>
</div>
</div>
</div>
</div>
</html>
estilos:
.boody
{
background:url(fondo.jpg);
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
width:100%;
height:100%;
}
.principal
{
position:absolute;
background:url(celeste07.jpg);
top:0px;
left:20%;
right:20%;
height:100%;
width:60%;
}
.banner
{
background:url(celeste07.jpg);
position:absolute;
top:0px;
width:100%;
height:15%;
}
.contenido1
{
position:relative;
top:18%;
height:60%;
width:50%;
left:25%;
}
.administrador
{
position:absolute;
top:80%;
left::80%;
width:100%;
height:40%;
}
.usuario
{
position:absolute;
top:80%;
left::80%;
width:100%;
height:40%;
}