Posts tagged navigation

Click action Multi-level CSS3 Dropdown Menu

  • 02
  • Sep

Date: 02nd Sep 2011 Author: admin Categories: HTML/CSS 9

Tags: , , , ,

click action multilevel css3 dropdown menu

Click action multilevel CSS3 dropdown menu

Nowadays, pure CSS3 menus still very popular. Mostly – this is UL-LI based menus. Today we will continue making nice menus for you. This will multilevel dropdown menu, but today submenus will appear not onhover, but onclick action.

Read more

Creating A CSS3 Animated Menu

  • 24
  • Aug

Date: 24th Aug 2011 Author: admin Categories: HTML/CSS 2

Tags: , , ,

Creating CSS3 animated menu #8

Creating CSS3 animated menu

This is our eighth CSS3 menu. Today we will make interesting animated menu using CSS3. This menu will have 2 levels. By default – we can see single small top menu element. When we will hover our mouse over this element – first level elements will appear, when we will hover mouse over these elements – will appear submenus. So, lets start !

Read more

10 Most Creative jQuery Navigation Plugins

  • 29
  • Jul

Date: 29th Jul 2011 Author: admin Categories: jQuery, resources 7

Tags: , , ,

10 most creative jQuery plugins for navigation

This is collection of most attractive jQuery plugins for navigation (menu). This is various plugins including context menus, floating, dropdown and other custom menus.
Read more

Creating CSS3 Slideout Menu #5

  • 06
  • Jul

Date: 06th Jul 2011 Author: admin Categories: HTML/CSS 1

Tags: , , , ,

Creating CSS3 Slideout Menu #5

Creating CSS3 Slideout Menu #5

This is our fifth CSS3 menu. This will nice slideout menu with fading images (animated with transition effects). Make attention, that all these new effects (transitions) will work only in most fresh browsers like FF, Chrome, Safary browsers (possible in Opera too). But not in IE (transitions still not available here). I just added few hacks for IE – so menu will work here too (but not so smooth). Anyway – lets test our new menu.

Read more

Creating A CSS3 Dropdown Menu #4

  • 28
  • Jun

Date: 28th Jun 2011 Author: admin Categories: HTML/CSS 6

Tags: , , ,

Creating CSS3 dropdown menu #4

Creating CSS3 Dropdown Menu #4

This is our forth CSS3 menu. This will colored tabs with dropdown submenus (animated with transition effects). Make attention, that all new effects (transitions) will work only in most fresh browsers like FF, Chrome, Safary browsers, possible in Opera too. But not in IE (transitions still not available here). Anyway – lets test new menu.

Read more

Creating a CSS3 Dropdown Menu #2

  • 08
  • Jun

Date: 08th Jun 2011 Author: admin Categories: HTML/CSS 8

Tags: , , , ,

Creating CSS3 dropdown menu #2

Creating CSS3 Dropdown Menu #2

This is our second drop down menu. Today it is in the green palette. The menu will include a submenus that will slide when we hovering the parent elements. That menu will good for green palette templates. And of course – no any JS – only pure CSS. Since this menu is made using CSS3 – it renders perfect on Firefox, Chrome and Safari browsers (possible last Opera will support it too). And, as I read, transitions have been billed to be included in IE10.

Read more

Creating a Simple yet Stylish CSS Jquery Menu

  • 27
  • Sep

Date: 27th Sep 2010 Author: admin Categories: HTML/CSS, jQuery 23

Tags: , , , , ,

Creating a Simple yet Stylish CSS Jquery Menu

Currently, css menus are becoming more and more popular, which is not surprising. Small size, speed, ease to create. I want to introduce you to one very interesting and useful resource – http://www.cssplay.co.uk/. Here you can find tonns of really nice menus which you can use in your projects. Today I want to tell you how to enhance these menus using our library – jQuery.
Read more

Positioning Backgrounds with Jquery

  • 17
  • Mar

Date: 17th Mar 2010 Author: admin Categories: HTML/CSS, JavaScript, jQuery 24

Tags: , , , ,

Jquery Tutorial on how to Position Backgrounds

Today I will tell you about another one useful tool of JQuery – backgroundPosition plugin. It allow to reach different design ideas with color/background changing.

As example, we want to create animated user friendly buttons or website navigation menu.

Someone can ask, why we need script if we can use hover effect + CSS styles. Here you will able to compare possibilities and see advantages of JQuery.

Read more