ARI Soft - Rounded menus - ARI Soft Forum

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

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

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

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Ext Menu

Rounded menus

(1 viewing) (1) Guest

Page: 12

TOPIC: Rounded menus

Forum Tools

#21633

Rounded menus 12 Years, 7 Months ago Karma: 0

I have tried this: www.ari-soft.com/ARI-Ext-Menu/19213-round-corner-on-vertical-position.html#19216

to get my menus rounded. It didn't work. At the moment my CSS looks like this:

Code:



DIV.ux-menu-container UL,

DIV.ux-menu-container UL LI

{

  padding: 0;

  margin: 0;

}



UL.ux-menu-hidden

{

  display: none !important;

}



#headerMenu .moduletable

{

 text-align: center;

}



#navmenu1 DIV.ux-menu-container

{

 text-align: center !important;

}



#navmenu1 .ux-menu

{

 display: inline-block;

 zoom: 1;

 *display: inline;

}

Vihreakaupunki

The administrator has disabled public write access.

#21634

Re:Rounded menus 12 Years, 7 Months ago	Karma: 748
Hello, Provide a link to a page where we can see menu on your site. Regards, ARI Soft

admin

The administrator has disabled public write access.

#21635

Re:Rounded menus 12 Years, 7 Months ago	Karma: 0
Oh, yes sorry: hipit.fi/index.php?template=js_jamba

Vihreakaupunki

The administrator has disabled public write access.

#21637

Re:Rounded menus 12 Years, 7 Months ago	Karma: 748
Sorry, but provided page doesn't contain "ARI Ext Menu" module. Regards, ARI Soft

admin

The administrator has disabled public write access.

#21638

Re:Rounded menus 12 Years, 7 Months ago	Karma: 0
Forgot to show it in public, now it's there. hipit.fi/index.php?template=js_jamba

Vihreakaupunki

The administrator has disabled public write access.

#21639

Re:Rounded menus 12 Years, 7 Months ago Karma: 748

Use the next CSS rules:

Code:



UL.ux-menu LI A

{

 border-bottom-style: none;

 border-top-style: none;

}



.ux-menu-horizontal LI A.ux-menu-link-first,

.ux-menu-sub LI A.ux-menu-link-first

{

 -moz-border-radius: 10px 0 0 10px;

 -webkit-border-radius: 10px 0 0 10px;

 -o-border-radius: 10px 0 0 10px;

 -ms-border-radius: 10px 0 0 10px;

 border-radius: 10px 0 0 10px;

 border-style: none !important;

}



.ux-menu-horizontal LI A.ux-menu-link-last,

.ux-menu-sub LI A.ux-menu-link-last

{

 -moz-border-radius: 0 10px 10px 0;

 -webkit-border-radius: 0 10px 10px 0;

 -o-border-radius: 0 10px 10px 0;

 -ms-border-radius: 0 10px 10px 0;

 border-radius: 0 10px 10px 0;

 border-style: none !important;

}



.ux-menu-horizontal LI A.ux-menu-link-first.ux-menu-link-last,

.ux-menu-sub LI A.ux-menu-link-first.ux-menu-link-last

{

 -moz-border-radius: 10px 10px 10px 10px;

 -webkit-border-radius: 10px 10px 10px 10px;

 -o-border-radius: 10px 10px 10px 10px;

 -ms-border-radius: 0 10px 10px 0;

 border-radius: 10px 10px 10px 10px;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links