Advanced Search

Results 1 to 3 of 3

Thread: Opaque Menu

  1. #1
    Join Date
    May 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Opaque Menu

    1) Script Title: Omnislide Menu

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

    3) Describe problem:

    I am using this slide in menu on my website:

    www.capturesbymcq.com

    I would really love to make the menu bar opaque, but have not been able to figure that one out stumbling around in the dark. If anyone can point me in the right direction, I would appreciate it.

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,709
    Thanks
    2
    Thanked 389 Times in 384 Posts

    Default

    Code:
    #menu1 {
    /* Moz */
      opacity: .5;
    /* IE5-7 */
      filter: alpha(opacity=50);
    /* IE8 */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    }
    
    #menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
    #menu1 a:active {color:black;text-decoration:none;}
    #menu1 a:hover {color:black;background-color:#FFFF99}
    #menu1 a:visited {color:black;text-decoration:none;}
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    May 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by vwphillips View Post
    Code:
    #menu1 {
    /* Moz */
      opacity: .5;
    /* IE5-7 */
      filter: alpha(opacity=50);
    /* IE8 */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    }
    
    #menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
    #menu1 a:active {color:black;text-decoration:none;}
    #menu1 a:hover {color:black;background-color:#FFFF99}
    #menu1 a:visited {color:black;text-decoration:none;}
    Thanks Vic... That does make the menu opaque, but not the bar that is visible. I worked around that by linking an image and simply creating my own image in photoshop and saved it as an opaque .png. Then I removed all borders in the menuitems a voila, I have the look I was going for.

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
  •