You are on page 1of 11

<?

php
require_once("conexion.php");
$sql="select * from usuario";
$res=mysql_db_query($bd,$sql,$con);
?>
<html>
<head>

<link type="text/css" rel="stylesheet" media="all" href="Icono/d.css"/>
<style type="text/css" media="screen">
body{
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* My Form */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}
/* stylized */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
</style>

<link rel='shortcut icon' href='Icono/favicon.ico' type='image/ico'>
<link rel="stylesheet" href="Icono/estilos.css"> <!-- Mi etiqueta para el stilo-->
<script language="javascript" type="text/javascript" src="funciones_2.js"></script>

<style type="text/css" media="screen">
#degradado{
width: 99%;
height: 99%;
background: -moz-linear-gradient(top, #fff , #fff);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#069), to(#fff));
}
</style>
<title>BAZAR TOP</title>
<style type="text/css">
body{ margin-top:0px; top:0px;}
#principal{ width:1350px; height:600px; border: none}
#primer_menu { width:1350px; height:40px; border: none; background-color:#903}
#ima { width:: 1350px; height: 180px; border:none}

#edicion_central {width:1150px; height:40px; border:none; margin-left:100px; margin-
right:100px; font-family:Verdana, Geneva, sans-serif}
#centro {width:700px; height:300px; border:none; margin-left:200px; margin-right:100px;}
</style>


<style type="text/css">
.wrapper {
width: 110%;
height: 80px; /*aqui 80 */
background : #464646;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)),
to(rgb(69,69,69)));
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
border-top: 2px solid #939393;
position: relative;
margin-bottom: 30px;
}


ul {
margin: 0;
padding: 0;
}

ul.menu {
height: 80px; /*aqui 80*/
border-left: 1px solid rgba(0,0,0,0.3);
border-right: 1px solid rgba(255,255,255,0.3);
float:left;
}

ul.menu li {
list-style: none;
float:left;
height: 79px;
text-align: center;
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)),
to(rgba(0,28,78, 1)) );
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%,
rgba(0,28,78, 1) 100%);
}

ul li a {
display: block;
padding: 0 5px;
border-left: 1px solid rgba(255,255,255,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
text-align: center;
line-height: 79px;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)),
to(rgb(69,69,69)));
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
-webkit-transition-property: background;
-webkit-transition-duration: 700ms;
-moz-transition-property: background;
-moz-transition-duration: 700ms;
}

ul li a:hover {
background: transparent none;
}

ul li.active a{
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)),
to(rgba(0,28,78, 1)) );
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%,
rgba(0,28,78, 1) 100%);

</style>

</head>
<body id="degradado">

<div id="principal">
<div id="primer_menu";>
#Perfil
</div>
<div id="ima">
<img src="Icono/merca2.jpg" width="320" height="180" align="left">
<img src="Icono/3.jpg" width="150" height="180" align="right">
<img src="Icono/2.jpg" width="150" height="180" align="right">
<img src="Icono/1.jpg" width="150" height="180" align="right">
</div>

<div id="edicion_central">
<div class="wrapper">
<div class="container">
<ul class="menu" rel="sam1">
<li class=&quot;active&quot;><a href="#">Buscar</a></li>
<li><a href="#">Editar Perfil</a></li>
<li ><a href="#">Listas</a></li>
<li><a href="#">Mi perfil</a></li>
<li><a href="#">Quiem me miro</a></li>
<li><a href="#">Buzon de correo</a></li>
<li><a href="#">Te vaz de viaje</a></li>
<li><a href="#">Comprar time</a></li>
</div>

<br>
<br>
<br>
<div id="centro">
<form action="" class="contacto" method="post" name="form">
<?php
while ($reg=mysql_fetch_array($res))
{
?>
<table align="center" width="400" cellpadding="5">
<tr>
<td width="1100" align="center" valign="top" colspan="2">
<h3> Editar Perfil</h3>
</td>
</tr>

<tr>
<td align="left" valign="top" width="300">
Numero de Perfil
</td>
<td valign="top" align="left" width="300">
#<?php echo $reg[id];?>
</td>
</tr>

<tr>
<td align="left" valign="top" width="300">
Usuario
</td>
<td valign="top" align="left" width="300">
<?php echo $reg[usuario];?>
</td>
</tr>

<tr>
<td align="left" valign="top" width="300">
Nombre
</td>
<td valign="top" align="left" width="300">
<?php echo $reg[nombre];?>
</td>
</tr>

<tr>
<td align="left" valign="top" width="200">
Edad
</td>
<td valign="top" align="left" width="200">
<?php echo $reg[edad];?>
</td>
</tr>

<tr>
<td align="left" valign="top" width="200">
Sexo
</td>
<td valign="top" align="left" width="200">
<?php echo $reg[sexo];?>
</td>
</tr>

<tr>
<td width="100" align="left" valign="top">
Modificar
</td>
<td width="100" align="center" valign="top">
<a href="modificar.php?id=<?php echo $reg["id"];?>" title="Modificar"><img src="Icono/e.jpg"
border="0"></a>
</td>
</tr>
<?php
}
?>
</table>
</form>
</div>




</div>
</div>



</div>
</body>
</html>

You might also like