SooperFish Multi-Column Animated Drop-down. jQuery: The Write Less, Do More, JavaScript Library. A collection of menus, galleries and web resources. Blue print mega menu A responsive mega menu, more great work from Tympanus Blueprints. jQuery 1.9.1 Click action mega menu Great for those touch devices, nice job from Script Tutorials.
Red Team CSS menu Slick animation on hover. Sky Blue menu One of the nicest dropdown menus we've seen. DD levels menu This is one of the smartest menus that we've come across. Fancy dropdown menu We almost used this menu for our newly designed Piccante Web Design site, but it tripped up in an old version of Internet Explorer. Soh Tanaka Another nice product from Soh Tanaka. Smooth dropdown horizontal menu Based on the DD levels menu, this has the same features, but it is just... smoother. Smooth dropdown vertical menu Based on the DD levels menu, this has the same features as its horizontal counterpart, but it is ,well, vertical..
Superfish dropdown menu A jquery version of the (fairly) famous Suckerfish menu. CSS3 buttons by Chad Mazzola. Make a concrete5 theme. Concrete5 is a new-generation CMS, with which non-engineers can develop a website. This CMS system is ease to use. You can use the application to change your pages from the front-end of your site.
It's a system with a low learning curve. In this tutorial you would learn to make your own theme for Concrete5. First of all we would explain the construction of a standard Concrete5 theme. Csselementsimgjs Create a 'description.txt' file in the root of your theme. Background Image On Div. Themes and Page Types. HoverIntent jQuery Plug-in. What is hoverIntent?
HoverIntent is a plug-in that attempts to determine the user's intent... like a crystal ball, only with mouse movement! It is similar to jQuery's hover method. However, instead of calling the handlerIn function immediately, hoverIntent waits until the user's mouse slows down enough before making the call. Concrete5: Mastering Auto-Nav for Advanced Navigation. Exclusive offer: get 50% off this eBook here concrete5 Beginner's Guide — Save 50% Create and customize your own website with the Concrete5 Beginner's Guide by Remo Laubacher | April 2011 | Beginner's Guides Open Source Web Development Creating a navigation isn't complicated but there are a few things you have to know if you want to customize the navigation.
In this article by Remo Laubacher, author of concrete5 Beginner's Guide, we'll have a deeper look at the autonav block you use to create dynamic navigation. We're going to start with information about the use of the block. (For more resources on concrete5, see here.) Before we start customizing the autonav block, we're going to have a quick look at the different options and the output. Preparation You may have the autonav block included in your theme, more precisely in header.php of your theme. What just happened? We had to undo a modification done before this article.
Autonav options Autonav page structure Page order Autonav output <? Concrete5 SooperFish drop down navigation « CodeBlog.ch. Creating a drop down navigation is an old technique by now but it’s still used in a lot of cases to hide parts of a navigation.
In addition to the plain CSS menu I wrote more than 2 years ago, I decided to write a new tutorial which uses JavaScript as well. You might ask why: Avoiding JavaScript is nice but creating something as complex as a drop down navigation without any JavaScript leads to a few ugly work arounds. You’ll also have some difficulties to add a fade out and fade in effect unless you’re using CSS3 which isn’t well supported yet. But at the end it’s up to you, both solutions can work just fine! Using SooperFish is also a bit easier for us, you’ll see at the end of the tutorial how little code you needed. Prerequisite to create your drop down menu It’s rather simple, the only thing you need is the jQuery drop down plugin called SooperFish.
Once you’ve got the ZIP file, extract all the files into a folder of your choice, we’ll later use some (not all) files from it.