Results 1 to 3 of 3

Thread: Can i use images with the All Levels Navigation Menu

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

    Default Can i use images with the All Levels Navigation Menu

    1) Script Title: All Levels Navigation Menu

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

    3) Describe problem: I see that this menu works with customizable css. Can I use background images for default and rollover states in the main navbar?

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

    Default

    If you mean the use of CSS background images to style the menu bar's items, sure. Inside ddlevelsmenu-topbar.css, you'd change the 3 lines in red below:

    Code:
    /* ######### Matt Black Strip Main Menu Bar CSS ######### */
    
    .mattblackmenu ul{
    margin: 0;
    padding: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    border-bottom: 1px solid gray;
    background: #414141;
    overflow: hidden;
    width: 100%;
    }
    
    .mattblackmenu li{
    display: inline;
    margin: 0;
    }
    
    .mattblackmenu li a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 6px 8px; /*padding inside each tab*/
    border-right: 1px solid white; /*right divider between tabs*/
    color: white;
    background: #414141 url(default.gif) top left repeat-x;
    }
    
    .mattblackmenu li a:visited{
    color: white;
    }
    
    .mattblackmenu li a:hover{
    background: black url(active.gif) top center repeat-x; /*background of tabs for hover state */
    }
    
    .mattblackmenu a.selected{
    background: black url(active.gif) top center repeat-x; /*background of tab with "selected" class assigned to its LI */
    }
    DD Admin

  3. #3
    Join Date
    Apr 2008
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    that's awesome!!! Thanks for your help...

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
  •