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

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Auch interessant