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?

Different sprite for menu
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Different sprite for menu
#6568
Different sprite for menu 13 Years, 7 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 13 Years, 7 Months ago Karma: 746
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 13 Years, 7 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 13 Years, 7 Months ago Karma: 746
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 13 Years, 7 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 13 Years, 7 Months ago Karma: 746
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