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


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

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


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 5 Years, 10 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 07:26 By rowby.
The administrator has disabled public write access.
 
#24040
Re:Transparent background 5 Years, 10 Months ago Karma: 670
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 5 Years, 10 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 5 Years, 10 Months ago Karma: 670
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 5 Years, 10 Months ago Karma: 1
Thanks!

That fixed it!
The administrator has disabled public write access.
 
#24096
Re:Transparent background 5 Years, 10 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