Artisteer - Web Design Generator

Custom Topbar Menu

Feb 19th, 2010 | By juipodev | Category: Elgg Custom Modifications
Share |

Customize your Elgg site by replacing the default Elgg Topbar menu with Jquery sliding dropdown menu. Elgg default navigation system looks the same on 90% of Elgg powered sites, especially the elggtopbar so we wanted to change that.

Our first custom topbar menu was designed when we released BlackPod Free Elgg Theme and since then we customized several menus on our client’s websites. The latest one included new animated Jquery CSS sliding menu that made Elgg site really stand out (look at the photos below).

In this menu customization we also renamed topbar “Tools” to “Goodies” (per clients request) and created dropdown called “My Settings” that include Profile Settings, Account Settings and Log Out links (second photo below).  Once again all this is controlled inside the theme and not in the Elgg core to make future upgrades easier.

Screenshots:

Click on image to center it , once centered click on it again to view large image

Loading Images
CustomTopbarMenu.JPGCustomTopbarMenu2.JPG

Features

  • Control of menu labels
  • Full cross-browser compatibility
  • Fully accessible even when javascript is turned off, as a pure css menu
  • Search engines optimized
  • Clear unordered list (LI and UL HTML tags) structure
  • Fantastic animation and transition effects
  • Completely customizable styling with CSS
  • Powered by jQuery

Custom Topbar Menu Discount Price:$145$125 $95

Available-Colors :

Available Colors: White/Purple, Blue, Black,Maroon,Light Sea Green and Forest Green. (For custom colors, Please Contact Us)

Or Request a Free Quote for any Custom Modifications and Design.

Tags: , , , , , , , ,

Share |

Leave Comment

You must be logged in to post a comment.

Next?

RSS-Feed Subscribe to RSS-Feed
Subscribe via Email Subscribe via E-Mail

Add to Technorati Favorites

More from this category