Jump to content


Photo
Cris D.

  • : Mar 08 2008 02:04 PM
  • : Mar 12 2008 09:42 AM
  • : 12.3K
  • : 6345
  • : 1,527

  • 09 Mar 2008 pro Dropdown Menu
  • 08 Mar 2008 pro Dropdown Menu
  • 08 Mar 2008 pro Dropdown Menu

pro Dropdown Menu





Snippet: ProDropMenuV3
Author: Cris D
Date: 2008/03/03
For Etomite 0.6.1.4
Use: Creates a drop-down menu.  
  • It is multi-browser compatible:Tested in IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (PC).
  • It is Valid XHTML Strict, CSS Validated.
The snippet is adapted from lloyd_borrett's NavMenu

CSS  and images is from Stu Nicholls CSSPLAY site:
URL: http://www.cssplay.c...menus/pro_drop2
There are copyright issues for that you should check out at his site before use.
(Donation for commercial use and link in css file for non-commercial use.)

CHANGELOG: 2008/03/09
  • Added the ability to highlight the current top parent
  • Defined the classes outputed by the snippet so you can use your own css definitions and images to style
Classes outputted by snippet code:
<ul class="menu2">			#menu wrapper
   <li class="top">			#top level parents
	 <a href  class="top_link">	 #top level parent link
		<span class="down">		 #top level parent link with children
	 <a href class="current_link">	#top level that is a direct ancestor of the current page
  <ul class="sub">					  #second level unordered list
	 <li class=	"mid">				#second level list item
	  <a href class="fly">		#second level and below link that has children

Thanks to Cathode who initiated this menu development.
Thanks to Dean and Karen for helping me work out all the bugs!








0 members, 1 guests, 0 anonymous users