Home News Contact Us Forum About Us Joomla 1.0.x Demo Joomla 1.5 Demo Products F.A.Q.
ARI Soft









Register   Lost Password?
Featured Demos

ARI Smart Content demo

ARI Quiz demo

ARI Sexy Lightbox demo







e-mail: info@ari-soft.com
Shopping 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. 2checkout




Follow us on twitter



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

customizing problem
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: customizing problem
#4452
customizing problem 1 Year, 8 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.
vox666
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#4453
Re:customizing problem 1 Year, 8 Months ago Karma: 276
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
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#4454
Re:customizing problem 1 Year, 8 Months ago Karma: 0
thanks Mr admin. its work. btw how do i align the menu to center instead of the default left?
vox666
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#4455
Re:customizing problem 1 Year, 8 Months ago Karma: 276
Say link, please, where we can see menu on your site.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#4456
Re:customizing problem 1 Year, 8 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
vox666
User Offline Click here to see the profile of this user
Last Edit: 2010/05/26 13:09 By vox666.
The administrator has disabled public write access.
 
#4457
Re:customizing problem 1 Year, 8 Months ago Karma: 276
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
admin
User Online Now 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.
Product Bundles
RSS
Top Products
ARI Sexy Lightbox
ARI Data Tables
ARI Quiz
ARI Smart Content
Work Unit
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Joomla 1.0.x Demo | Joomla 1.5 Demo | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009