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?

Switch menu arrow colors when mouse over
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Switch menu arrow colors when mouse over
#5750
Switch menu arrow colors when mouse over 7 Years, 4 Months ago Karma: 0
Hi,

I have experimented a lot the last 2 hours but I have not found a solution to my problem.
Firstly, I have not edited the ari yui .css files in my joomla installation folder at all. Instead, I have added the following lines in CSS styles of the module.

#{$id}.yui-skin-sam .yuimenubar DIV.bd
{
background: #fff;
}

#{$id}.yui-skin-sam .yuimenubar DIV.bd a.yuimenubaritemlabel
{
color: #004b73;
}

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected
{
background-color: #00679e;
}

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:link,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:visited,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:hover {
color:#FFF;
}

#{$id}.yui-skin-sam .yuimenu DIV.bd
{
background: #00679e;
}

#{$id}.yui-skin-sam DIV.bd ul li a.yuimenuitemlabel
{
color: #FFF;
}


#{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: #0092cb;
}



Given this arrangement of my menu, I would like the arrows of the menu bar to turn white from black when I select/mouse over a specific item of my menu bar.

Secondly, I would like the arrows in my submenus that point to another sub-submenu not to disappear when I mouse over a specific submenu item.

Any advice would be helpful!
Thanks in advance
Last Edit: 2010/07/26 04:53 By kosfar.
The administrator has disabled public write access.
 
#5751
Re:Switch menu arrow colors when mouse over 7 Years, 4 Months ago Karma: 670
Hello,

Provide link to page, please, where we can see the menu on your site that we can help you.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#5754
Re:Switch menu arrow colors when mouse over 7 Years, 4 Months ago Karma: 0
The administrator has disabled public write access.
 
#5757
Re:Switch menu arrow colors when mouse over 7 Years, 4 Months ago Karma: 670
You can add the following CSS rules to 'CSS Styles' parameter in module settings:

Code:


#{$id}.yui-skin-sam .yuimenubarnav a.yuimenubaritemlabel-hassubmenu:hover,
#{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem-selected a.yuimenubaritemlabel-hassubmenu
{
 /* Place path to white arrow here */
 background-image:url("/modules/mod_ariyuimenu/mod_ariyuimenu/js/build/menu/assets/skins/sam/menubaritem_submenuindicator.png");
 background-repear: no-repeat;
 background-position: right center;
}

body #{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
  background-color: transparent;
}


body #{$id}.yui-skin-sam .yuimenubarnav ul li.yuimenuitem-hassubmenu:hover
{
 background-color: #0092cb;
 background-image:url("/modules/mod_ariyuimenu/mod_ariyuimenu/js/build/menu/assets/skins/sam/menuitem_submenuindicator.png");
 background-position:right center;
 background-repeat:no-repeat;
}



One note, if you want to show white arrow, create image with white arrow and enter path to it in the first CSS rule.

Regards,
ARI Soft
Last Edit: 2010/07/26 05:36 By admin.
The administrator has disabled public write access.
 
#5759
Re:Switch menu arrow colors when mouse over 7 Years, 4 Months ago Karma: 0
Thanks a lot for your reply. It is working perfectly now!

Regards
The administrator has disabled public write access.
 
#5760
Re:Switch menu arrow colors when mouse over 7 Years, 4 Months ago Karma: 0
The arrows are working perfectly, however it seems that this piece of code

body #{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: transparent;
}

adds another colour in my menu palette that was not there. I tried to change the above statement to

body #{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: #0092cb;
}

but then the white arrows in the submenus disappear.

Take a look
newsite.telecompare.gr/

I would like the "leaves" of my menu to be coloured #0092cb.

Thanks a lot in advance!
The administrator has disabled public write access.
 
Go to topPage: 12