Hallo zusammen!
Ich suche jetzt schon seit Stunden nach einem passenden Menü für mein Template...
Vielleicht könnt Ihr mir helfen!?
Ich möchte ein horizontales Menü mit
horizontalen Unterpunkten im Kofbereich der Seite anlegen.
Alles was ich bisher finden konnte waren horizontale Menüs mit vertikalen Unterpunkten.
Zur Zeit versuche ich mit folgendem Modul zum Ziel zu kommen:
[url:13dbj7j0]
www.hexadesigners.com/our-joomla-extensi...menu-for-joomla.html
[/url]
Schrift, Position usw. zu ändern ist kein Problem.
Allerdings ist mir absolut unklar wie ich mittels css die vertikalen Unterpunkte in horizontale umwandeln kann...
Der Quellcode sieht folgendermaßen aus:
Code:
.menuhxdmenu,.menuhxdmenu *{margin:0;padding:0;font-size:11px;font-family:Georgia, serif;}
div#hxdmoomenu{z-index:100;}
#hxdmoomenu li li{margin:0;}
.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu ul{background:#fff;padding:0;}
.menuhxdmenu li{float:left;list-style:none;position:relative;}
div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}
.menuhxdmenu li:hover ul,
.menuhxdmenu li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu li:hover li ul,
.menuhxdmenu li.sfHover li ul,
.menuhxdmenu li li:hover li ul,
.menuhxdmenu li li.sfHover li ul,
.menuhxdmenu li li li:hover li ul,
.menuhxdmenu li li li.sfHover li ul{top:-999em;}
.menuhxdmenu li li:hover ul,
.menuhxdmenu li li.sfHover ul,
.menuhxdmenu li li li:hover ul,
.menuhxdmenu li li li.sfHover ul,
.menuhxdmenu li li li li:hover ul,
.menuhxdmenu li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu li li{position:relative;float:none;width:100%;}
#hxdmoomenu{
margin-top: 0px;
margin-left:0px;
}
#hxdmoomenu ul{
padding: 0;
background: #ffffff;
}
#hxdmoomenu ul li{
margin:0;
padding:0;
display:block;
}
#hxdmoomenu ul li a{
margin:0;
display:block;
float: left;
height: 20px;
line-height: 10px;
padding: 0 5px;
}
#hxdmoomenu ul li a:hover{
display:block;
}
#hxdmoomenu li.active a {
display:block;
}
#hxdmoomenu li ul {
margin-top:0px;
margin-left:auto;
width:195px;
}
#hxdmoomenu ul ul ul {
margin-top:10px;
margin-left:-10px;
}
#hxdmoomenu ul ul li{
display:block;
padding:0 0 0 15px;
text-align:left;
width:180px;
}
#hxdmoomenu ul ul li a{
display:block;
}
#hxdmoomenu li.active li a {
}
#hxdmoomenu ul ul li a:hover,
#hxdmoomenu ul li.active.parent ul a:hover {
display:block;
}
Wenn jemand eine Idee hat wo ich ein fertiges Menü in der Form finden kann wäre ich natürlich auch sehr dankbar!!!
Schon mal vielen vielen Dank für die Hilfe!
Allen einen schönen Abend!
