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


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

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


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?

customizing problem
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: customizing problem
#4452
customizing problem 7 Years, 6 Months ago Karma: 0
Hi i just installed this powerful menu on my website. I'm having problem customizing it.
my site: sgmetal.co.cc/metal

how to i change the menu
-background color = black
-align to center
-font bold and color = white
-hover = red

thanks in advance.
The administrator has disabled public write access.
 
#4453
Re:customizing problem 7 Years, 6 Months ago Karma: 670
Hello,

You can add the following code to 'CSS Styles' parameter on module settings page:

Code:


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: #000;
background-image: none;
}

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

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



or the following code to safe_menu.css file:

Code:


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: #000;
background-image: none;
}

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

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



Regards,
ARI Soft
The administrator has disabled public write access.
 
#4454
Re:customizing problem 7 Years, 6 Months ago Karma: 0
thanks Mr admin. its work. btw how do i align the menu to center instead of the default left?
The administrator has disabled public write access.
 
#4455
Re:customizing problem 7 Years, 6 Months ago Karma: 670
Say link, please, where we can see menu on your site.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#4456
Re:customizing problem 7 Years, 6 Months ago Karma: 0
opss sorry. sgmetal.co.cc/metal

thanks Mr admin. its work. btw how do i align the menu to center instead of the default left? btw, i managed to make the fonts to be bold.

The menu is located just below the site's header. (top menu)







edit: miss menu location
Last Edit: 2010/05/26 04:09 By vox666.
The administrator has disabled public write access.
 
#4457
Re:customizing problem 7 Years, 6 Months ago Karma: 670
You can add the following CSS rule that align the menu to center:

Code:


#navigation .yui-skin-sam  {
        position: relative;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 12