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


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

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


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?

image for each item in the menu bar
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: image for each item in the menu bar
#17103
image for each item in the menu bar 13 Years, 4 Months ago Karma: 0
Hello!
Thank you for the swift replies to my previous posts.
I search in the forum for a solution to my problem. I found one but it does not seem to work on my website which is currently in my localhost.
I am attaching a screenshot my website.
These are the things, I would like to do:
1)I would like to have images for each menu item.
2)When on mouse-over, I would like another image to appear.

Are these possible?

Thank you very much.

I followed the possible solutions in the forum but it doesn't seem to work. I could not make the image come out. The text comes out but not the image.

There's a thread in which changed the size and color of each item in my menu. I tried to insert the:

background: transparent url(localhost/templates/ja_purity/images/tabs/index-1.gif)

It didn't work.

Below is the CSS code. Can you please tell me if I missed out on something?
Thank you very much.

<!--
UL#ariext48 LI A{font-size:12px;font-weight:normal;text-transform:none;text-align:left;}
.ux-menu LI.ux-menu-item1
{
width: 200px !important;
}

.ux-menu LI.ux-menu-item1 A.ux-menu-link-level-0
{
background: transparent url(localhost/templates/ja_purity/images/tabs/index-1.gif)
height: 75px !important;
line-height: 75px !important;
}


UL#ariext54 LI A{font-size:12px;font-weight:normal;text-transform:none;text-align:left;}UL#ariext54 LI A{color:#faf2f2;}
.ux-menu-container UL.ux-menu LI
{
background-image: none;
padding: 0;
border: 0px;
}
DIV.ux-menu-container UL.ux-menu LI A
{
border-style: none;
}
.ux-menu li a.ux-menu-link-level-0
{
background: none transparent !important;
}
UL#ariext35 LI A{font-size:12px;font-weight:normal;text-transform:none;text-align:left;}UL#ariext35 LI A{background:#ee0ff6 none;}UL#ariext35 LI A{color:#ffffff;}UL#ariext35 LI A:hover,UL#ariext35 LI A:focus,UL#ariext35 LI A.ux-menu-link-hover{background:#f49ef7 none;}UL#ariext35 LI A:hover,UL#ariext35 LI A:focus,UL#ariext35 LI A.ux-menu-link-hover{color:#ffffff;}UL#ariext35 LI A.current{background:#f49ef7 none;}UL#ariext35 LI A.current{color:#ffffff;}UL#ariext35 LI UL.ux-menu-sub A{font-size:12px;font-weight:normal;text-transform:none;text-align:left;}
-->

#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: 980px;margin: 0 auto;}
#ja-wrapper {min-width: 981px;
Last Edit: 2011/07/10 02:52 By annois.
The administrator has disabled public write access.
 
#17108
Re:image for each item in the menu bar 13 Years, 4 Months ago Karma: 0
Last Edit: 2011/07/10 02:52 By annois.
The administrator has disabled public write access.
 
#17167
Re:image for each item in the menu bar 13 Years, 4 Months ago Karma: 760
Hello,

Read this and that posts please.

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