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


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

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


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?

Horizontal Menu Separator?
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Horizontal Menu Separator?
#13203
Horizontal Menu Separator? 13 Years ago Karma: 0
Is there a way to add a custom image as a menu separator?

I see where you remove the default bar separator but can't figure out how to add my own custom one.

body #ariyui36.yui-skin-sam .yuimenubarnav .yuimenubaritem {
border-right-style: none;
}


Is this even possible?



I'm also having a hard time figuring out how to take the home page off the active/current page rollover while maintaining it when clicking the other sections of the website. So the user knows where they are on the site and what not.


Any help would be appreciated.

www.ascoltacoaching.com/
The administrator has disabled public write access.
 
#13207
Re:Horizontal Menu Separator? 13 Years ago Karma: 747
Hello,

Could you specify link to image which you want to use as separator? About menu items highlighting, do you want to remove highlighting only for "Home" menu item or you mean something another?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#13232
Re:Horizontal Menu Separator? 13 Years ago Karma: 0
Link to the menu separator:

url("js/assets/menu/sam/menuseparator.png")


Regarding the active highlighting/rollovers, right now the current page maintains the rollover when that page is loaded/active. I want to keep this functionality, but I just want to disable it for the home page specifically but keep it for the rest.


At this point though, I really need to find out if I can get these menu seperators working correctly.


Thanks for the help!
The administrator has disabled public write access.
 
#13233
Re:Horizontal Menu Separator? 13 Years ago Karma: 747
You can add the next CSS rule to "CSS Styles" parameter in module settings:

Code:


body #ariyui36 ul li a.yuimenubaritemlabel
{
 background: transparent url('modules/mod_ariyuimenu/mod_ariyuimenu/js/assets/menu/sam/menuseparator.png') no-repeat center right !important;
 padding-right: 30px;
}



but it will not look good for active/hover menu items.

If you want to remove highlighting only for specific menu item(s), it requires modification of menu template file. You can find it here:

<joomla_directory>\modules\mod_ariyuimenu\mod_ariyuimenu\templates\menu.html.php

Regards,
ARI Soft
The administrator has disabled public write access.
 
#13274
Re:Horizontal Menu Separator? 13 Years ago Karma: 0
Is there anyway to center that menuseparator image between menu items or somehow include it in the right border region so it doesn't affect the active/rollovers?


I've been playing with this for awhile and cannot seem to figure this out.

I don't want the menu seperator to get highlighted when active/current, but I'm starting to thing think this isn't that easy to do.



Either way, the help is appreciated. Thanks
The administrator has disabled public write access.
 
#13275
Re:Horizontal Menu Separator? 13 Years ago Karma: 747
It is impossible without modification of the module.

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