Results 1 to 4 of 4

Thread: Change Font Color of Any Link Drop Down Menu

  1. #1
    Join Date
    Dec 2007
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Change Font Color of Any Link Drop Down Menu

    1) Script Title:
    Any Link Drop Down Menu

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

    3) Describe problem:
    Hi, I'm currently evaluating this script and was wondering how I can modify the font color in the drop-down boxes of the menu. Also, is it possible to drop the drop-down boxes a little further below the link, let's say "Web Design"?

    Thanks

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    In the CSS simply find, or make the "color" property in css, for example:
    Code:
    <style type="text/css">
    #div {
    color: lightblue;
    }
    </style>
    <div id="div">
    I'm light blue
    </div>
    Jeremy | jfein.net

  3. #3
    Join Date
    Dec 2007
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Unhappy

    Quote Originally Posted by Nile View Post
    In the CSS simply find, or make the "color" property in css, for example:
    Code:
    <style type="text/css">
    #div {
    color: lightblue;
    }
    </style>
    <div id="div">
    I'm light blue
    </div>
    Not happening! There isn't any color related CSS property in the CSS or JS file. If I create it and place the link inside a div tag, nothing happens.

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Specifically, to change the color of the links within the drop down menu, add the line in red below:

    Code:
    #dropmenudiv a{
    width: 100%;
    color: green;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    }
    You can increase the vertical offset of the drop down menus relative to the anchor links, but if you increase it by too much, the menu will disappear as soon as the mouse rolls out of the anchor link, before it reaches the menu itself. With that said, make the changes in red:

    Code:
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+3+"px"
    Where 3 would be 3px extra.
    DD Admin

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •