The Geeklog Menu Plugin allows you to create menus for header, footer, blocks or any element with autotag [menu]. You can also to easily customize the look and feel of your menus by adjusting the values of each colors or choose images for background.
Menu Plugin version 1.1+ works on Geeeklog 1.8.0+
Before updating to Menu Plugin 1.1 you need to update your Geeklog at least to jquery 1.7.0+ (public_html/javascript/jquery.min.js) and jquery-ui (public_html/javascript/jquery_ui). If you have custom css for your menus move your data/menu to data/menu_data or css will be lost during upload of the plugin archive during update.
In any case before updating to Menu Plugin 1.1 by uploading the new Menu Plugin archive (admin/plugins.php) or by ftp transfert please create those folders:
To add menu to header you need to add {header_navigation} variable in your template.
Edit header.thtml file
<!-- #navigation -->
{header_navigation}
<!-- #navigation -->
Edit header.thtml file
<div class="clearfix">
{header_navigation}
</div>
Edit header.thtml file
<!-- #navigation { -->
<div id="navigation">
<div class="navigation_content">
{header_navigation}
</div>
</div>
<!-- } #navigation -->
For purepro theme only: To add menu to footer create a staticpage with id purepro_footer and put and autotag [ menu:footer ] in this staticpage where footer is the name of your menu.
Cool theme is ready for Menu Plugin :) Menu is automaticaly display is Menu Plugin is activate.
To display a menu in a block use autotag [menu: name of the menu]
You can create a new menu and add elements to this menu. To add a new menu, click the Create New Menu link. To edit a menu's items, click the icon under the Elements column. To change the menu colors, click the icon under the Options column.
You can select any color for backgrounds or text or choose to use images for backgrounds and sub Menu Parent Indicator.
With version 1.0+ of the Menu Plugin you can now customise the css for any menu. To add a custom css declaration, create a new folder under data/menu_data folder and call it css.
Note: Data folder is at the top level of your geeklog install.
Then add a gl_menu1.css file under this css folder where 1 is the menu id you need to customise.
gl_menu1.css
#gl_menu1 li a, #gl_menu1 li a:link {
color: rgb(255, 255, 255);
text-shadow: 1px 1px 1px rgb(85, 85, 85);
margin-top:10px;
margin-bottom:10px;
}
#gl_menu1 ul {
font: 18px bold Verdana,sans-serif;
text-transform: uppercase;
color: rgb(255, 255, 255);
}
.gl_menu1 li ul {
margin-top:10px;
width:300px;
}
To center your navigation:
#gl_menu1 {
display:table;
margin:0 auto;
}
To add ยป before each subnav links
#gl_menu1 li li a:before {
content: "\00BB";
margin-right: 6px;
}