Perdón, concretamente este es el codigo fuente:
<!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" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery Drop Down Menu</title>
<!-- CSS For The Menu -->
<link rel="stylesheet" href="style.css" />
<style type="text/css">
body, html {
background-color:#333;
height:100%;
margin:0;
padding:0;
}
.contenedor{width:960px; margin:0 auto; position: relative;
min-height: 100%;
height: auto !importante;
height: 100%;font-family:"Trebuchet MS",Helvetica,Sans-Serif; background:transparent url(img/fondocontenedor.png) repeat-y;}
div#jQ-menu{
height:auto;
min-height:200px;
padding-top:10px;
position:relative;
width:200px;
}
div.cabecera h3{ color:#FFF; font-size:36px; text-align:center; margin-top:0px;}
.cabecera{ height:200px; width:100%; background-color:#666;}
#contenedor-pie {
width: 100%;
background: #b2b2b2;
position: absolute;
bottom: 0 !importante;
bottom: -1px;
height: 40px;
}
#contenedor-pie h2 { color:#fff; text-align:center; color:#FFFFFF;
font-size:16px;
margin-bottom:0;
text-align:center;}
</style>
</head>
<body>
<div class="contenedor">
<div class="cabecera"><h3>Cabecera</h3></div>
<!-- Menu Start -->
<div id="jQ-menu" >
<?php
$path = "menus/";
function createDir($path = 'menus')
{
if ($handle = opendir($path))
{
echo "<ul>";
while (false !== ($file = readdir($handle)))
{
if (is_dir($path.$file) && $file != '.' && $file !='..')
printSubDir($file, $path, $queue);
else if ($file != '.' && $file !='..')
$queue[] = $file;
}
echo "</ul>";
}
}
//function createSubDir($path = 'menus')
//{
// if ($handle = opendir($path))
// {
// echo "<ul>";
// while (false !== ($file = readdir($handle)))
// {
// if (is_dir($path.$file) && $file != '.' && $file !='..')
// printSubSubDir($file, $path, $queue);
// else if ($file != '.' && $file !='..')
// $queue[] = $file;
// }
// echo "</ul>";
//}
//}
//function createSubSubDir($path = 'menus')
//{
// if ($handle = opendir($path))
// {
// echo "<ul>";
// while (false !== ($file = readdir($handle)))
// {
// if (is_dir($path.$file) && $file != '.' && $file !='..')
// printSubSubSubDir($file, $path, $queue);
// else if ($file != '.' && $file !='..')
// $queue[] = $file;
//}
//// echo "</ul>";
//}
//}
function printSubDir($dir, $path)
{
echo "<li><a class=\"toggle sub2\" href=\"indexsub.php?sub=$dir\">$dir</a>";
//createSubDir($path.$dir."/");
echo "</li>";
}
//function printSubSubDir($dir, $path)
//{
// echo "<li><span class=\"toggle sub1\">$dir</span>";
//// createSubSubDir($path.$dir."/");
// echo "</li>";
//}
//function printSubSubSubDir($dir, $path)
//{
// echo "<li><a class=\"toggle sub2\" href=\"gallery/index.php?coleccion=$dir\">$dir</a>";
// echo "</li>";
//}
createDir($path);
?>
</div>
<!-- End Menu -->
<div id="contenedor-pie"><h2>Pie</h2></div>
</div>
<!-- Add jQuery From the Google AJAX Libraries -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<!-- jQuery Color Plugin -->
<script type="text/javascript" src="jquery.color.js"></script>
<!-- Import The jQuery Script -->
<script type="text/javascript" src="jMenu.js"></script>
</body>
</html>
La duda sigue siendo la misma ¿cómo ordenar los menus a mi gusto?
Y otra duda que se me plantea es la siguiente:
me han dicho que no puedo poner espacios en los menus por eso lo veis con puntos porque si no a la hora de abrir la foto para ampliarla no me la abre, existe otra manera o forma para que no necesite poner puntos y me amplie la foto. Si quereis probarlo meteros en cualquier foto de Muebles.Clasicos/Muebles.de.Marquetería.Luis.XV/Comedores y vereis lo que os quiero decir.
saludos y gracias