Ursprünglich hatte die webseite eine Hauptnavigation (horizontal) und eine Subnavigation (vertikal).
Nun ist die Sub zur Haupt geworden und die Haupt wurde entfernt.
Mein Problem ist ich schaffe es das die erste und zweite Navigationsebene angezeigt wird (links im Menü)
aber egal was ich mache es wird die 3 und folgende nicht mehr in der Navigation angezeigt.
Das Navigations template wurde richtig in das standart template eingefügt und funktioniert ja auch.
Hier das Navigations template und darunter das css
Schon mal danke für eure Hilfe
Code: Alles auswählen
<?php
// EXPLODE PATH
$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");
// GET CURRENTS
$path1 = (isset ($PATH[1])) ? $PATH[1] : '';
$path2 = (isset ($PATH[2])) ? $PATH[2] : '';
$path3 = (isset ($PATH[3])) ? $PATH[3] : '';
$path4 = (isset ($PATH[4])) ? $PATH[4] : '';
$MainNav = '<ul>';
foreach (OOCategory::getRootCategories() as $lev1) {
if ($lev1->isOnline()):
if ($lev1->getId() == $path1) {
$MainNav .= '<li class="first"><a href="'.$lev1->getUrl().'" title="'.$lev1->getName().'" class="act">'.$lev1->getName().'</a></li>';
}
// 2nd level - no active link
else {
$MainNav .= '<li class="first"><a href="'.$lev1->getUrl().'" title="'.$lev1->getName().'">'.$lev1->getName().'</a></li>';
}
// 1st level had categories? -> go on
$lev1Size = sizeof($lev1->getChildren());
if ($lev1->getId() == $path1) {
if ($lev1Size != "0"):
// START 2nd level categories
foreach ($lev1->getChildren() as $lev2):
if ($lev2->isOnline()):
// 2nd level - active link
if ($lev2->getId() == $path2) {
$MainNav .= '<li class="sec"><a href="'.$lev2->getUrl().'" title="'.$lev2->getName().'" class="act">'.$lev2->getName().'</a></li>';
}
// 2nd level - no active link
else {
$MainNav .= '<li class="sec"><a href="'.$lev2->getUrl().'" title="'.$lev2->getName().'">'.$lev2->getName().'</a></li>';
}
// 2nd level had categories? -> go on
$lev2Size = sizeof($lev2->getChildren());
if ($lev2->getId() == $path2) {
if ($lev2Size != "0"):
// START 3nd level categories
foreach ($lev2->getChildren() as $lev3):
if ($lev3->isOnline()):
// 3nd level - active link
if ($lev3->getId() == $path3) {
$MainNav .= '<li class="sec"><a href="'.$lev3->getUrl().'" title="'.$lev3->getName().'" class="act">'.$lev3->getName().'</a></li>';
}
// 3nd level - no active link
else {
$MainNav .= '<li class="sec"><a href="'.$lev3->getUrl().'" title="'.$lev3->getName().'">'.$lev3->getName().'</a></li>';
}
// 3nd level had categories? -> go on
$lev3Size = sizeof($lev3->getChildren());
if ($lev3->getId() == $path3) {
if ($lev3Size != "0"):
// START 4rd level categories
foreach ($lev3->getChildren() as $lev4):
if ($lev4->isOnline()):
// 4rd level - active link
if ($lev4->getId() == $path4) {
$MainNav .= '<li class="third"><a href="'.$lev4->getUrl().'" title="'.$lev4->getName().'" class="act">'.$lev4->getName().'</a></li>';
}
// 4rd level - no active link
else {
$MainNav .= '<li class="third"><a href="'.$lev4->getUrl().'" title="'.$lev4->getName().'">'.$lev4->getName().'</a></li>';
}
// 4nd level had categories? -> go on
$lev4Size = sizeof($lev4->getChildren());
endif;
endforeach;
// END 4rd level categories
endif; // END by if ($lev3Size != "0"):
}
endif;
endforeach;
// END 3rd level categories
endif; // END by if ($lev2Size != "0"):
}
endif;
endforeach;
endif; // END by if ($lev1Size != "0"):
}
endif; // END by if ($lev1->isOnline())
}
$MainNav .= '</ul>';
// END 1st level categories
?>
Code: Alles auswählen
/* STYLES*/
html {height:100%;background-color:#fafcfd;}
body {background:transparent url("../_pics/bg_body.jpg") top center no-repeat;height:100%;font-size:13px;line-height:15px;font-family:Arial,Helvetica,sans-serif;color:#474848;}
* {margin:0px;padding:0px;}
p {margin:0px 25px 20px 0px;padding:0px;font-size:13px;line-height:18px;}
p a {padding:0px 0px 0px 11px;text-decoration:none;color:#474848;font-weight:bold;}
p a:hover {color:#6C8D22;}
div.trennlinie {float:left;width:643px;height:1px;margin:0px 0px 20px 0px;background:transparent url("../_pics/trennlinie.gif") 0px 0px no-repeat;}
div.spacer {float:left;width:643px;height:20px;}
a img {border:none;padding:0px;margin:0px;background-image:none;}
div.article p a {background:transparent url("../_pics/bg_sub_third_nav_act.png") 0px 12px no-repeat;color:#6C8D22;float:left;font-weight:bold;height:17px;margin:0px 0px 0px 2px;padding:5px 0px 4px 11px;text-decoration:none;width:238px;}
div.article p a:hover {background:transparent url("../_pics/bg_sub_third_nav_act.png") 0px 12px no-repeat;color:#6c8d22;float:left;text-decoration:underline;font-weight:bold;}
ul {}
ul li {list-style-position:inside;line-height:18px;}
ol {}
ol li {list-style-position:inside;line-height:18px;}
h1 {color:#6c8d22;font-size:18px;font-weight:bold;line-height:20px;margin:0px 0px 20px 0px;padding:0px;}
h2 {color:#6c8d22;font-size:16px;font-weight:bold;line-height:18px;margin:0px 0px 15px 0px;padding:0px;}
h3 {color:#6c8d22;font-size:14px;font-weight:bold;line-height:16px;margin:0px 0px 10px 0px;padding:0px;}
h4 {color:#6c8d22;font-size:12px;font-weight:bold;line-height:14px;margin:0px 0px 10px 0px;padding:0px;}
h5 {color:#6c8d22;font-size:11px;font-weight:bold;line-height:13px;margin:0px 0px 10px 0px;padding:0px;}
h6 {color:#6c8d22;font-size:10px;font-weight:bold;line-height:12px;margin:0px 0px 10px 0px;padding:0px;}
div.clearer {clear:both;display:block;font-size:0px;height:0px;line-height:0px;visibility:hidden;}
div.helper {float:left;width:100%;}
#wrapper {position:relative;min-height:100%;padding:0px 0px 0px 0px;height:auto !important;height:100%;}
/*Seiten formatierungen*/
#page {width:980px;margin:0px auto;position:relative;min-height:100%;height:auto !important;height:100%;}
/*Banner formatierungen*/
div.banner {float:left;width:980px;height:177px;margin:0px 0px 0px 0px;text-decoration:none;}
div.banner a {float:left;width:730px;height:160px;margin:13px 0px 0px 254px;text-decoration:none;}
/*Content formatierungen*/
div.content {float:left;width:100%;padding:0px 0px 170px 0px;min-height:730px;background:transparent url("../_pics/bg_sidebar_shadow.png") 314px 0px no-repeat;}
div.content div.sidebar {float:left;background:transparent url("../_pics/bg_sidebar.png") 0px 0px no-repeat;width:292px;padding:21px 0px 0px 22px;}
div.content div.text {float:right;width:643px;padding:40px 0px 0px 0px;}
div.slider {position:relative;top:0px;left:0px;width:100%;}
/*Text mit Bild link/rechts formatierungen */
div.article {width:643;margin:0px 0px 20px 0px;clear:both;}
div.article .article_box_flleft {float:left;margin:0px;padding:0px 20px 5px 0px;width:auto;}
div.article .article_box_flright {float:right;margin:0px;padding:0px 0px 5px 20px;width:auto;}
img {border:medium none;}
div.article .article_box_flleft .article_box_img {float:left;width:auto;}
div.article .article_box_flleft .article_box_title {clear:both;float:left;padding-top:3px;font-size:11px;line-height:12px;}
div.article .article_box_flright .article_box_title {clear:both;float:left;padding-top:3px;font-size:11px;line-height:12px;}
div.article div.morelink_l {padding:0px 0px 10px 0px;}
div.article div.morelink_l a {padding:0px 0px 0px 11px;text-decoration:none;color:#474848;font-weight:bold;background:transparent url("../_pics/bg_more_link_grey.png") 0px 6px no-repeat;}
div.article div.morelink_l a:hover {color:#6C8D22;background:transparent url("../_pics/bg_more_link_green.png") 0px 6px no-repeat;}
/*Text WYSIWYG formatierungen */
div.article640 {float:left;width:640px;margin:0px 0px 20px 0px;padding:0px;}
div.article640 .top {float:left;width:640px;height:auto;}
div.article640 .article {float:left;width:640px;margin:0px;padding:0px;}
div.article640 .article h2 {}
div.article640 .middle {float:left;width:640px;}
div.article640 .middle .inner2 {float:left;width:635px;padding:5px 5px 0px 0px;}
div.article640 .middle .inner2 p {margin:0px;padding:0px;}
/*Sidebar formatierungen*/
/*Sec- & Third-Navigation*/
div.sidebar ul {float:left;width:270px;margin:0px 0px 20px 0px;list-style-position:outside;list-style-type:none;padding:0px;font-size:13px;line-height:15px;font-weight:bold;}
div.sidebar ul li {float:left;list-style-type:none;margin:0px;padding:0px;background:transparent url("../_pics/bg_sub_third_nav_sep.jpg") bottom left no-repeat;}
div.sidebar ul li.first {float:left;list-style-type:none;margin:0px;padding:0px 0px 0px 0px;background:transparent url("../_pics/bg_sub_third_nav_sep.jpg") bottom left no-repeat;}
div.sidebar ul li.sec {float:left;list-style-type:none;margin:0px;padding:0px 0px 0px 16px;background:transparent url("../_pics/bg_sub_third_nav_sep.jpg") bottom left no-repeat;}
div.sidebar ul li.third {float:left;list-style-type:none;margin:0px;padding:0px 0px 0px 32px;background:transparent url("../_pics/bg_sub_third_nav_sep.jpg") bottom left no-repeat;}
div.sidebar ul li.first a {background:transparent url("../_pics/bg_sub_third_nav_inact.png") 0px 12px no-repeat;color:#474848;float:left;height:20px;margin:0px 0px 0px 2px;padding:5px 0px 4px 11px;text-decoration:none;width:254px;}
div.sidebar ul li.sec a {background:transparent url("../_pics/bg_sub_third_nav_inact.png") 0px 12px no-repeat;color:#474848;float:left;height:20px;margin:0px 0px 0px 2px;padding:5px 0px 4px 11px;text-decoration:none;width:238px;}
div.sidebar ul li.third a {background:transparent url("../_pics/bg_sub_third_nav_inact.png") 0px 12px no-repeat;color:#474848;float:left;height:20px;margin:0px 0px 0px 2px;padding:5px 0px 4px 11px;text-decoration:none;width:222px;}
div.sidebar ul li.first a.act {background:transparent url("../_pics/bg_sub_third_nav_act.png") 0px 12px no-repeat;color:#6c8d22;float:left;text-decoration:underline;}
div.sidebar ul li.first a:hover {background:transparent url("../_pics/bg_sub_third_nav_act.png") 0px 12px no-repeat;color:#6c8d22;float:left;text-decoration:none;}
div.sidebar ul li.sec a.act {background:transparent url("../_pics/bg_sub_third_nav_act.png") 0px 12px no-repeat;color:#6c8d22;float:left;text-decoration:underline;}
div.sidebar ul li.sec a:hover {background:transparent url("../_pics/bg_sub_third_nav_act.png") 0px 12px no-repeat;color:#6c8d22;float:left;text-decoration:none;}
div.sidebar ul li.third a.act {background:transparent url("../_pics/bg_sub_third_nav_act.png") 0px 12px no-repeat;color:#6c8d22;float:left;text-decoration:underline;}
div.sidebar ul li.third a:hover {background:transparent url("../_pics/bg_sub_third_nav_act.png") 0px 12px no-repeat;color:#6c8d22;float:left;text-decoration:none;}
/*Newsbox formatierungen*/
div.sidebar img {margin:0px 0px 10px 0px;}
div.sidebar p {margin:0px 0px 10px 0px;}
div.news_all_cat {float:left;width:270px;margin:0px 0px 20px 0px;}
div.news_cat {float:left;width:270px;margin:0px 0px 20px 0px;}
div.news_all_cat div.newsbox {float:left;width:100%;}
div.news_all_cat div.newsbox div.box_title {float:left;width:100%;margin:0px 0px 1px 0px;background:transparent url("../_pics/bg_news1_top.jpg") top left no-repeat;}
div.news_all_cat div.newsbox div.box_title h1 {color:#FFFFFF;font-size:16px;font-weight:bold;line-height:18px;margin:7px 15px 7px 22px;padding:0px;}
div.news_all_cat div.newsbox div.box_border {float:left;width:100%;height:1px;background:transparent url("../_pics/bg_news1_bottom1.jpg") top left no-repeat;}
div.news_all_cat div.newsbox div.box_content {float:left;width:100%;background:transparent url("../_pics/bg_news1_bottom.jpg") bottom left no-repeat;}
div.news_all_cat div.newsbox div.box_content div.box_inner{float:left;width:233px;padding:10px 15px 0px 21px;}
div.news_cat div.newsbox {float:left;width:100%;}
div.news_cat div.newsbox div.box_title {float:left;width:100%;margin:0px 0px 1px 0px;background:transparent url("../_pics/bg_news2_top.jpg") top left no-repeat;}
div.news_cat div.newsbox div.box_title h1 {color:#FFFFFF;font-size:16px;font-weight:bold;line-height:18px;margin:7px 15px 7px 22px;padding:0px;}
div.news_cat div.newsbox div.box_border {float:left;width:100%;height:1px;background:transparent url("../_pics/bg_news2_bottom1.jpg") top left no-repeat;}
div.news_cat div.newsbox div.box_content {float:left;width:100%;background:transparent url("../_pics/bg_news2_bottom.jpg") bottom left no-repeat;}
div.news_cat div.newsbox div.box_content div.box_inner {float:left;width:233px;padding:10px 15px 0px 22px;}
div.more_link {padding:0px 0px 10px 0px;}
div.content div.text div.more_link a {padding:0px 0px 0px 11px;text-decoration:none;color:#474848;font-weight:bold;background:transparent url("../_pics/bg_more_link_grey.png") 0px 6px no-repeat;}
div.content div.sidebar div.more_link a {padding:0px 0px 0px 11px;text-decoration:none;color:#474848;font-weight:bold;background:transparent url("../_pics/bg_more_link_grey.png") 0px 6px no-repeat;}
div.more_link a img {border:none;margin:0px 0px 0px 3px;}
div.content div.text div.more_link a:hover {color:#6C8D22;background:transparent url("../_pics/bg_more_link_green.png") 0px 6px no-repeat;}
div.content div.sidebar div.news_cat div.more_link a:hover {color:#78a7db;background:transparent url("../_pics/bg_more_link_blue.png") 0px 6px no-repeat;}
div.content div.sidebar div.news_all_cat div.more_link a:hover {color:#6C8D22;background:transparent url("../_pics/bg_more_link_green.png") 0px 6px no-repeat;}
/*Footer formatierungen*/
div#footer {background:transparent url("../_pics/.jpg") bottom center no-repeat;text-align:center;color:#000000;position:absolute;bottom:0px;width:100%;height:200px;}
div.footer_page {width:980px;margin:0px auto;position:relative;min-height:100%;height:auto !important;height:100%;}
div.footer_nav {float:left;text-align:center;width:581px;margin:100px 0px 0px 200px;padding:0px;background:transparent url("../_pics/bg_footer_line.gif") 0px 22px repeat-x;font-size:12px;}
div.footer_nav p {font-size:12px;margin:0px;padding-bottom:10px;}
div.footer_nav a {text-decoration:none;color:#474848;}
div.design {float:right;width:168px;height:26px;text-align:center;padding:114px 0px 0px 0px;font-size:11px;}
div.design a {float:left;color:#474848;text-decoration:none;width:100%;height:20px;padding:6px 0px 0px 0px;}
/* Kontaktformular */
div.form {float:left;width:450px;}
div.formgen {float:left;width:450px;}
form#doform47 {float:left;width:450px;}
div.formgen label {float:left;height:17px;display:block;text-align:left;width:180px;margin-bottom:5px;padding-top:3px;color:#6C8D22;}
div.formgen input {float:left;height:20px;width:235px;margin-bottom:5px;}
div.formgen textarea {float:left;height:100px;width:235px;}
div.formgen span.checkspan {float:left;width:419px;margin:0px 0px 10px 0px;}
div.formgen span.checkspan label {float:left;height:auto;display:block;text-align:left;width:350px;margin-bottom:0px;padding-top:2px;color:#6C8D22;}
div.formgen span.checkspan input.formcheck{float:right;margin:0px 0px 0px 0px;width:20px;}
div.formgen input.formsubmit {float:left;width:241px;height:25px;color:#000000;cursor:pointer;margin:5px 0px 5px 180px;padding:2px 5px;text-align:center;}
div.formgen input.formcheck {float:left;margin:0px 0px 0px 180px;width:20px;}
div.formgen select.formselect {float:left;height:20px;width:237px;margin-bottom:5px;}