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


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

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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?

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 6 Years, 4 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
The administrator has disabled public write access.
 
#15661
Re:CSS problem with Top Menu 6 Years, 4 Months ago Karma: 666
If it is available on local machine, you can use FireBug addon for FireFox browser that investigate menu styles.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#15753
Re:CSS problem with Top Menu 6 Years, 4 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
The administrator has disabled public write access.
 
Go to topPage: 12