PDA

View Full Version : Horizontal menu / Modify Left and right tabs only


brunodarwin371999
09-09-2009, 05:36 AM
Hi,

What is the procedure to have the left and right tabs of the main menu different from the other tabs?

For example, let's take the Webassist main menu (Home, store, Extensions ...Company)
The left (Home tab) and right (company tab) have rounded corners and the left tab is smaller.
How that can it be achieved with MW2 ?

Thank you for your help in advance.

Jason Byrnes
09-09-2009, 10:35 AM
For the rounded corners on the end, this is not part of the menu, rather part of the styleing for the div is contained in.


you would need to create three divs:
<div class="menuLeft></div>
<div class="menuCenter>CSS Menu Writer menu Goes here</div>
<div class="menuRight></div>


the menuLeft div will get the left rounded corner image as the background, the menuRight div will get the right rounded corner image as the background.

To have differant sizes for the main navigation items, you will need to add an inline style to the menu items after the menu is created, for example:
<li><a href="#" style="width:40px;">home</a></li>

brunodarwin371999
09-10-2009, 01:14 AM
Thank you very much Jason

Jason Byrnes
09-10-2009, 09:32 AM
You're welcome.