• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Drop-down similar to DGrin but multi-column

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

 
Thread Tools Display Modes
Old Dec-13-2009, 05:19 PM
#1
FormerLurker is offline FormerLurker OP
Big grins
Drop-down similar to DGrin but multi-column
I am sure there is a simple answer to this question but I've been searching and can't seem to find it. Apologies in advance if I should have been using different search terms to find this.

I am trying to create, as part of a navbar, drop-down menus that have exactly the same responsiveness/functionality as the "Forum Tools" function here at DGrin. Specifically, I want to create a drop-down menu that "appears" slowly when the title is clicked and would like to have a single line at the top of the menu that does NOT link to anything (like how "Forum Tools" says "Forum Tools").

In a slight twist, though, I want to have the menu itself be multi-column (look at www.staples.com - what pops up when you mouseover one of the groups on the left).

I have tried plagiarizing from these and other sites but I think I am missing something. I'm going to keep playing around but if anyone happens to know of a tutorial that would start me going, I'd really appreciate it. Thanks!
Old Dec-14-2009, 04:25 AM
#2
J Allen is offline J Allen
Major grins
J Allen's Avatar
Try STU NICHOLLS, look through all his menus, he has a "donate button"....and after giving a donation, he will send you all the info and files on the menu bar of your choice.
__________________
-Joe Allen
My Smugmug Site
Old Dec-14-2009, 05:29 AM
#3
FormerLurker is offline FormerLurker OP
Big grins
Quick JS help?
Thanks for the link to Stu Nichols. Just before I saw your reply I found a tutorial that I was able to tweak to do nearly everything I want:

http://www.dynamicdrive.com/dynamici...pmenuindex.htm

The only thing I haven't been able to figure out yet is how to create an entry that is plain text (not a link). I'm assuming that what I need to do is send some kind of unique code/identifier to the script where the link would ordinarily be, have the script check for the code, and if the code is present, not allow a hyperlink. I'm trying to work through this myself looking through their support forum posts but if anyone is familiar with this script and knows of a quick fix, I'd be all ears.

Again, thanks for the help!
Old Dec-14-2009, 05:51 AM
#4
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by FormerLurker
Thanks for the link to Stu Nichols. Just before I saw your reply I found a tutorial that I was able to tweak to do nearly everything I want:

http://www.dynamicdrive.com/dynamici...pmenuindex.htm

The only thing I haven't been able to figure out yet is how to create an entry that is plain text (not a link). I'm assuming that what I need to do is send some kind of unique code/identifier to the script where the link would ordinarily be, have the script check for the code, and if the code is present, not allow a hyperlink. I'm trying to work through this myself looking through their support forum posts but if anyone is familiar with this script and knows of a quick fix, I'd be all ears.

Again, thanks for the help!
Use a # for the link. Any text can be added behind the #.

<a href="#">Non clickable</a>

<a href="#whatever">Non clickable</a>
Old Dec-14-2009, 06:08 AM
#5
FormerLurker is offline FormerLurker OP
Big grins
Thanks, Allen. I had actually tried that initially but the browser kept insisting it wanted to open a new window with a reload of the current page. I found a new window target buried in the script. Once I removed that, voila! Thanks!

The script doesn't seem to let me style non-links (or, more accurately '#' links) with a different CSS class, which I need, so that is my next project.
Tell The World!  

Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump