0251 / 590 837 15
info@a-coding-project.de
;

Globales Menü ausrichten

Code & Blog Logo

Code & Blog Logo

Das globale Menü des CMS soll wie auch in diesem Blog oben stehen. Die einzelnen Menüounkte sollen nicht untereinander, sondern nebeneinander stehen. Deswegen, müssen die folgende CSS Eigenschaft haben: display:inline;. Außerdem sollen die Punkte (vor dem eigentlichen Text) nicht angezeigt werden. Das geht mit list-style-type : none; im ul Tag.

Der neue Code der index.php im Verzeichnis system/skins/default sieht nun so aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml/" xml:lang="de">
  <head>
    <?PHP
      sys::includeHeader();
    ?>
    <style>
      body{
        background-color: #fff;
        background-image: url('system/skins/default/images/bg.jpg');
        background-repeat:repeat-x;
        color: <?PHP echo sys::getColor("forecolor"); ?>;
      }
      a{
        color: <?PHP echo sys::getColor("highlight1"); ?>;
      }
      a:visted{
        color: <?PHP echo sys::getColor("highlight2"); ?>;
      }
      #globalmenu{
        list-style-type : none;
      }
      #globalmenu li{
        display:inline;
      }
    </style>
  </head>
  <body>
    <?PHP
      sys::displayGlobalMenu("<ul id="globalmenu">","</ul>","<li>","</li>","globalmenu");
    ?>
    <div id="breadcrump">
      <?PHP
        sys::displayBreadcrump(" -&gt; ","breadcrump","bc");
      ?>
    </div>
    <?PHP
      sys::includeContent();
      sys::displayLocalMenu("<ul>","</ul>","<li>","</li>","localmenu");
    ?>
  </body>
</html>

Und das ist das Ergbnis (es kann sich schon wieder geändert haben):
http://cms.stevieswebsite.de/testseite.htm