si te muestro el header.php, el perfil.php y el css si necesitas mas dimelo
header.php
Código PHP:
<? session_start();
$nombre =$_SESSION['logueado_nombre'];
$id_usuario=$_SESSION['logueado_id'];
include("db.php"); ?>
<?php
//esto es el count
include("privados/config.php");
$query = "SELECT COUNT(*) FROM privados where leido='0' and para='$id_usuario'";
$result = mysql_query($query);
$count = mysql_fetch_array($result);
//echo "$count[0]";
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="estilos/estilos.css" type="text/css" rel="stylesheet" />
<link href="Css/estilo.css" rel="stylesheet" type="text/css" /> <!-- Link a nuestra hoja de estilo css la cual editaremos en un momento-->
<script type="text/javascript" src="Js/jquery.js"></script> <!-- Usaremos la libreria JQuery para agilizar la programacion con Javascript -->
<script type="text/javascript" src="Js/funRed.js"></script> <!-- Nuestro archivo de funciones ! -->
<script type="text/javascript" src="Js/funciones.js"></script>
<title>Mi Red Social</title>
<style type="text/css">
<!--
.Estilo1 {color: #000000}
a:link {
color: #0066FF;
}
a:visited {
color: #0066CC;
}
-->
</style>
</head>
<body>
<div id="nuevo">
<div class="contenedor_web">
<div class="arriba"><div id="mensaje_cabe">Tu Red Social
<?php
$valor=$count[0];
if(!empty($_SESSION['logueado_nombre']))
{
?>
<center><a href="index.php">Inicio</a> | <a href="privados/index.php">Mensajes<span class="numero"> <?php if($valor>0){echo "$count[0]";}else{}?></span></a> | <a href="gente.php">Gente</a> | <a href="fotos.php">Fotos</a>| <a href="perfil.php?id=<?php echo "$id_usuario"; ?>">Perfil</a></center><div id="opcionesDeCuenta"><span onClick="mostrarMenu(this)"><img src="Img/flecha.jpg" width="39" height="33"></span>
<ul>
<ul id="aDeslizar" style="display:none">
<li><a href="#">Cuenta</a></li>
<li><a href="#">Privacidad</a></li>
<li><a href="logout.php">Salir</a></li>
</ul>
</ul>
</div>
</div>
</div>
<script language="javaScript">
function mostrarMenu(objeto){
var Deslizar = document.getElementById('aDeslizar');
Deslizar.style.display='block';
Deslizar.style.visibility='visible';
objeto.onclick = function(){esconderMenu(objeto)};
}
function esconderMenu(objeto){
var Esconder = document.getElementById('aDeslizar');
Esconder.style.display='none';
Esconder.style.visibility='hidden';
objeto.onclick = function(){mostrarMenu(objeto)};
}
</script>
<script type="text/javascript" src="js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="js/funciones_jquery.js"></script>
<?php }
else
{
}
?>
</div>
perfil.php
Código PHP:
<?php
include("header.php");
if (!isset($_SESSION['logueado_usuario'])) {
include ("../login.php");
echo "<a href='../registro.php'>Registrarse</a>" ;}
else {
$nombre =$_SESSION['logueado_nombre'];
$id_usuario=$_SESSION['logueado_id'];
?> <? } ?>
<link href="Css/estilo.css" rel="stylesheet" type="text/css">
<?php
$id_perfil=$_GET['id'];
include("privados/config.php");
$registro=mysql_query("select * from usuarios where id='$id_perfil'",$conexion)or
die("Problemas en el select:".mysql_error());
while($con=mysql_fetch_array($registro))
{
/*echo '<div id="izquierda">'.$nombre.'</div>';*/
}
?>
estilo css
[css]
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 2px;
background-image:url(../Img/fondo.gif);
background:scroll;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}
.otro{
border: 1px solid white;
margin-bottom: 15px;
}
#cargando{
width: 40px;
margin: auto;
}
.imagen{
float: left;
}
legend{
color: #5B913C;
}
/* Contenedor que tiene la caja de texto para enviar noticia */
.contenedor_muro{
background-color: #EEEFF0;
padding: 5px;
width: 500px;
margin: auto;
border-top:2px double #91969B ;
}
.enviar_noticia, .enviar_comentario{
background-color:#5B74A8;
color: white;
width: auto;
height: auto;
padding: 4px;
cursor: pointer;
border: 1px solid #142847;
font-weight: bold;
font-size: 9pt;
margin-top: 4px;
}
.textarea_noticia{
width:495px;
font-size:10pt;
font-weight: bold;
height:50px;
}
/* Contenedor cuando se publica una noticia */
.post_box {
margin: auto;
border-bottom:1px dashed #006699;
width:499px;
padding:.7em 0 .6em 0;
line-height:1.1em;
}
.noticia{
float: left;
width: 405px;
margin-left: 5px;
text-align: justify;
}
.eliminar_noticia{
float: right;
width: 40px;
margin: 0px 2px 0px 0px;
}
/* Div Donde estan el enlace comentar y Me gusta */
#pie{
clear: both;
margin-left: 42px;
margin-bottom: 25px;
}
.enlace_comentar{
float: left;
}
.cotenEstado{
float: left;
margin-left: 1px;
margin-top: 0;
}
.eliminar_noticia_actualizado, .comentario_borrar_actualizar{
float:right;
color:#666666;
display:block;
padding:5px;
text-decoration:none;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#333333;
cursor:pointer;
font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
font-size:11px;
font-weight:bold;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
white-space:nowrap;
}
.eliminar_noticia_actualizado:hover{
opacity:1;
filter:alpha(opacity = 100);
-ms-filter:'alpha(opacity = 100)';
border:solid #B1B1B1 1px;
background:#EEEEEE;
padding:5px;
color:#666666;
text-decoration: none;
}
/* comentarios */
.conetenedor_comentarios{
width:350px;
margin-left: 42px;
font-size: 9.5pt;
background-color: #E7EFEF;
border-bottom:1px double #91969B ;
padding: 3px;
margin-top: 2px;
}
.mostrar_comentario{
float: left;
width: 287px;
margin-left: 5px;
text-align: justify;
}
.comentario_borrar{
float: right;
}
.cotentComment{
margin-left: 5px;
}
.cotentComment a, .cotentNotice a{
color: #B81814;
text-decoration: none;
font-weight: bold;
font-size: 8pt;
}
#pieComment{
clear: both;
margin-left: 33px;
margin-bottom: 1px;
}
/*************************/
.comentario_cargado{
margin-left:25px;
padding:3px;
background-color:#d3e7f5;
width:300px;
height:30px;
font-size:15px;
border-bottom:solid 1px #FFFFFF;
}
/* Enlace para comentar*/
.comentar {
font-style:inherit;
font-family:Georgia;
font-size:11px;
color:#333333;
margin: 2px 6px 2px 0;
text-decoration: none;
font-weight: bold;
}
.comentar:hover {
color: #838989;
text-decoration: none;
}
/* Div donde esta el el form para enviar el comentarios */
#contenedor_textarea_comentario{
margin-top:6px;
margin-bottom:6px;
display:none;
}
.comentario_caja {
margin-left:35px;
margin-bottom: 25px;
padding:10px;
width:300px;
height:50px;
}
/* Div donde se motraran en donde esta mostrar .... comentarios */
.comment_ui{
width:350px;
margin-left: 43px;
font-size: 9.5pt;
background-color: #040404;
border-bottom:2px double #2A2A2A;
padding: 3px;
}
.comment_ui a{
color: #5B74A8;
text-decoration: none;
font-size: 8pt;
}
.comment_ui a:hover{
text-decoration: underline;
}
/* Formulario de login */
#bar{
clear: both;
}
.contenedor_web {
width:960px;
height:auto;
margin:auto;
padding-bottom:10px;
}
.arriba{
width:960px;
height:47px;
color:#FFF;
margin-top:10px;
}
#izquierda{
width:200px;
height:auto;
float:left;
}
.contenedor_muro {
background-color: #EEEFF0;
padding: 5px;
width: 500px;
height:auto;
margin: auto;
border-top:2px double #91969B ;
margin-top:10px;
}
.nombre {
margin-top:10px;
}
.img_usuario {
}
.logout {
}
/* esto es para linea de puntos*/
#consulta {
border: 0px;
border-top: 1px dotted #000;
}
.TCuerpo
{
margin-top:5%;
}
.privados
{
margin-top:5%;
text-align:center;
}
.amigos
{
margin-left:80%;
}
.privados
{
margin-right:90%;
}
/*esto es pa los privados*/
#lateral{
/*width: 160px;*/
background-color:#000000;
float:left;
}
}
#principal{
margin-left: 10px;
background-color: #ffffff;
padding: 4 4 4 4px;
}
#contenedor_priva{
text-align: left;
width: 770px;
margin: auto;
}
a {
color: #000;
}
a span.numero{
color: red;
}
/*este es el menu desplegable*/
#opcionesDeCuenta{
float:right;
margin-top:-30px;}
/*esto es para el file de subir imagenes*/
.SI-FILES-STYLIZED label.cabinet
{
width: 79px;
height: 22px;
background: url(btn-choose-file.gif) 0 0 no-repeat;
display: block;
overflow: hidden;
cursor: pointer;
}
.SI-FILES-STYLIZED label.cabinet input.file
{
position: relative;
height: 100%;
width: auto;
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opa city=0);
}
#mensaje_cabe
{
position:absolute;
left: 0px;
top:-2px;
color:#FFFFFF;
width: 100%;
height: 40px;
border:solid;
background:#000000;
}
#boton{
background:#333399;
color:#FFFFFF;
border:#333399;
border-radius:5px;
}
.notificaciones{
border:solid;
height:20px;
margin-bottom:20px;
border-radius:5px 5px 0px 0px;}
.amigos_agregados{
border:solid;
height:20px;}
[/css]