ARI Soft - CSS Codes - 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 YUI Menu

CSS Codes

(1 viewing) (1) Guest

Page: 12

TOPIC: CSS Codes

Forum Tools

#8146

CSS Codes 13 Years, 6 Months ago	Karma: 0
Hi firstly I want to thank you for this wonderful module. It has been one of the better drop down menu that I have tried. I have done up a horizontal top menu. My link is test.vfcliw.org I need your advise on the following CSS changes 1. change the back ground color for the menu. 2. remove the border Thanking you in advance

chansm

The administrator has disabled public write access.

#8148

Re:CSS Codes 13 Years, 6 Months ago

Karma: 0

Hi

I have done for updating and resolve some issues.

but would need your inputs on the following

1. how to remove the top and bottom borders on the top menu

2. on the child menu how can i same the background color and the opacity

Below are CSS added in the module

#{$id}
{
position: relative;
left: 30px;
}

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:transparent;
background-image: none;
border-style: none;
border-width:0;
}

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: #5F798F;
}

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

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu
{
background-image: url(test/templates/cdp/images/header.jpg);
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
width:55px;
text-align:center;
border-width: 0;
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritem
{
border-width: 0px;
}

top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel:hover,
.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected
{
border-width: 0;
margin-left: 0px;
}

thanks for all your help

chansm

The administrator has disabled public write access.

#8149

Re:CSS Codes 13 Years, 6 Months ago	Karma: 0
Hi I have resolved all the above issues via the forum how can I add a separator between the sub menu

chansm

The administrator has disabled public write access.

#8151

Re:CSS Codes 13 Years, 6 Months ago Karma: 748

Hello,

Add the following CSS rules:

Code:



#ariyui45 .yuimenu li

{

 border-top: 1px solid blue;

}



#ariyui45 .yuimenu li.first-of-type

{

 border-top-style: none;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#8153

Re:CSS Codes 13 Years, 6 Months ago	Karma: 0
Hi Thanks for ur reply My apologies for not explaining clearly, I want to place a seperator between the different sub menu level. I have attached a print screen for illustration. cheers

chansm

The administrator has disabled public write access.

#8154

Re:CSS Codes 13 Years, 6 Months ago	Karma: 748
No, this is impossible. Regards, ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links