Howto: Always open submenu items in horizontal menu |
|
Birger T.
|
Using Artisteer 4.2 and Joomla 3.1.
How to make the menu like this: http://www.tverfjell.com/menutest/
In Artisteer, make your main menu with submenu items.
In menu Options, sett all options to 0. Exept "Item" "Vertical Padding" is set to 5px
In submenu Options, set all options to 0. Exept "Subitem" "Vertical Padding" is set to 5px.
Now save and export your template.
And install it on youre joomla site.
Go to Extentions - Template manager.
On the leftside menu, choose Templates.
Klick on "Detail and files" on the template you just installed.
Klick on "Edit css/template.css
Find this:
ul.art-hmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
background-image: url('../images/spacer.gif');
top: 0;
}
Delete this two lines:
visibility: hidden;
top: 0;
Find this:
ul.art-hmenu li
{
position: relative;
z-index: 5;
display: block;
float: left;
background: none;
margin: 0;
padding: 0;
border: 0;
}
Add this line:
width: 140px;
And find this:
ul.art-hmenu li li a
{
background: #000000;
background: transparent;
margin: 0 auto;
width: 140px;
}
Add this line:
width: 140px;
Save.
Thats it
|
| |
|
|