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?

Images in first line of horizontal menu, icons
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Images in first line of horizontal menu, icons
#16019
Images in first line of horizontal menu, icons 12 Years, 11 Months ago Karma: 0
[great menu, thank you]

This is my first post, so hello all!
I have already implemented several things just by reading this forum, great support!

Here is site.

I use horizontal menu. I want the main horizontal line to be pictures, so no text (maybe it I could centered text horizontally and vertically...). I did this by reffering css to itemNumber.

The rest of menu should be as it is now and I would LOVE to add a small icon in fron of each link in drop down menu.

I managed to get the height and width of first horisontal line, also inserted pictures, but main horizontal line (pictures) is in 'conflict' with other css for drop down menu.
Also, if I click on picture, linking does NOT work, only if I click at top violet colored bar, than linking works.

I am sorry for my bad English, I am not a native English speaker.

Thank you
The administrator has disabled public write access.
 
#16028
Re:Images in first line of horizontal menu, icons 12 Years, 11 Months ago Karma: 748
Hello,

Could you provide screenshot where we can see what do you want to achieve?

Regard,
ARI Soft
The administrator has disabled public write access.
 
#16033
Re:Images in first line of horizontal menu, icons 12 Years, 11 Months ago Karma: 0
Hello,

Thank you for prompt response!

(I hope I placed image ok)

The test site is available in my first post, but here is url: www.papilot.si/joomla/

Instead og words, I'd like images in top horizontal menu (now there is a 'spiral' image, repeated several times), from there on is business as usual. The only extra thing that I wish are icons in front of links that are dropped down... (I might be pushing for early Christmas here, but still ...)

Thank you.

EDIT: the picture was too big, hope it fits now...
Last Edit: 2011/06/14 05:03 By Seiduna.Reason: the picture was too big, hope it fits now...
The administrator has disabled public write access.
 
#16038
Re:Images in first line of horizontal menu, icons 12 Years, 11 Months ago Karma: 748
Old version of the module is used on your site. Could you upgrade it to the latest version and after this contact us?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#16043
Re:Images in first line of horizontal menu, icons 12 Years, 11 Months ago Karma: 0
Hello,

aha ok, I upgraded to 2.0.7 (I had 1.9.4(?)).

It is still same

Thank you.
The administrator has disabled public write access.
 
#16048
Re:Images in first line of horizontal menu, icons 12 Years, 11 Months ago Karma: 748
Use the next CSS rule:

Code:


#horizontala .ux-menu A.ux-menu-link-level-0
{
 padding: 0;
}

#horizontala LI.ux-menu-item-main A.ux-menu-link-level-0
{
 background: transparent url(http://www.shrani.si/f/14/Qh/41vTaeMg/menu.png) no-repeat 0 0;
 width: 142px;
 height: 142px;
 line-height: 142px;
}



If you want to set specific background image for specific menu item, use the next CSS rule:

Code:


#horizontala .ux-menu LI.ux-menu-item[MENU_ITEM_ID] A.ux-menu-link-level-0
{
 background: transparent url(http://www.shrani.si/f/14/Qh/41vTaeMg/menu.png) no-repeat 0 0;
 width: 142px;
 height: 142px;
 line-height: 142px;
}



Where [MENU_ITEM_ID] is ID of menu item. You can find it in Joomla! menu manager. For example if you want to set background image for menu item with ID equals to 3, use the next CSS rule:

Code:


#horizontala .ux-menu LI.ux-menu-item3 A.ux-menu-link-level-0
{
 background: transparent url(http://www.shrani.si/f/14/Qh/41vTaeMg/menu.png) no-repeat 0 0;
 width: 142px;
 height: 142px;
 line-height: 142px;
}



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