Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Créer un menu enrichit drop down
#1

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site :
#~ Hébergeur / Soft : 1and1
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.10.3
#~ Installed Modules:
#~ CMSMailer: 2.0.2
#~ CMSPrinting: 1.0
#~ FileManager: 1.2.0
#~ GBFilePicker: 1.3.2
#~ FormBuilder: 0.7.2
#~ MenuManager: 1.7.7
#~ SEOTools2: 1.0.9
#~ ModuleManager: 1.5.3
#~ News: 2.12.3
#~ Search: 1.7
#~ ThemeManager: 1.1.4
#~ TinyMCE: 2.9.6
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: true
#~ max_upload_size: 40000000
#~ default_upload_permission: 664
#~ url_rewriting: mod_rewrite
#~ page_extension: .html
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale: fr_FR
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.2.17
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 90M
#~ max_execution_time: 50000
#~ output_buffering: 0
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 8M
#~ upload_max_filesize: 40M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.91
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour à tous,

Je me permets de solliciter pour la réalisation d'un menu enrichit en drop down.

Je m'explique, 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éaliser : http://www.cssplay.co.uk/menus/drop-table.html

j'ai déjà regarder deux post sur le forum qui traite un peu de mon sujet mais je suis larguer :
http://www.cmsmadesimple.fr/forum/viewtopic.php?id=2736
http://www.cmsmadesimple.fr/forum/viewtopic.php?id=2797

Merci d'avance de pouvoir m'aiguiller car je ne vois pas trop par ou et comment le réaliser Sad
Répondre
#2

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éaliser
Ce 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 &copy;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 &copy;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 &copy;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 &copy;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 &copy; stu nicholls - CSS play</p>
        </div> <!-- end info -->
C'est bien joli de vouloir du dynamique, mais si tu mélanges des tas d'informations différentes dedans, d'où le menu manager va-t-il les pomper ?
Répondre
#3

Merci Jean le Chauve de m'avoir répondu si vite.

Pour récupérer des éléments je pensais taper direct dans la base et pour d'autre, voir si il y avait pas la possibilité de rajouter un champs spécifique pour l'ajout de texte dans le menu lors de l'édition de page.


Est ce que cela est réalisable en dynamique ? ou il vaut mieux tout faire a la mano ?
Répondre
#4

Tout est toujours possible, le tout est de trouver le bon algorithme et le bon outil.
A première vue, je ne vois pas de solution simple en dynamique, mais il y en a peut-être une.
Et comme je te l'ai écrit plus haut, il faut d'abord créer le statique pour en connaître tous les éléments.
Répondre
#5

Ok, je vais préparer çà et je le mettrai sur le post afin que ce soit plus facile pour comprendre et m'aider dans ma demande.
Répondre
#6

tu peux faire appel à des balises utilisateurs de ta conception dans le gabarit du menu ce qui devrait te faciliter l'exploitation de la base de donnée.

par contre se pose le problème de quand insérer les données complémentaire dans ton menu vu que tout est dynamique en boucle, ca va imposer d'écrire des conditions fixes (if ma page = blabla alors je fais appel aux UDT) ce qui va évidement à l'encontre du principe des menu dans cmsms ou tout est prévu pour fonctionner, peut importe l'ordre, le nom ou le type des pages
Répondre
#7

Goran a un tuto pour ce type de menu : http://www.i-do-this.com/blog/70/Creatin...pdown-menu
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)