Ahi esta el archivo productos.php
Código 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BN - Tecnología y Comunicación</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','230','title','Back Net.com.ar','src','elementos_activos/peliculas/headerback','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','elementos_activos/peliculas/headerback' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="230" title="Back Net.com.ar">
<param name="movie" value="elementos_activos/peliculas/headerback.swf" />
<param name="quality" value="high" />
<embed src="elementos_activos/peliculas/headerback.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="230"></embed>
</object>
</noscript></div>
<div id="menu"><ul id="menu">
<li><a href="#" target="_self">Inicio</a></li>
<li><a href="#" target="_self">Quienes Somos</a></li>
<li><a href="#" target="_self">Que Hacemos</a></li>
<li><a href="#" target="_self">Servicios</a></li>
<li><a href="#" target="_self">Contacto</a></li>
</ul>
</div>
<div id="contenido">
<div id="colizq">
<?
include('config.php');
function display_tree($root,$dblink,$linkStyle){
//Muestra las categorias (construida con estructuras de árbol)
//Obtener los valores izq y der de la raiz - parametro.
$result= mysql_query("SELECT lft,rgt FROM secciones WHERE id=$root",$dblink);
$row=mysql_fetch_array($result);
//Empezar con una pila derecha vacia.
$right=array();
//Obtener todos los descendentes del nodo raiz.
$result=mysql_query("SELECT * FROM secciones WHERE lft BETWEEN ".$row["lft"]." AND ".$row["rgt"]." ORDER BY lft ASC",$dblink);
//Mostrar cada fila
while ($row=mysql_fetch_array($result)){
//Solo chequear la pila si hay alguno.
extract($row);
if (count($right)>0){
//chequear si debemos eliminar algun nodo de la pila.
while ($right[count($right)-1]<$row["rgt"]){array_pop($right);}
}
//Mostrar el titulo del nodo indentado.
echo str_repeat(' ',count($right))."<a href='".$_SERVER['PHP_SELF']."?id=$id#top' class='$linkStyle'>$nombre</a><br>\n";
//Añadir este nodo a la pila
$right[]=$row["rgt"];
}
}
$dblink = mysql_connect($hostname,$username,$password)
or die("Could not connect: " . mysql_error());
mysql_select_db($databasename, $dblink) or die ( mysql_error());
/* mysql_query ("SET NAMES 'utf8'"); /* PARA EL PROBLEMA DE LOS ACENTOS */
?> <p> </p>
<p> </p>
<p> </p>
<? display_tree(13,$dblink,"contenido");?>
</div>
<div id="colder">
<?php
if(isset($_GET["id"])){
$id=$_GET["id"];
$query="SELECT * FROM secciones WHERE id=$id;";
$res=mysql_query($query,$dblink);
$row=mysql_fetch_array($res,MYSQL_ASSOC);
extract($row);
$qDetail="SELECT e.*,s.nombre FROM productos e,secciones s
WHERE s.id=e.seccionid AND s.lft BETWEEN $lft AND $rgt
ORDER BY e.articulo DESC;"; /* LO ORDENAMOS POR NUMERO DE ARTICULO */
$resDetail=mysql_query($qDetail);
if (mysql_num_rows($resDetail)==0){
echo "<p class='colderima'><br><h2>Por el momento no hay productos disponibles</span>";
/*exit();*/
}
/*echo "<p name='top'>\n";*/
while ($row = mysql_fetch_array($resDetail,MYSQL_ASSOC)){
extract ($row,EXTR_OVERWRITE);
/***************** IMPRIMIMOS LOS ARTICULOS *********************/
echo "<p class='colderima'>CODIGO: $articulo</p>";
/* SI HAY IMAGEN QUE APAREZCA. CASO CONTRARIO, QUE NO APAREZCAN. */
if ($imagen <> "")
{
$imagen = "<a href=imagenes/".$imagen." rel=\"lightbox\" > <img src=imagenes/".$imagen." border='0' width='120' height='140'> </a>";
echo "<p align='left'> $imagen </p>" ; /* Le podemos cambiar las medidas: height= 168 width= 180*/
}
else
{
echo "<b> No Hay Imagen para Mostrar";
}
echo "<p class='colderima'><h2><b> $titulo </b></h2></p>\n";
/*echo "<p class='colderima'> <td background=images/bola_precio.jpg width='69' height='80'><div class='precio2' align='center'> $precio </div></td></p>";*/
echo "<p class='colderima'><img src=images/dolar.gif width='15' height='15'> $precio</p><br>\n";
echo "<p class='colderima'><p> $comment </p></p><br>\n";
echo "<hr><br>\n"; /* Linea que separa a los articulos */
/**************** FIN IMPRIMIMOS LOS ARTICULOS *****************/
}
/*echo "</p>\n";*/
} else {//No está establecido id en $_GET
/* AQUI PONER UN LOGO PRINCIPAL */
echo "<p class='colderima'><br><h2>Elija alguna categoria.</span>";
}
?>
</div>
<br />
<div id="footer">Copyright © 2008 Back Net Tecnología y Comunicación
<div id="diseno">Diseño Web: <a href="http://www.com.ar" target="_blank">FA</a></div>
</div>
</div>
</body>
</html>
y parte del estilo.css:
Código PHP:
@charset "utf-8";
/* CSS Document */
* {
margin: 0; padding: 0;
}
html {
width: 100%;
}
body {
background-image: url(elementos_activos/imagenes/fondo.jpg);
background-repeat: repeat-x;
background-position: top;
}
#header {
height: 230px;
width: 800px;
margin-right: auto;
margin-left: auto;
}
#contenido {
height: 512px;
width: 798px;
margin-right: auto;
margin-left: auto;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
background-color: #FFFFFF;
background-image: url(elementos_activos/imagenes/fondocontenido.gif);
background-repeat: no-repeat;
background-position: right bottom;
position: relative;
float:inherit;
}
#colizq {
height: 461px;
width: 258px;
background-image: url(elementos_activos/imagenes/fondo-colizq.jpg);
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: 10px;
background-position: center top;
}
#colder {
position: absolute;
width: 510px;
height: 461px;
top: 10px;
padding-top: 10px;
padding-left: 5px;
background-image: url(elementos_activos/imagenes/fondoder.gif);
background-repeat: no-repeat;
background-position: center center;
right: 10px;
/*overflow: scroll;*/
}
#contenido #colizq a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding-right: 5px;
text-decoration: none;
padding-left: 140px;
display: block;
}
#contenido #colizq a:visited {
color: #279B00;
text-decoration: none;
padding-right: 5px;
padding-left: 140px;
display: block;
font-size: 12px;
}
#contenido #colizq a:hover {
color: #33CA00;
text-decoration: underline;
padding-right: 5px;
padding-left: 140px;
display: block;
font-size: 12px;
}
#contenido #colizq a:active {
color: #269700;
text-decoration: none;
padding-right: 5px;
padding-left: 140px;
display: block;
font-size: 12px;
}
#contenido #colder a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
text-align: right;
padding-right: 5px;
display: block;
}
#contenido #colder a:visited {
color: #279B00;
text-decoration: none;
padding-right: 5px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
display: block;
}
#contenido #colder a:hover {
color: #33CA00;
text-decoration: underline;
padding-right: 5px;
font-size: 12px;
text-align: right;
display: block;
}
#contenido #colder a:active {
color: #269700;
text-decoration: none;
padding-right: 5px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
display: block;
}
#footer {
height: 25px;
width: 795px;
margin-right: auto;
margin-left: auto;
background-color: #000000;
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 12px;
color: #FFFFFF;
padding-left: 5px;
padding-top: 8px;
font-weight: bold;
position:absolute;
float:none;
top: 480px;
clear:both;
}