Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Transparent background (and some more)
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Transparent background (and some more)
#3943
Transparent background (and some more) 13 Years, 12 Months ago Karma: 0
First of all: great looking menu. But I still have a few questions.

I'm trying to emulate the menu at icsfilm.org, and get as close to it as possible.

First question: is it possible to have the background image shining through like on that site, and if so, how do I do that in the CSS?

Second question: I've found how to create the line underneath each menuitem through
.yuimenuitem{
border-bottom: solid 1px #2D2D2D;
}
but it doesn't pick up the color. Also, when I add font-size or padding to that, nothing happens. How do I change them so it looks like on that site?

Third question: how do I get rid of the outside border of the menu?

I've looked at the CSS reference, but it is quite confusing for someone with very little CSS knowledge like myself
The administrator has disabled public write access.
 
#3944
Re: Transparent background (and some more) 13 Years, 12 Months ago Karma: 0
Figured out questions two and three myself (hooray for Firebug!), but question one remains.
The administrator has disabled public write access.
 
#3945
Re: Transparent background (and some more) 13 Years, 12 Months ago Karma: 0
I'm getting closer and closer . I basically have everything the way I wanted, except I lost my submenu-indicator. I would think this:

{$id}.yui-skin-sam .yuimenu .bd UL LI.yuimenuitem-hassubmenu {
background-image: url(js/build/menu/assets/skins/sam/menuitem_submenuindicator.png);
background-position: right center;
background-repeat: no-repeat;
}

would work, but unfortunately not. Any suggestions?

I also notice that the active menu is always in the 'active' color, even if the mouse isn't over the menu. Not a real problem, but is there a way to change that?

ETA: literally a minute after posting I found it. The above should have been:

{$id}.yui-skin-sam .yuimenu .bd UL LI A.yuimenuitemlabel-hassubmenu {

Once you figure the CSS out, this really is a thing of beauty .
Last Edit: 2010/04/25 19:33 By autje.
The administrator has disabled public write access.
 
#3964
Re: Transparent background (and some more) 13 Years, 12 Months ago Karma: 747
Hello,

Sorry for delay, all information about menu styles you can find here, it's described in this post.

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1