ARI Soft - Background of sub-menu

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

23/11/2024 Black Friday 2024

BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

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

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 YUI Menu

Background of sub-menu

(1 viewing) (1) Guest

Page: 1

TOPIC: Background of sub-menu

Forum Tools

#4535

Background of sub-menu 14 Years, 10 Months ago Karma: 0

Hello
I have a last question after the great help received yesterday. My sub-menu background wad grey. I try to have it transparent but only succed in having it white ...

I try this code in CSS style:

Code:

BODY #{$id}.yuimenubaritem-hassubmenu .yuimenubar

BODY #{$id}.yuimenubaritem-hassubmenu-selected 

BODY #{$id}.yuimenubaritem-hassubmenu-disabled

{

background-color: transparent;

background-image: none;

}

I include the zip file with the relevant files.

File Attachment:
File Name: debug_sofiom.zip
File Size: 77496

Thanks again for your help

frlobe

The administrator has disabled public write access.

#4536

Re:Background of sub-menu 14 Years, 10 Months ago Karma: 763

Hello,

Add the following CSS rules to 'CSS Styles' parameter:

Code:



BODY #{$id} .yui-menu-shadow 

{

  visibility: hidden;

}



BODY #{$id}.yui-skin-sam .yuimenu .bd

{

  background-color: transparent;

}

or the following code to safe_menu.css

Code:



BODY {$id} .yui-menu-shadow 

{

  visibility: hidden;

}



BODY {$id}.yui-skin-sam .yuimenu .bd

{

  background-color: transparent;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4537

Re:Background of sub-menu 14 Years, 10 Months ago Karma: 0

argh ... background of the sub-menus is still grey ... I try both your code adding to mine or your code alone.

Actual CSS style is a following:

Code:

#header DIV.yui-skin-sam {

text-align: center;

}



BODY DIV.yui-skin-sam #ariyuimenu_ariyui23  {

position: relative;

display: -moz-inline-stack !important;

display: inline-block !important;

zoom: 1;

*display: inline !important;

}



BODY #{$id}.yui-skin-sam .yuimenubar,

BODY #{$id}.yui-skin-sam .yuimenubaritem-selected,

BODY #{$id}.yui-skin-sam UL LI.yuimenuitem-selected,

BODY #{$id}.yui-skin-sam .yuimenu .bd

{

background-color: transparent;

background-image: none;

}



BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:hover,

BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:hover

{

background-color: #FFF495;

}



BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel, 

BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:link, 

BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:visited,

BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel,

BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:link,

BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:visited

{

color: #FF5900;

}



BODY #{$id}.yui-skin-sam .yuimenubar ul li a.yuimenuitemlabel-disabled

{

cursor:default;

color:#A6A6A6;

}



BODY # .yui-menu-shadow 

{

  visibility: hidden;

}

BODY #.yui-skin-sam .yuimenu .bd

{

  background-color: transparent;

}

Thank you in advance (again

)

frlobe

Last Edit: 2010/05/28 07:38 By frlobe.

The administrator has disabled public write access.

#4540

Re:Background of sub-menu 14 Years, 10 Months ago Karma: 763

The last two CSS rules doesn't contain {$id} placeholder. See our previous post, please. It should be:

Code:



BODY #{$id} .yui-menu-shadow 

{

  visibility: hidden;

}



BODY #{$id}.yui-skin-sam .yuimenu .bd

{

  background-color: transparent;

}

instead of

Code:



BODY # .yui-menu-shadow 

{

  visibility: hidden;

}

BODY #.yui-skin-sam .yuimenu .bd

{

  background-color: transparent;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4544

Re:Background of sub-menu 14 Years, 10 Months ago	Karma: 0
Great: it is working Thank you so much ! Regards

frlobe

The administrator has disabled public write access.

Page: 1

Useful Links