Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
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. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
ARI Soft Forum
Joomla components
ARI YUI Menu

CSS problem with Top Menu
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: CSS problem with Top Menu
#15660
Re:CSS problem with Top Menu 13 Years, 5 Months ago Karma: 0
Hi,

I didn't put it online yet. I work in local. But I have this code in the safe_menu.css file :

Code:

#ol-bgtop .yuimenubar UL LI A.yuimenubaritemlabel-selected
{
 color: #6a94a0 !important;
 background-image:url(../../../../../../../images/stories/imagesPRMI/bgtopmenu.png)!important;
 background-repeat:repeat-x!important;
}

#ol-bgtop .yuimenubar UL LI A.yuimenubaritemlabel-active
{
background-image:url(../../../../../../../images/stories/imagesPRMI/bgtopmenu.png)!important;
background-repeat:repeat-x!important;
 color: #6a94a0 !important;
}

{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel {
padding: 0 20px 0 10px;
color:#FFF;
border-style: solid;
border-color: #808080;
border-width: 1px 0;
*position: relative;
margin: -1px 0;
line-height: 2;
*line-height: 1.9; 
*display: inline-block;
font-weight: bold;
size:10px;
}
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel:link {
padding: 0 20px 0 10px;
border-style: solid;
border-color: #808080;
border-width: 1px 0;
*position: relative;
margin: -1px 0;
line-height: 2;
*line-height: 1.9; 
*display: inline-block;
font-weight: bold;
size:10px;
}
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel:visited {
padding: 0 20px 0 10px;
border-style: solid;
border-color: #808080;
border-width: 1px 0;
*position: relative;
margin: -1px 0;
line-height: 2;
*line-height: 1.9; 
*display: inline-block;
font-weight: bold;
size:10px;
}
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel:hover {
background-color:#FFF;
padding: 0 20px 0 10px;
color: #6a94a0;
border-style: solid;
border-color: #808080;
border-width: 1px 0;
*position: relative;
margin: -1px 0;
line-height: 2;
*line-height: 1.9; 
*display: inline-block;
font-weight: bold;
size:10px;
}
/*
{$id}.yui-skin-sam .yuimenubarnav LI A.yuimenubaritemlabel,
{$id}.yui-skin-sam .yuimenubarnav LI A.yuimenubaritemlabel:link,
{$id}.yui-skin-sam .yuimenubarnav LI A.yuimenubaritemlabel:visited,
{$id}.yui-skin-sam .yuimenubarnav LI A.yuimenubaritemlabel:hover {
font-size: 93%;
line-height: 2; 
*line-height: 1.9;
padding-right: 20px; 
*display: inline-block;
}*/

{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
background: url(js/assets/menu/sam/menubaritem_submenuindicator.png) right center no-repeat;
}




{$id}.yui-skin-sam A.yuimenubaritemlabel-selected,
{$id}.yui-skin-sam A.yuimenubaritemlabel-active {
background-color:#FFF;
border-color: #7D98B8;
color:#6a94a0;
}

{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected,
{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-active {
border-left-width: 1px;
margin-left: -1px; 
*left: -1px;
}

{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel-disabled,
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel-disabled:visited,
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel-disabled:link,
{$id}.yui-skin-sam UL LI A.yuimenubaritemlabel-disabled:hover {
color: #A6A6A6;
font-family: Helvetica
}


There is something I should add/remove to be able to change the background of this menu ?

Thank you again,
Jeff
jfbeaulieu
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#15661
Re:CSS problem with Top Menu 13 Years, 5 Months ago Karma: 760
If it is available on local machine, you can use FireBug addon for FireFox browser that investigate menu styles.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#15753
Re:CSS problem with Top Menu 13 Years, 5 Months ago Karma: 0
Hi,

Thank you for your help !! Everything is finally fine in my website ! I had to put the background image file online to get it work (but I don't understand why it's impossible in local... but for the moment, I don't realy care about that) !

Thanks for your patience to help me !

Cheers,
Jeff
jfbeaulieu
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 12
ARI Soft Forum
Joomla components
ARI YUI Menu
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009