Advanced Search

Results 1 to 4 of 4

Thread: Possible to remove down arrow in Smooth Navigational Menu (v1.01)

  1. #1
    Join Date
    Apr 2008
    Posts
    84
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Possible to remove down arrow in Smooth Navigational Menu (v1.01)

    1) Script Title: Smooth Navigational Menu (v1.01)

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

    3) Describe problem:
    Can the little down arrows be taken off? The right arrow is OK, but since all of my links have a dropdown, it looks pretty crappy with all those down arrows.

    Thanks in advance.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,872
    Thanks
    3
    Thanked 956 Times in 945 Posts
    Blog Entries
    15

    Default

    Sure, try the below modified .js file, which removes the top level arrow images.
    Attached Files Attached Files
    DD Admin

  3. #3
    Join Date
    Apr 2008
    Posts
    84
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks!

    Would you happen to know how to tweak the shadows?

    I edited the following fields, so that it would line up on my page how I wanted, so it probably has something to do with that.
    Shadows are now looking like a 5px border around all 3 sides (l,r,b), rather than a shadow.

    /*Top level list items*/
    .ddsmoothmenu ul li{
    position: relative;
    display: inline;
    float: left;
    padding-left:10px; ( I added this padding. I'm thinking this might be the culprit, but I need it in there )
    }

    /*Top level menu link items style*/
    .ddsmoothmenu ul li a{
    display: block;
    background: url(images/menu_00_RT.jpg) red top repeat-x; /*background of menu items (default state)*/
    color: white;
    padding: 2px 5px 2px 7px; ( was: padding: 8px 10px; I also removed: border-right: 1px solid #778
    color: #2d2b2b;
    text-decoration: none;
    }

    /* Sub level menu links style */
    .ddsmoothmenu ul li ul li a{
    font: normal 12px Arial; ( was 13px )
    width: 150px; /*width of sub menus*/ ( mine 160px )
    padding: 2px 0 2px 7px; ( was padding: 5px; )
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
    }
    Last edited by Geezer D; 12-25-2008 at 10:48 AM. Reason: more info

  4. #4
    Join Date
    Aug 2004
    Posts
    9,872
    Thanks
    3
    Thanked 956 Times in 945 Posts
    Blog Entries
    15

    Default

    It'd be easier just to see an example of the problem on your site. Please post a link to the page on your site that contains the problematic script so we can check it out.

    p.s: Please try and format any code in your post using the CODE tags. It just makes it easier to read.
    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
  •