index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sp" lang="sp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
<title>LEVANTE AUTOMOCION</title>
</head>
<body>
<div id="container">
<div id="topbar">
<IMG SRC='images/carbono.jpg' width=1004 height=100> </IMG>
<IMG SRC='images/banner.gif' width=1004 height=40> </IMG>
</div>
<div id="navbar">
<ul>
<li><a href="index.php?page=home">INICIO</a></li>
<li><a href="index.php?page=siniestrados">VEHICULOS SINIESTRADOS</a></li>
<li><a href="index.php?page=recambios">RECAMBIOS</a></li>
<li><a href="index.php?page=anuncios">ANUNCIOS</a></li>
<li><a href="index.php?page=servicios">SERVICIOS</a></li>
<li><a href="index.php?page=utilidades">UTILIDADES</a></li>
<li><a href="index.php?page=contacto">CONTACTAR</a></li>
</ul>
</div>
<!-- Sección principal en la cual cargaremos las páginas usando variables URL y la función de PHP include() -->
<div id="main">
<div id="column_left">
<?php
//Este código lo ponemos dentro del div column_left que es el contenido que vamos a ir cambiando.
//Se comprueba que la variable page esta creada y su valor
if(isset($_GET['page']) && $_GET['page']=='home'){
// include registrarse
include('include/in-home.php');
//Si no , se comprueba el valor nuevamente
} elseif(isset($_GET['page']) && $_GET['page']=='siniestrados'){
// include login
include('include/in-siniestrados.php');
//Si no , se comprueba el valor nuevamente
} elseif(isset($_GET['page']) && $_GET['page']=='recambios'){
// include contacto
include('include/in-recambios.php');
//Si no , se comprueba el valor nuevamente
} elseif(isset($_GET['page']) && $_GET['page']=='anuncios'){
// include contacto
include('include/in-anuncios.php');
//Si no , se comprueba el valor nuevamente
} elseif(isset($_GET['page']) && $_GET['page']=='servicios'){
// include contacto
include('include/in-servicios.php');
//Si no , se comprueba el valor nuevamente
} elseif(isset($_GET['page']) && $_GET['page']=='utilidades'){
// include utilidades
include('include/in-utilidades.php');
//Si no , se comprueba el valor nuevamente
} elseif(isset($_GET['page']) && $_GET['page']=='contacto'){
// include utilidades
include('include/in-contactar.php');
// En cualquier otro caso , mostramos el home
} else {
include('include/in-home.php');
}
?>
</div>
<div id="column_right">
<?php
//Este código lo ponemos dentro del div column_right que es el contenido que vamos a ir cambiando.
//Se comprueba que la variable page esta creada y su valor
if(isset($_GET['page']) && $_GET['page']=='contacto'){
// include registrarse
include('include/in-contacto-lado-derecho.php');
} elseif(isset($_GET['page']) && $_GET['page']=='siniestrados'){
// include utilidades
include('include/in-siniestrados-derecha.php');
// En cualquier otro caso , mostramos el home
}
?>
<!-- else {
include('include/in-home.php');
} -->
<!-- <p>Lorem sint obcaecat deserunt mollit anim id est laborum.</p> -->
</div>
<!-- Esta sección soluciona un problema con el diseño CSS, forzando la altura de la sección main a ocupar la misma altura que las dos columnas(#columnt_left and #column_right) -->
<div class="spacer"></div>
<!-- close #main content -->
</div>
<!-- close #container -->
<div id="footer"> Página desarrollada por Rubén Ferrer Ortiz</div>
</div>
</body>
</html>
default.css
/* ------------------------------
Estructura de la página
------------------------------ */
body{margin:0}
/*
#container tiene un ancho absoluto de 780 pixeles.
El ancho de los elementos internos estan establecidos a auto,
por lo que todos tendrán el ancho del elemento contenedor.
*/
#container{
width:1004px;
display:inline;
}
p{
font:11px Verdana;
text-align:justify;
}
/***************Header**********************/
#topbar{
width:auto;
display:block;
border:none;
font-size:0; /*for eliminate space between images*/
}
/****Barra de navegación*****/
#navbar{
width:auto;
display:block;
height:24px;
}
#navbar ul, #navbar ul li{padding:0; margin:0; list-style:none; float:left;}
#navbar a{color:#FFFFFF; font-weight:bold;}
#navbar a:hover{color:red;}
#navbar li a:link, #navbar li a:visited {background:#444444; text-decoration:none; height:24px; line-height:24px; display:inline; float:left; width:auto; padding-right:auto; padding:0px 19px;}
/***************Contenido principal************/
#main{width:auto; display:block;}
#column_left{width:800px; margin-right:20px; float:left;}
#column_right{width:100px; height:100px; float:right; background-color:#443333;}
/*
div.spacer, soluciona el alto de #main en diseños con 2 columnas
*/
div.spacer{clear:both; height:10px; display:block;}
/***************footer*********************/
#footer{width:auto; display:block; height:24px;
border-top:1px solid;
text-align:center;
}
p.contacto{font-family:Arial; font-size:18px; font-style:negrita}
#siniestrados-derecha{background:#445544; width:auto; height:auto;}
este es mi codigo... tu quieres que ponga eso en el index?