Hmm,
Hagen hat dazu was getwittert http://cocoate.com/de/2011/02/22/hag...joomla16-templ
Wäre nur toll wenn man die Lösung von Angie auch finden könnte ...
Edit:
Noch was dazu
http://forum.joomla.org/viewtopic.php?p=2422172
Edit Edit
So für alle die ein Zwei-Ebenen Menu möchten habe ich mal ein Snippet angepasst
(Die Farben müsst ihr selber noch ändern
)
ul id="suckerfish" class="menu"
Horizontal
Code:
ul#suckerfish.menu {height: 40px; list-style: none; position:fixed; top:20;left:0;z-index:900;}
ul#suckerfish.menu a {display: block; width: 10em;}
ul#suckerfish.menu li {float: left; width: 10em; position:relative; height:1.2em;}
ul#suckerfish.menu li a {text-decoration:none;color:#fff;}
ul#suckerfish.menu li ul {text-align: left; margin:0; padding:0; position: absolute; width: 410em; left: -100em; top: 2.5em;z-index:910;}
ul#suckerfish.menu li:hover ul {left: 0;}
ul#suckerfish.menu li ul ul {list-style: none;margin: -1.2em 0 0 10em; padding: 0;z-index:920;}
ul#suckerfish.menu li:hover ul ul {left: -100em;}
ul#suckerfish.menu li:hover ul, ul#suckerfish.menu li li:hover ul {left: 0;}
ul#suckerfish.menu li.active a
{
background:#ff00ff;
color:#fff;
}
ul#suckerfish.menu li.active ul li a
{
color:#333;
border:0 ;
border-right:solid 1px #ddd;
margin:0px 0 0 0 ;
padding:12px 15px ;
position:relative;
background: #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left;
display:inline-block;
text-align: left;
text-shadow: none;
}
ul#suckerfish.menu li.active ul li.current a
{
background:#00ff00;
color:#fff;
}
ul#suckerfish.menu li.active ul li a:hover
{
background:#aaffaa !important;
color:#fff;
}
Vertikal
Code:
ul#suckerfish.menu {height: 40px; list-style: none; position:fixed; top:20;left:0;z-index:900;}
ul#suckerfish.menu a {display: block; width: 10em;}
ul#suckerfish.menu li {float: left; width: 10em; position:relative; }
ul#suckerfish.menu li a {text-decoration:none;color:#fff;}
ul#suckerfish.menu li ul {text-align: left; margin:0; padding:0; position: absolute; width: 10em; left: -100em; top: 2.5em;z-index:910;}
ul#suckerfish.menu li:hover ul {left: 0;}
ul#suckerfish.menu li ul ul {list-style: none;margin: -1.2em 0 0 10em; padding: 0;z-index:920;}
ul#suckerfish.menu li:hover ul ul {left: -100em;}
ul#suckerfish.menu li:hover ul, ul#suckerfish.menu li li:hover ul {left: 0;}
ul#suckerfish.menu li.active a
{
background:#ff00ff;
color:#fff;
}
ul#suckerfish.menu li.active ul li a
{
color:#333;
border:0 ;
border-right:solid 1px #ddd;
margin:0px 0 0 0 ;
padding:12px 15px ;
position:relative;
background: #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left;
display:inline-block;
text-align: left;
text-shadow: none;
}
ul#suckerfish.menu li.active ul li.current a
{
background:#00ff00;
color:#fff;
}
ul#suckerfish.menu li.active ul li a:hover
{
background:#aaffaa !important;
color:#fff;
}
In die personal.css einfügen und die ID beim Modul eintragen
Lesezeichen