26/04/2012, 00:05:35
Citation :je souhaiterais un menu dynamique avec la possibilités d'y rajouter des informations supplémentaires dedans (textes, images,news, moteur de recherche,..), voici un exemple de ce que je souhaiterais pouvoir réaliserCe que tu as écrit et rien, c'est la même chose.
Ce type de menu doit d'abord être créé en statique (toutes les pages et possibilités de contenus définitifs) étant donné que tu veux des informations diverses à l'intérieur.
C'est pour quel type de site ? Professionnel, perso ?
Je ne sais pas si tu as vu la complexité du code à générer par le menu manager :
Code :
[== HTML ==]
<div id="menu">
<div id="table">
<ul class="level1">
<li class="level1-li"><a class="level1-a" href="#url"><b>Home</b></a></li>
<li class="level1-li"><a class="level1-a drop" href="#url"><b>Camera Equipment</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table>
<caption>Camera Equipment</caption>
<thead>
<tr>
<th scope="col">Cameras</th>
<th scope="col">Makes</th>
<th scope="col">Lenses</th>
<th scope="col">Type</th>
<th scope="col">Framing</th>
<th scope="col">Services</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="6">Camera Equipment and Services - May 7th 2009 - Copyright ©2009 stu nicholls</td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="image">
<a href="#url"><img src="anywidth/camera1.jpg" alt="camera" /></a>
</td>
<td class="border">
<a href="#url">Nikon</a>
<a href="#url">Minolta</a>
<a href="#url">Pentax</a>
</td>
<td class="image">
<a href="#url"><img src="anywidth/camera4.jpg" alt="lens" /></a>
</td>
<td class="border">
<a href="#url">Wide Angle</a>
<a href="#url">Standard</a>
<a href="#url">Telephoto</a>
<a href="#url">Mirror</a>
</td>
<td class="image">
<a href="#url"><img src="anywidth/frame.jpg" alt="frame" /></a>
</td>
<td>
<a href="#url">Printing</a>
<a href="#url">Photo Framing</a>
<a href="#url">Retouching</a>
<a href="#url">Archiving</a>
</td>
</tr>
</tbody>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li class="level1-li"><a class="level1-a drop" href="#url"><b>Resort</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table>
<caption>Resorts in this area</caption>
<thead>
<tr>
<th colspan="2" scope="colgroup">Resort one</th>
<th colspan="2" scope="colgroup">Resort two</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4">Ski Resorts in Gloucestershire - May 7th 2009 - Copyright ©2009 stu nicholls</td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="image">
<a href="#url"><img src="anywidth/resort1.jpg" alt="Resort" /></a>
</td>
<td class="border">
<p>Ut sit amet felis lacus. Vestibulum pretium iaculis lacus, a venenatis mi venenatis vel. Nulla posuere, arcu sed placerat hendrerit, dui nunc commodo velit, egestas pulvinar odio dolor non leo.
<a href="#url">more information...</a></p>
</td>
<td class="image">
<a href="#url"><img src="anywidth/resort2.jpg" alt="Resort" /></a>
</td>
<td>
<p>Roin pulvinar, est sed aliquam blandit, eros urna iaculis dolor, at cursus libero sapien eu neque. Integer nec pellentesque odio. Donec hendrerit faucibus dui, sit amet porta ante aliquet vel.
<a href="#url">more information...</a></p>
</td>
</tr>
</tbody>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li class="level1-li"><a class="level1-a drop" href="#url"><b>Surrounding Area</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table>
<caption>Road map of surrounding area</caption>
<thead>
<tr>
<th colspan="2" scope="colgroup">Places of interest</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2">Ski resort surrounding area - May 7th 2009 - Copyright ©2009 stu nicholls</td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="image">
<a href="#url"><img src="anywidth/map.jpg" alt="Road Map" /></a>
</td>
<td>
<p>Here you will find Roman foundations,Victorian Docklands and the magnificent Norman Cathedral rubbing shoulders with a bustling city centre that boasts an incredible range of shops, markets, restaurants, pubs and visitor attractions.<br />
An ideal base to tour the Cotswolds and Forest of Dean, there are plenty of places to stay from country house hotels to cosy Bed and Breakfasts.<br />
There are literary links abound with Beatrix Potter's Tailor of Gloucester and the Cloisters at Gloucester Cathedral which were a location of the Harry Potter movies.
<a href="#url">more information...</a></p>
</td>
</tr>
</tbody>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li class="level1-li left"><a class="level1-a drop" href="#url"><b>Information</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table>
<caption>Further Information</caption>
<thead>
<tr>
<th scope="col">Photo Links</th>
<th scope="col">Ski Links</th>
<th scope="col">Area Links</th>
<th scope="col">Ad Links</th>
<th scope="col">Restaurant Links</th>
<th scope="col">Places of Interest</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="6">Links to further information - May 7th 2009 - Copyright ©2009 stu nicholls</td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="border">
<a href="#url">Pellentesque</a>
<a href="#url">Semper</a>
<a href="#url">Aliquam</a>
</td>
<td class="border">
<a href="#url">Blandit</a>
<a href="#url">Turpis</a>
<a href="#url">Gravida</a>
</td>
<td class="border">
<a href="#url">Elementum</a>
<a href="#url">Tincidunt</a>
<a href="#url">Posuere</a>
</td>
<td class="border">
<a href="#url">Massa euismod</a>
<a href="#url">Consectetur adipiscing</a>
<a href="#url">Convallis</a>
<a href="#url">Dolor sit amet</a>
</td>
<td class="border">
<a href="#url">Maecenas dignissim</a>
<a href="#url">Sed aliquam</a>
<a href="#url">Tincidunt</a>
</td>
<td>
<a href="#url">Pellentesque ipsum</a>
<a href="#url">Aliquam blandit</a>
<a href="#url">Adipiscing elit</a>
<a href="#url">Sit amet elementum</a>
</td>
</tr>
<tr>
<td colspan="6">
<p>The House of the Tailor of Gloucester can be found just off Westgate Street Gloucester. This charming shop and museum is open to the public every day where you will be served by our enthusiastic and knowledgeable volunteers. The house, pictured is the original building used by Beatrix Potter in her wonderful story, The Tailor of Gloucester.<br />
<a href="http://www.tailor-of-gloucester.org.uk/">http://www.tailor-of-gloucester.org.uk</a></p>
</td>
</tr>
</tbody>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li class="level1-li"><a class="level1-a" href="#url"><b>Privacy</b></a></li>
</ul>
</div>
</div>
<img src="anywidth/ski4.jpg" alt="" />
<p class="info">copyright © stu nicholls - CSS play</p>
</div> <!-- end info -->