Posts tagged menu
Creating A CSS3 Animated Menu
- 24
- Aug
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 !
Creating CSS3/jQuery crossbrowser Drop-down menu with tabs
- 15
- Aug
Creating CSS3/jQuery crossbrowser Drop-down menu with tabs
This is our seventh CSS3 menu. Today we will make dropdown menu with parental tabs (as first level). Part of the work we pass on to the shoulders of jQuery (switching tabs, display popups). In the current version – we have three levels of menus. So, lets start !
10 Most Creative jQuery Navigation Plugins
- 29
- Jul
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
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.
Creating A CSS3 Dropdown Menu #4
- 28
- Jun
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.
Creating a CSS3 Dropdown Menu #2
- 08
- Jun
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.
Creating a cool CSS3 Dropdown Menu
- 01
- Jun
Creating CSS3 Dropdown Menu
During last several years, CSS-based menus are becoming more and more popular. Almost any website have own navigation menu, and quite often the menu plays a major role in mapping the site. Just because this is great solution to display lot of links and keep clean layout. Today I will show you how to create your own multilevel CSS3 dropdown menu (without extra JS files – pure CSS). Since this menu is made using CSS3 – it renders perfect on Firefox, Chrome and Safari browsers. This menu work also in IE8+, but the rounded corners and shadow will not be rendered.
Creating a Multilevel Menu using XSLT
- 11
- Apr
Creating multilevel menu using XSLT
Today we continue the practice of using XSLT. And lets consider a very entertaining task – the creation of navigation menu through XSL transformations. Someone will think that this is a fairly simple task, but we complicate it in advance – the menu should be multilevel. That is mean an unlimited number of sublevels. As initial data we will have an XML file with defined structure. At the output we will expect our multi-level drop-down menu.
Read more
