• Home
• Process
• Services
• Contact
• Developers

Resources

cPanel Website Backups

Creating dynamic PDF files from PHP

Download Limit Monitoring Using IPCOP

Encrypt USB drives

E-Mail Newsletter Design

Exclude my visits from Google Analytics

Extract, Transform and Load

Forum Posts

Glossary of Terms

Imaging Hard Drives

Installing IPCOP as a firewall

PHP-GTK SWK Desktop Widgets

Pipe emails into a PHP script

Pure Rounded CSS3 Corners

SEO Basics

Speed up Xubuntu Boot Time

Sphider Tag Cloud

Static header and footer from dynamic templates

Suckerfish CMS Made Simple menus

Top of Google in 5 steps

Two Essential Web Design Tools - Firebug and Dust-me Selectors

Website Morphing

Watch

Music & Effects

Tools

This hack will allow you to implement Suckerfish dhtml based navigation in a CMS Mades Simple setup.

I had problems with the default vertical flyout css nav in CMSMS jumping a pixel on parent menu items, so I had a look around and found this snazzy menu taken from: http://solardreamstudios.com/learn/css/cssmenus/. To my surprise it was easy to install. Download the .js file and grab the css style also.

Step by step

1. copy cssmenu.tpl, rename it, then edit it, changing:

{if $count > 0}
<div id="menuwrapper">
<ul id="primary-nav">

TO:

{if $count > 0}
<div id="menuwrapper">
<ul id="navmenu">

2. Then remove from that renamed.tpl file any instance of;

class="subitem" 
class="separator"
class="subitem"
class="menuactive menuparent"
class="menuactive"

Basically strip any class definitiions from the tpl file (i left in the <div class="clearb"> at the end). upload it, and call it in your template like you would any other tpl manu file;

{menu template='renamed.tpl'}

3. Copy and paste the CSS into a new stylesheet in CMSMS, name it nice like suckerfish dropdown and attach to your template

4. Add the IE Javascript link to the .js file you got from the site above into the HEAD of the template.

<!--[if gte IE 5.5]> 
<script language="JavaScript" src="/dhtml.js" type="text/JavaScript"></script> 
<![endif]--> 

I havn't tried it but it could possibly be used for a horiz menu.