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?

Vertical menu - like site modules
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Vertical menu - like site modules
#24694
Vertical menu - like site modules 12 Years, 4 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
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, 4 Months ago Karma: 748
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
The administrator has disabled public write access.
 
#24738
Re:Vertical menu - like site modules 12 Years, 4 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
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, 4 Months ago Karma: 748
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
The administrator has disabled public write access.
 
#24745
Re:Vertical menu - like site modules 12 Years, 4 Months ago Karma: 0
Well, I think that's all. Really thank you ! (bow)
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, 4 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
The administrator has disabled public write access.
 
Go to topPage: 12