Globales Menü ausrichten

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

Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.

Über uns

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

Globales Menü ausrichten

Über uns

Cookie-Einstellungen