Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Transparent Menu Option?

  1. #1
    Join Date
    Mar 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post Transparent Menu Option?

    I'm using Script: Jim's DHTML Menu v5.7
    http://www.dynamicdrive.com/dynamicindex1/jimmenu/

    I was wondering if the background drop down menu options could be transparent? If so how? I tried using a white transparent gif but it just showed up with a black background.

    Thanks!!

    Chris

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Setting the background colour to "transparent" should work.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Transparency of the menu items only reveals whatever colors are beneath it. There are, I believe, other colors configurable for this menu that will then appear (show through). Like, the border color, which (I think) isn't a true border but a background division. All colors that are underneath the menu items themselves must therefore be set to transparent. This will give rise to an odd looking menu though.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Mar 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Tried the "transparent" and didn't work still black. Perhaps I should re-phrase my question a little. I wanted to add some opaqueness on the sub menu's like 50% etc.

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I should have been more to the point. This menu is not that flexible, period. It uses background divisions and calls them borders so, true and or partial transparency cannot be achieved without sacrificing the 'borders'. This cannot be compensated for in any simple fashion as the author used a background division as a border for a reason, it is much more cross browser compatible. If you want that type of transparency, find a menu that specifically supports it.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Mar 2006
    Location
    SoCal, USofA
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I don't know how this would work, but if you could put the relevant information into div, you could do this:
    Code:
          <div id="transbox">
            <div>
              The Rebel Soldier
              <br>
    
              by Anonymous
            </div>
          </div>
    and the css:
    Code:
    /*thanks to Ove Klykken for the transparency code[http://www.domedia.org/oveklykken/css-transparency.php]*/
    /* This is the transparent box */
    #transbox {
    	width: 300px;
    	margin: 0 50px;
    	background-color: #fff;
    	border: 2px solid black;
    	filter: alpha(opacity=60);
    	opacity: 0.6;
    	-moz-opacity: 0.6;
    }
    /* This is the container which set text to solid color.      position: relative used for IE */
    #transbox div {
    	padding: 20px;
    	font-weight: bold;
    	color: #000;
    	filter: alpha(opacity=100);
    	opacity: 1;
    	-moz-opacity: 1;
    	position: relative;
    }
    a:link {
    	color: black;
    	text-decoration: none;
    }
    a:visited {
    	color: black;
    	text-decoration: none;
    }
    Make sure to check that link for more on opacity.

  7. #7
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Xiong, that is all well and good but it doesn't address the inherent limitation(s) of the menu. There is a background division that is used to create the appearance of a border and perhaps other backgrounds used for various other effects. If the menu items are transparent or partially opaque, this (these) background division(s) will show through.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. #8
    Join Date
    Mar 2006
    Location
    SoCal, USofA
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    K then. I wasn't sure if it would work, and obviously it won't.

  9. #9
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default Transparency...

    Hey, first off let me say that if any of the moderators consider this "advertising" then please remove it... I was just thinking that I could point you in the direction of a menu that does support transparency. The site that this menu is found on is also linked to by DynamicDrive... So I don't know if that helps at all... but it's http://www.youngpup.net Go to the site and look for the section about "TransMenus" It is a very sleek looking menu, although it has it's drawbacks... I would definately NOT recommend it to anyone who does not have a general understanding of JS, CSS, and DOM... as it incorporates aLOT of each. I have used this menu on 3 different occasions. It comes with a compressed version of the JS file and a "commented" version to help you along. Just thought I might pass a little info along to try to help. Good Luck!

  10. #10
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Nyne Lyvez, no that isn't advertising as far as I can tell, and it is what I think the OP is looking for and what I said they should look for, not to mention, free.

    http://www.youngpup.net/2004/transmenus

    Did I mention free?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •