PDA

View Full Version : Anylink Menu customization help please



StephanieH
04-08-2008, 12:28 PM
1)Script Title: AnyLink Drop Down Menu

2)Script URL (on DD): http://www.dynamicdrive.com/dynamici...pmenuindex.htm

3) Describe problem:

First of all, thanks for the script, I am a beginner and this script as well as the explanation are very well made, and the forum threads have been very usefull to me : this is the first dropdown menu I get to manage on the webpages I am creating at the moment.
Here is what I would like to add to the customization :

A)a padding inside the dropdown so the links do not appear so close to the border. If I add some padding, the line of the link gets biggers than the box containing it, messing the look of it.

B)Rounded corners to the drop down divs without any other decoration...

C)If possible, a dynamic appearence of these divs when hovering on the menu...

As I am fairly new to all this, thanks for any help on the subject(s)

Stephanie

ddadmin
04-08-2008, 05:59 PM
Regarding #1, if I understood you correctly, simply modify the below line in the CSS file to add additional up/down padding between each link:


#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 5px 0;
"

The 5px above is new, changed from the default 1px.

Regarding #2, I'm not up to speed on the latest techniques for adding round corners to a DIV, but simply do a search on Google. For easier integration you may want to switch to using Anylink CSS menu (http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm) first, where the drop down DIVs are simply regular DIVs defined on the page where you can modify easily per the instructions of the rounded corner technique you've chosen.