PDA

View Full Version : Drop Down Taps: Rounded corners and icons possible?



TheCrazyLexx
02-25-2008, 07:14 PM
1) Script Title: Drop Down Tabs

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm

3) Describe problem:
Is it possible to modify this script, in order to render drop down menus with rounded corners at the bottom? Also, I'd like to add some small icon graphics right next to the menu items. Is this possible somehow?

Thanks,
Tom

ddadmin
02-25-2008, 10:10 PM
For the rounded corner part, it's certainly possible in that there's nothing in the script that will hinder you from customizing the look of the drop down menus, which are simply DIVs on the page:


<!--1st drop down menu -->
<div id="dropmenu1_b" class="dropmenudiv_b">
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links and Buttons</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a>
</div>

How you go about doing this though is beyond the scope of this script. You may want to do a search on Google for rounded corner divs (http://www.google.com/search?q=rounded+corner+divs&sourceid=navclient-ff&ie=UTF-8&rlz=1B3GGGL_enCA244CA244), and go from there.

Regarding adding a small icon graphic, if you mean within the menu links of the drop down menus (like above), that's possible as well.

TheCrazyLexx
02-26-2008, 10:23 AM
Thanks for the good news. Gonna give it a try.

One other thing: Is it possible to add another submenu to one of the menu divs?

TheCrazyLexx
02-29-2008, 09:25 PM
Regarding adding a small icon graphic, if you mean within the menu links of the drop down menus (like above), that's possible as well.

Ok, let's say I'm using the following lines of code to call up a submenu:

<ul>
<li><a href="url">Support Home</a></li>
<li><a href="url">Customer Service</a></li>
<li><a href="url">Knowledge Base</a></li>
<li><a href="url">Books</a></li>
<li><a href="url">Training and Certification</a></li>
<li><a href="url">Support Programs</a></li>
<li><a href="url">Forums</a></li>
</ul></li>

How would I actually insert a small gif graphic into the same line (say to the right of "Books")?