How to insert our menus in your site

Now that we created our menu in the online builder, let’s go through the process of inserting the menu in our website.

Downloading our menu

#image0#

Click on the download button

Editing our index.html

Open the index.html file and copy the contents from the div “cssmenu” of your index file. It will look something like this:

Read More

How to insert our online menus in your web

Now that we created our menu in the online builder, let’s go through the process of inserting the menu in our website.

Getting our menu

We're going to start downloading our menu and getting the correct files.

#image0#

Click on the Download button.

#image1#

These are the files that we need.

Note: Some menus doesn't have the jquery.js file. They're pure css

Pasting the code in our website

Open the index.html and copy all the contents of the div cssmenu. It should look like this

Read More

Creating a Responsive Menu

In this tutorial I'm going to show you how to create one of the responsive menus from our website. You can find the menu here. So, the final result will look like this:

#image0#

The Markup

We're going to start with the HTML code. Our menus use nested unordered lists contained by a div.

Read More

Wordpress Accordion Menu Tutorial

In this tutorial I will show you how make a jQuery accordion menu navigation in Wordpress. This tutorial will not show you how to code an accordion menu from scratch, but instead walk you through the process of downloading one of our free designs, and then integrating it with the Wordpress menu system.

Note:Check out our Wordpress Plugin for an easier way to create accordion menus.

Read More

Responsive Menu Tutorial

Responsive design has basically become a staple to any modern website. With this in mind, navigation must be ready to adjust to the various screen sizes possible. As you'd imagine, a 10 item long horizontal menu doesn't translate well to a cellphone' screen. However, with a bit of proper tweaking, we can make a proper responsive menu for use on mobile.

Read More

Tumblr Menu Tutorial

In this tutorial I am going to show you how to install one of our menus themes with the Tumblr blogging service. We are not coding menus from scratch, but instead will be building a menu in our Menu Maker and then importing that menu into your Tumblr theme.

Note:
Tumblr doesn't allow you to upload images to your theme so make sure to choose a menu that doesn't use any images. Check out the Pure CSS Menu section for menus that don't use images.

Read More

Wordpress 3 Drop Down Menu Tutorial

In this tutorial I will show you how to use one of our css drop down menus with Wordpress. This tutorial will not show you how to create a menu from scratch, but will walk you through the process of taking one of our menu themes and applying it to a menu that is built with Wordpress. Building a Wordpress drop down menu this way can save you a bundle of time if you are looking for a pre designed solution.

Note: Check out our Wordpress Plugin for an easier way to build responsive, drop down menus in Wordpress.

Read More

Dreamweaver Drop Down Menu Tutorial

In this tutorial I am going to show you how to take one of our drop down menus and install it with Dreamweaver. We are not going to create a drop down menu from scratch. Instead I will walk you through how to take one of our drop down menu templates, and install it with your Dreamweaver site. In this tutorial I am using Dreamweaver CC but the process will be almost identical for other versions of Dreamweaver.

Read More

Flat jQuery Accordion Menu Tutorial

In this post I will be showing how to create a two level, jQuery accordion menu. Whats special about this menu is that we will be using jQuery to count the number of items in the sub menus and then show that number next the parent item. For this tutorial I am assuming you are fairly comfortable with the HTML and CSS. I will explain a little bit about them, but the focus of this tutorial will be on the jQuery code.

Note:Download more of our free jQuery Menus and Accordion Menus.

Read More

10 Handy CSS Selectors

Most experienced front-end developers probably already have this as part of their coding toolbox, but did you know there are some powerful CSS selectors to target an empty element, elements of a specific type, or maybe any type of element? Older resources tend to shy away from using some of these tricks, however more and more we see that browsers are so fast, it doesn't matter nowadays. With that in mind, here are 10 handy selectors you can start using today (assuming you don't need support for ancient versions of IE, however, there are polyfills for that).

Read More

Pages