ARI Soft - Background of sub-menu

Home

News

Forum

Featured Demos

ARI Smart Content demo

ARI Quiz demo

ARI Sexy Lightbox demo

e-mail: info@ari-soft.com

Shopping Cart

Show Cart

Recent Events

29/12/2011 Merry Christmas and Happy New Year!

Dear visitors, our office will be closed from December 30 to January 2 due to the celebration of the New Year. You can purchase and download our products, but we can not guarantee quick answers to your questions for this period of time. Happy New Year! Your ARI Soft team.

more...
27/09/2011 ARI Smart Content v. 1.8.0

ARI Smart Content v. 1.8.0 is ready. New version is compatible with Joomla! 1.5, 1.6 and 1.7 and it is released under GNU GPL license.

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 1 Year, 8 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 1 Year, 8 Months ago Karma: 276

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 1 Year, 8 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 10:38 By frlobe.

The administrator has disabled public write access.

#4540

Re:Background of sub-menu 1 Year, 8 Months ago Karma: 276

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 1 Year, 8 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