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?

jpg-buttons, borders, menuhight
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: jpg-buttons, borders, menuhight
#5622
jpg-buttons, borders, menuhight 13 Years, 9 Months ago Karma: 0
Hi there,

I have some questions, but first like everyone here i have to say, thank you a lot for this nice module.

My questions are:

1. Is it possible, to put a jpg or png as buttons into the menu? Perhaps 3 different buttons with mouseover and klick too?

2. How can I delete the borders of the menu?

3. If it is not possible to put jpg/png in as buttons, how can i get the hight of the menu smaller?

I have read some of the articles here and tried some tipps, but I m not sure where I have to put in the sourcecode given. Is it in template.css or somewhere in the mod_ariextmenu folder?

Link to the page is:
www.kьnstlerkeller-zwingenberg.de/

thank you a lot
oli
oli
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#5624
Re:jpg-buttons, borders, menuhight 13 Years, 9 Months ago Karma: 747
Hello,

The module doesn't provide possibility to use .jpg image as menu items. Regarding other questions, add the following CSS rules, please:

Code:


.ux-menu .ux-menu-arrow 
{
  top: 10px;
}

.ux-menu-container .ux-menu a
{
  border-top-style: none;
  border-bottom-style: none;
  padding: 6px 16px;
}

.ux-menu-container .ux-menu .ux-menu-sub a
{
  border-top-style: solid;
  border-bottom-style: solid;
}

.ux-menu-container .ux-menu a.ux-menu-link-first
{
  border-left-style: none;
}

.ux-menu-container .ux-menu a.ux-menu-link-last
{
  border-right-style: none;
}

.ux-menu-container .ux-menu .ux-menu-sub a.ux-menu-link-first
{
  border-left-style: solid;
}

.ux-menu-container .ux-menu .ux-menu-sub a.ux-menu-link-last
{
  border-right-style: solid;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#5626
Re:jpg-buttons, borders, menuhight 13 Years, 9 Months ago Karma: 0
Thanks you,

I added the code, but it left over borders, especially in the submenus, there are still borders.

And the blue arrow is on the font, is it possible to delete this arrow too?

and a last question, is it possible to make the buttonbackround of the first row (the topentrys) invisible?

Thank you again
oli
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#5627
Re:jpg-buttons, borders, menuhight 13 Years, 9 Months ago Karma: 747
Use the following CSS rules:

Code:


/* Remove sub-menus borders */
#art-main .ux-menu-container .ux-menu .ux-menu-sub a
{
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-top-style: none;
}

/* Remove arrows */
.ux-menu .ux-menu-arrow 
{
 background-image: none;
}



About the last question what do you under the first row? Could you provide screenshot that we can see what you mean?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#5639
Re:jpg-buttons, borders, menuhight 13 Years, 9 Months ago Karma: 0
Hey there,

I m testing a lot at the moment, and by now, i saw, that there there is a possibility to get images in the boxes. That looks very amazing for me, and would be very nice, if i could handle the width of the whole boxes.

Is it possible, to set all boxes (menuitems) to a fixed width.

Thanks
oli
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#5642
Re:jpg-buttons, borders, menuhight 13 Years, 9 Months ago Karma: 747
Try the next CSS rule:

Code:


#art-main .ux-menu-container .ux-menu a
{
 width: 60px !important;
}



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