[Résolu] Gabarit de menu

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.8.2
#~ Nom de l'hébergeur : En local avec wampserver 2
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.8.2
#~ Installed Modules:
#~ * CMSMailer: 2.0
#~ * FileManager: 1.0.2
#~ * MenuManager: 1.6.5
#~ * ModuleManager: 1.4
#~ * News: 2.10.6
#~ * nuSOAP: 1.0.2
#~ * Printing: 1.1.0
#~ * Search: 1.6.5
#~ * ThemeManager: 1.1.1
#~ * TinyMCE: 2.7.2
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * output_compression: false
#~ * max_upload_size: 10000000
#~ * default_upload_permission: 664
#~ * url_rewriting: none
#~ * page_extension:
#~ * query_var: page
#~ * use_hierarchy: true
#~ * image_manipulation_prog: GD
#~ * auto_alias_content: true
#~ * locale:
#~ * default_encoding: utf-8
#~ * admin_encoding: utf-8
#~ * set_names: true
#~ Php Information:
#~ * phpversion: 5.3.0
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * E_STRICT: 0
#~ * E_DEPRECATED: 0
#~ * memory_limit: 128M
#~ * max_execution_time: 60
#~ * output_buffering: 1
#~ * safe_mode: Off (Faux)
#~ * file_uploads: On (Vrai)
#~ * post_max_size: 10M
#~ * upload_max_filesize: 10M
#~ * session_save_path: c:/wamp/tmp (0777)
#~ * session_use_cookies: On (Vrai)
#~ * xml_function: On (Vrai)
#~ Server Information:
#~ * Server Api: apache2handler
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.1.36
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

Bonsoir à vous,

Avant tout, je suis newbie sur CMSMS. Alors voila, j'ai crée mon propre gabarit pour CMSMS ainsi qu'un menu qui fonctionne parfaitement hors de CMSMS, le hic c'est que je n'arrive pas à l'adapter à cmsms. voici le modèle HTML bien entendu rattaché à son style:

<ul class="menu">
<li> <a class="first_level_menu">Menu 1</a> ==> c'est ici que le parent doit s'afficher
<div style="visibility: hidden; height: 88px; overflow: hidden;">
<ul>
<li> <a href="#"> <span style="color: rgb(255, 255, 255);">Menu 1.1</span> </a> </li> ==> ici les fils
<li> <a href="#"> <span style="color: rgb(255, 255, 255);">Menu 1.2</span> </a> </li>
<li> <a href="#"> <span style="color: rgb(255, 255, 255);">Menu 1.3</span> </a> </li>
</ul>
</div>
</li>
</ul>

le menu respecte exactement celui de http://www.mapei.com/FR-FR/ c'est exactement le meme principe.

