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?

Different sprite for menu
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Different sprite for menu
#6568
Different sprite for menu 7 Years, 3 Months ago Karma: 0
Hi,

For someone I am working on a website on which they want two different layouts for the Yui Ari menu.

Can i use two sprites for this ? And if YES how ?

Can I use CSS STYLES ? Or do I need to change the CSS file itself ?

Hope you can help me.

Kind regards,
Richard
The administrator has disabled public write access.
 
#6577
Re:Different sprite for menu 7 Years, 3 Months ago Karma: 670
Hello,

You can override necessary CSS styles with help 'CSS Styles' parameter, it provides ability to use #{$id} predefined variable which helps to create specific CSS styles for current menu. More documentation about menu styles can be found in this post.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#6718
Re:Different sprite for menu 7 Years, 3 Months ago Karma: 0
Hi,

Thanks for the reply, I have tried several options to change the sprite (whole different file) or different position on the default sprite but the only effect I get is that the background disappears all together.

Is there a CSS style overwrite I can use which will only change the options I fill in.

Can you give me an example CSS style using #{$id} ?

Or can you give me a hint about where I am going wrong.

Hope to hear from you.

Greetz, Richard
The administrator has disabled public write access.
 
#6725
Re:Different sprite for menu 7 Years, 3 Months ago Karma: 670
Hello,

Try the next CSS rule:

Code:


body #{$id}.yui-skin-sam .yuimenubar
{
  background-image: url(PATH_TO_IMAGE);
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#6737
Re:Different sprite for menu 7 Years, 3 Months ago Karma: 0
Hi,

Thanks again for the reply, i have tried this but it doesn't work. Please find my settings attached.

Can you see what I am doing wrong ?

Kind regards,
Richard
The administrator has disabled public write access.
 
#6738
Re:Different sprite for menu 7 Years, 3 Months ago Karma: 670
The code should look like:

Code:


body #{$id}.yui-skin-sam .yuimenubar
{
  background: url(modules/mod_ariyuimenu/mod_ariyuimenu/js/assets/menu/sam/sprite_bruin.png) repeast-x 0 0;
}



If it doesn't help, provide temporary access to your Joomla! backend by email that we can investigate this issue.

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