zisslaweng.de

Sitemap: Vorbereitung...

Eine neue Methode in die Datei "z_htmlclass.php5" eingefügt sorgt für die Darstellung

function write_Map($map) {
  $l_start = 0;
  $ret = "<div id=\"SITEMAP\">";
  foreach ($map as $m) {
    $l_akt = level_site($m->menue_level);
    if ($l_akt > $l_start) {
      for ($j = $l_akt - $l_start; $j > 0; $j--){
        $ret .= "<div>"; 
      }
      $l_start = $l_akt;
    } else {
      if ($l_akt < $l_start ){
        for ($j = $l_start-$l_akt; $j > 0; $j--){
          $ret .= "</div>"; 
        }
        $l_start = $l_akt;
      }
    }
    if ($l_start == 0 ) {
      $ret .= "<div><a href=\"../".$m->pfad."/".$m->datei."\">";
      $ret .= htmlentities($m->main); 
      $ret .= "</a></div>\n";				
      $ret .= "<div><div><a href=\"../".$m->pfad."/".$m->datei."\">";
      $ret .= htmlentities($m->menue_text); 
      $ret .= "</a></div></div>\n";
    } else {
      $ret .= "<div><a href=\"../".$m->pfad."/".$m->datei."\">";
      $ret .= htmlentities($m->menue_text); 
      $ret .= "</a></div>\n";
    }
  }
  for ($j = $l_start; $j > 0; $j--){
    $ret .= "</div><!-- Ende -->";
  }
  $ret .= "</div>";
  return $ret;
}

Sitemap: ...und die Ausgabe.

<? echo Html::write_Map($map); ?>

Schalten Sie mal in der Sitemap Ansicht in Ihrem Browser die Stylesheets aus. Das ist tatsächlich alles, denn den Rest erledigt

CSS, voilá

#SITEMAP {font-family: Verdana, Helvetica, Andale Mono, sans serif;
    font-size:11px; margin: 10px; border:thick groove #d0d0d0; 
    width:450px;padding:10px;}
#SITEMAP div { width: 430px; border-left: thin solid #f16733;
    margin-left:20px;}
#SITEMAP div a {border-left: 2px solid #f16733;}
#SITEMAP div div {width: 380px; margin-left: 50px; 
    border-left: thin solid red;}
#SITEMAP div div a {border-left: 2px solid red;}
#SITEMAP div div div {width: 330px; border-left: thin solid #a20120;}
#SITEMAP div div div a {border-left: 2px solid #a20120;}
#SITEMAP div div div div {width:280px; border-left: thin solid blue;}
#SITEMAP div div div div a {border-left: 2px solid blue;}
#SITEMAP a { color: #48546a; white-space:nowrap; display:block; 
    padding: 1px 0px 1px 5px; margin-top:1px; text-decoration: none}
#SITEMAP a:hover { background-color: #fff7d2;}