HOME | DD

Description
So here's a drop and fly menu for people to use in their journals. The CSS, initially less than 20 lines long has become substatially bloated thanks to dA not allowing the use of the child selector . So I apologise for the chunk of code in advance.

I allowed for up to 4 fly menus, which should hopefully be more than enough, even for the social butterflies who like a link to every aspect of their lives!

Live version: here .

Click download to get the code as a .html file. I recommend opening it in notepad++ which is a good simple code editing program. The code is neatly organised with comments - however, here's some stuff:

This is free to use and edit by anyone on dA as long as you credit me somehow.

You will need to remove the comments and whitespace from the html for your actual journal (I use this ).

If you are confident with XHTML and CSS and want to create a submenu that I haven't provided an example for in the live version then here are some tips to help you:

Remember to use .drop and .fly for each drop and fly menu respectively.

Place the last item in .menu within .bfix.

Place the highest list element within .bfix - If this element is also a fly menu, put it in .bfix2 aswell - if you have some border issues then it is probably because you forgot to do this!

Will not work in Internet Explorer. (Tested in Mozilla Firefox v3.0.1.). Valid CSS 2.1 and XHTML 1.0 Transitional. You need to be a dA subscriber to use CSS in your journal.

Description
So here's a drop and fly menu for people to use in their journals. The CSS, initially less than 20 lines long has become substatially bloated thanks to dA not allowing the use of the child selector . So I apologise for the chunk of code in advance.

I allowed for up to 4 fly menus, which should hopefully be more than enough, even for the social butterflies who like a link to every aspect of their lives!

Live version: here .

Click download to get the code as a .html file. I recommend opening it in notepad++ which is a good simple code editing program. The code is neatly organised with comments - however, here's some stuff:

This is free to use and edit by anyone on dA as long as you credit me somehow.

You will need to remove the comments and whitespace from the html for your actual journal (I use this ).

If you are confident with XHTML and CSS and want to create a submenu that I haven't provided an example for in the live version then here are some tips to help you:

Remember to use .drop and .fly for each drop and fly menu respectively.

Place the last item in .menu within .bfix.

Place the highest list element within .bfix - If this element is also a fly menu, put it in .bfix2 aswell - if you have some border issues then it is probably because you forgot to do this!

Will not work in Internet Explorer. (Tested in Mozilla Firefox v3.0.1.). Valid CSS 2.1 and XHTML 1.0 Transitional. You need to be a dA subscriber to use CSS in your journal.