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


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

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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 7 Years, 3 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 7 Years, 3 Months ago Karma: 666
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 7 Years, 3 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 7 Years, 3 Months ago Karma: 666
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 7 Years, 3 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 7 Years, 3 Months ago Karma: 666
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