Pouvez vous m'aider à l'adapter à ce menu standard de cmsms qui suit (il s'agit du gabarit simple_navigation.tpl)

{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *}

{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}


{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent"><a class="menuactive menuparent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->haschildren == true and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="parent"><a class="parent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->current == true}
<li class="currentpage"><h3><span>{$node->menutext}</span></h3>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span>{$node->menutext}</span>

{elseif $node->type == 'separator'}
<li class="separator" style="list-style-type: none;"> <hr />

{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.8.2
#~ Nom de l'hébergeur : En local avec wampserver 2
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.8.2
#~ Installed Modules:
#~ * CMSMailer: 2.0
#~ * FileManager: 1.0.2
#~ * MenuManager: 1.6.5
#~ * ModuleManager: 1.4
#~ * News: 2.10.6
#~ * nuSOAP: 1.0.2
#~ * Printing: 1.1.0
#~ * Search: 1.6.5
#~ * ThemeManager: 1.1.1
#~ * TinyMCE: 2.7.2
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * output_compression: false
#~ * max_upload_size: 10000000
#~ * default_upload_permission: 664
#~ * url_rewriting: none
#~ * page_extension:
#~ * query_var: page
#~ * use_hierarchy: true
#~ * image_manipulation_prog: GD
#~ * auto_alias_content: true
#~ * locale:
#~ * default_encoding: utf-8
#~ * admin_encoding: utf-8
#~ * set_names: true
#~ Php Information:
#~ * phpversion: 5.3.0
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * E_STRICT: 0
#~ * E_DEPRECATED: 0
#~ * memory_limit: 128M
#~ * max_execution_time: 60
#~ * output_buffering: 1
#~ * safe_mode: Off (Faux)
#~ * file_uploads: On (Vrai)
#~ * post_max_size: 10M
#~ * upload_max_filesize: 10M
#~ * session_save_path: c:/wamp/tmp (0777)
#~ * session_use_cookies: On (Vrai)
#~ * xml_function: On (Vrai)
#~ Server Information:
#~ * Server Api: apache2handler
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.1.36
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

Bonsoir à vous,

Avant tout, je suis newbie sur CMSMS. Alors voila, j'ai crée mon propre gabarit pour CMSMS ainsi qu'un menu qui fonctionne parfaitement hors de CMSMS, le hic c'est que je n'arrive pas à l'adapter à cmsms. voici le modèle HTML bien entendu rattaché à son style:

<ul class="menu">
<li> <a class="first_level_menu">Menu 1</a> ==> c'est ici que le parent doit s'afficher
<div style="visibility: hidden; height: 88px; overflow: hidden;">
<ul>
<li> <a href="#"> <span style="color: rgb(255, 255, 255);">Menu 1.1</span> </a> </li> ==> ici les fils
<li> <a href="#"> <span style="color: rgb(255, 255, 255);">Menu 1.2</span> </a> </li>
<li> <a href="#"> <span style="color: rgb(255, 255, 255);">Menu 1.3</span> </a> </li>
</ul>
</div>
</li>
</ul>

le menu respecte exactement celui de http://www.mapei.com/FR-FR/ c'est exactement le meme principe.

Pouvez vous m'aider à l'adapter à ce menu standard de cmsms qui suit (il s'agit du gabarit simple_navigation.tpl)

{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *}

{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}


{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent"><a class="menuactive menuparent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->haschildren == true and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="parent"><a class="parent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->current == true}
<li class="currentpage"><h3><span>{$node->menutext}</span></h3>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span>{$node->menutext}</span>

{elseif $node->type == 'separator'}
<li class="separator" style="list-style-type: none;"> <hr />

{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}
#2
A première vue sans avoir testé :
Code :
{if $count > 0}
<div id="menu">
<ul class="menu">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<div><ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul></div>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->depth == 1}
<li><a  class="first_level_menu" href="{$node->url}">{$node->menutext}</a>
{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>
{/if}
{/foreach}
{repeat string="</li></ul></div>" times=$node->depth-1}</li>
</ul></div>
{/if}
Ne pas oublier que le menu de http://www.mapei.com/FR-FR/ est piloté par un ou plusieurs js et une css :
Code :
<link rel="stylesheet" type="text/css" href="http://www.mapei.com/mapei_cms/libs/menu.css" />
    <script language="javascript" type="text/javascript" src="http://www.mapei.com/mapei_cms/libs/jquery.min-1.4.2.js"></script>
    <script language="javascript" type="text/javascript" src="http://www.mapei.com/mapei_cms/libs/jquery-ui.min-1.8.1.js"></script>
    <script language="javascript" type="text/javascript" src="http://www.mapei.com/mapei_cms/libs/jquery-pop-window-1.0.0.js"></script>
    <script language="javascript" type="text/javascript" src="http://www.mapei.com/mapei_cms/libs/menu.js"></script>
#2
A première vue sans avoir testé :
Code :
{if $count > 0}
<div id="menu">
<ul class="menu">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<div><ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul></div>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->depth == 1}
<li><a  class="first_level_menu" href="{$node->url}">{$node->menutext}</a>
{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>
{/if}
{/foreach}
{repeat string="</li></ul></div>" times=$node->depth-1}</li>
</ul></div>
{/if}
Ne pas oublier que le menu de http://www.mapei.com/FR-FR/ est piloté par un ou plusieurs js et une css :
Code :
<link rel="stylesheet" type="text/css" href="http://www.mapei.com/mapei_cms/libs/menu.css" />
    <script language="javascript" type="text/javascript" src="http://www.mapei.com/mapei_cms/libs/jquery.min-1.4.2.js"></script>
    <script language="javascript" type="text/javascript" src="http://www.mapei.com/mapei_cms/libs/jquery-ui.min-1.8.1.js"></script>
    <script language="javascript" type="text/javascript" src="http://www.mapei.com/mapei_cms/libs/jquery-pop-window-1.0.0.js"></script>
    <script language="javascript" type="text/javascript" src="http://www.mapei.com/mapei_cms/libs/menu.js"></script>
#3
Magnifique Jean le chauve,

Merci beaucoup pour ton aide, tu peux pas savoir comment tu m'a aidé.

Passe une bonne journée mon ami,

Cordialement.
#3
Magnifique Jean le chauve,

Merci beaucoup pour ton aide, tu peux pas savoir comment tu m'a aidé.

Passe une bonne journée mon ami,

Cordialement.
#4
Post resolu
#4
Post resolu


Atteindre :


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