ARI Soft - Vertical menu - like site modules

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

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.

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

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

Vertical menu - like site modules

(1 viewing) (1) Guest

Page: 12

TOPIC: Vertical menu - like site modules

Forum Tools

#24694

Vertical menu - like site modules 12 Years, 9 Months ago

Karma: 0

Well, guys if you have free time, check my site and that I want to do:

site: Click :)

Well I want to use ARI Ext Menu in right module, want to look like my modules, but I don't know how to create class and where to set it

In module list I copied my main menu (ari ext menu) and changed position of the module, so I can't edit (may be) themain css file because changes will be for the main menu too ?

So you have free time please tell me how to make it to look like my modules now, because I want to add to menus submenus and that's makes me happy

beBoss

Last Edit: 2012/02/10 18:47 By beBoss.

The administrator has disabled public write access.

#24725

Re:Vertical menu - like site modules 12 Years, 9 Months ago Karma: 760

Hello,

Add the next CSS rules to "CSS Styles" parameter in module settings:

Code:



#leftcolumn UL.ux-menu LI.ux-menu-item-level-0

{

 width: 190px !important;

 border: 1px solid #DDD;

 border-top-style: none;

 padding: 0;

}



#leftcolumn UL.ux-menu LI A.ux-menu-link-level-0

{

  background: url("/templates/ivanyane2012/images/menu_link_bg.gif") no-repeat scroll left center #F5F5F5 !important;

  border-top: 1px solid #DDDDDD;

  padding-top: 0px;

  padding-bottom: 0px;

  text-decoration: none !important;

}



#leftcolumn UL.ux-menu LI A.ux-menu-link-level-0:hover

{

  background-color: #EEE !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#24738

Re:Vertical menu - like site modules 12 Years, 9 Months ago	Karma: 0
Yeah, one or two more things Now how to make submenus to the same style like menu (border and silver background etc)? And how to add 1 or 2px to left because now is very close to the ">>" in left

beBoss

Last Edit: 2012/02/11 17:34 By beBoss.

The administrator has disabled public write access.

#24743

Re:Vertical menu - like site modules 12 Years, 9 Months ago Karma: 760

Add the following CSS rules:

Code:



#leftcolumn UL.ux-menu LI

{

 border: 1px solid #DDD;

 border-top-style: none;

 padding: 0 !important;

}



#leftcolumn UL.ux-menu UL LI

{

 border-top-style: solid;

}



#leftcolumn UL.ux-menu LI A

{

  background: url("/templates/ivanyane2012/images/menu_link_bg.gif") no-repeat scroll left center #F5F5F5 !important;

  border-top: 1px solid #DDDDDD;

  padding-top: 0px;

  padding-bottom: 0px;

  text-decoration: none !important;

  padding-left: 20px;

  white-space: nowrap;

  height: 24px;

  line-height: 24px;

}



#leftcolumn UL.ux-menu LI A:hover

{

  background-color: #EEE !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#24745

Re:Vertical menu - like site modules 12 Years, 9 Months ago	Karma: 0
Well, I think that's all. Really thank you ! (bow)

beBoss

Last Edit: 2012/02/12 07:10 By beBoss.

The administrator has disabled public write access.

#24768

Re:Vertical menu - like site modules 12 Years, 9 Months ago	Karma: 0
Sorry for bumping.. Well two more things: In red is marked doubled border ? Hmm I don't know how to fixed, because if I remove the top border for the second item this will remove top border of the first and that should be a problem. So how to fix borders when they are between items ? In green is marked the text which should be in center, top/botton, now is a little down

beBoss

The administrator has disabled public write access.

Page: 12

Useful Links