ARI Soft - transparency - ARI Soft Forum

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show 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.

more...
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.

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Ext Menu

transparency

(1 viewing) (1) Guest

Page: 1

TOPIC: transparency

Forum Tools

#13402

transparency 13 Years, 3 Months ago	Karma: 0
hi, thanks for you're help regarding colours, i've finally got my head around a lot of the code! i was wondering now about transparency i'd like to set the menu boxes to transparent so that just the text shows until the coloured 'hover' or 'current' rules make the box re-appear? is this possible? can i then use a background image that spans the whole of a first level horizontal menu somehow?

bjamminb

The administrator has disabled public write access.

#13405

Re:transparency 13 Years, 3 Months ago	Karma: 748
Hello, Provide screenshot please where we can see what you want to achieve. Regards, ARI Soft

admin

The administrator has disabled public write access.

#13410

Re:transparency 13 Years, 3 Months ago	Karma: 0
hope this helps thanks

bjamminb

The administrator has disabled public write access.

#13421

Re:transparency 13 Years, 3 Months ago Karma: 748

Try to use the next CSS rules:

Code:



#menubar .ux-menu LI A

{

 opacity: .5;

 filter: alpha(opacity=50);

 -ms-filter: "alpha(opacity=50)";

 -khtml-opacity: .5;

 -moz-opacity: .5; 

 border-style: none;

}



#menubar .ux-menu LI A.current,

#menubar .ux-menu LI A.ux-menu-link-hover,

#menubar .ux-menu LI A:hover

{

 opacity: 1;

 filter: alpha(opacity=100);

 -ms-filter: "alpha(opacity=100)";

 -khtml-opacity: 1;

 -moz-opacity: 1; 

}



#menubar .ux-menu LI A.ux-menu-link-first

{

 -moz-border-radius: 6px 0 0 6px;

 -webkit-border-radius: 6px 0 0 6px;

 -o-border-radius: 6px 0 0 6px;

 border-radius: 6px 0 0 6px;

}



#menubar .ux-menu LI A.ux-menu-link-last

{

 -moz-border-radius: 0 6px 6px 0;

 -webkit-border-radius: 0 6px 6px 0;

 -o-border-radius: 0 6px 6px 0;

 border-radius: 0 6px 6px 0;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#13442

Re:transparency 13 Years, 3 Months ago	Karma: 0
thats brilliant worked first time in firefox i had to add the zoom:1 rule for ie to get the opacity to work still not seeing the curved borders in ie8 though, i know this is usually an issue anyway but i don't suppose you know a fix do you?

bjamminb

The administrator has disabled public write access.

#13444

Re:transparency 13 Years, 3 Months ago	Karma: 748
IE 8 doesn't support CSS 3 specification because "border-radius" CSS property doesn't work in IE 8. Regards, ARI Soft

admin

The administrator has disabled public write access.

Page: 1

Useful Links