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


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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) 7 Years, 6 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) 7 Years, 6 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) 7 Years, 6 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 13:33 By autje.
The administrator has disabled public write access.
 
#3964
Re: Transparent background (and some more) 7 Years, 5 Months ago Karma: 667
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