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,896
    Thanks
    3
    Thanked 967 Times in 955 Posts
    Blog Entries
    15

    Default

    Sure, try the below modified .js file, which removes the top level arrow images.
    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,896
    Thanks
    3
    Thanked 967 Times in 955 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
  •