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
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Transparent background
*
#24033
Transparent background 12 Years, 2 Months ago Karma: 1
HI

Is there a way I can have the text background transparent?

Here's a link to my test site. You'll see the Ari Yui menu at the bottom of the page.

www.rowbycomedies.com


I suppose I could just give the button the same color as the background. But let me know if I can just make the button transparent (even though I may lose some of the hover effect.

And no borders.

Basically I want a menu that looks more like the below:

| Home | Contact Us | About Us |

P.S. Also is there a way to have individual menu items open in a new window? For example in the above can I have only "About Us" open in a new window when clicked.

Thanks again!

Thanks!

Rowby
Last Edit: 2012/01/24 14:26 By rowby.
The administrator has disabled public write access.
 
#24040
Re:Transparent background 12 Years, 2 Months ago Karma: 746
Hello,

1. Use the next CSS rules:

Code:


body #footer .yui-skin-sam .yuimenubar 
{
 background: transparent none;
}

body #footer .yui-skin-sam .yuimenubar,
body #footer .yui-skin-sam .yuimenubar A
{
 border-style: none !important;
}



2. It is not possible to change "target" attribute for a specific menu item.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#24053
Re:Transparent background 12 Years, 2 Months ago Karma: 1
Hi I put your code into the module's css panel. But it does not seem to have an effect.

Perhaps one of my other styles, in my joomla style sheet, is "blocking" it.

Here's the link again to the test site:

www.rowbycomedies.com

They are the links on the bottom blue area.

I tried looking at it in firebug, but can't figure out the conflict.


Thanks!
The administrator has disabled public write access.
 
#24055
Re:Transparent background 12 Years, 2 Months ago Karma: 746
It seems you have changed site template. Use the next CSS rules:

Code:


body .rowby-footer .yui-skin-sam .yuimenubar 
{
 background: transparent none !important;
}

body .rowby-footer .yui-skin-sam .yuimenubar,
body .rowby-footer .yui-skin-sam .yuimenubar A
{
 border-style: none !important;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#24057
Re:Transparent background 12 Years, 2 Months ago Karma: 1
Thanks!

That fixed it!
The administrator has disabled public write access.
 
#24096
Re:Transparent background 12 Years, 2 Months ago Karma: 1
Hi

Sorry to keep on this issue.... But some fine tuning for the following test site:

www.rowbycomedies.com/

I am using your menu twice on the bottom as my bottom text link menu.

If I can get your help on one of them I can transfer your s0lutions to both menus.

(I have finally stabilized my joomla templates and am using only one for now on )

Below is the css I put into the Ari Yui Menu css field.
Code:

body .rowby2columnfooter-text .yui-skin-sam .yuimenubar
{
 background: transparent none !important;
}

body .rowby2columnfooter-text .yui-skin-sam .yuimenubar,
body .rowby2columnfooter-text .yui-skin-sam .yuimenubar A
{
 border-style: none !importan
}



I would like to:

1) Remove the bullets.
2) Remove the hover color effect (keep the hover transparent.
3) Remove the top and bottom border. Just keep the right and left borders.

Also I notice on the menu that there is an empty cell on the right. Is there a way to get rid of it?

Finally, can I center the text between the two right and left borders. Right now the text is flush left for each menu item.

I assume I can just use some special css to center the text, but am checking if you have a "shortcut" to center the text.

Thanks

Rowby
The administrator has disabled public write access.
 
Go to topPage: 123