Im nächsten Schritt bindet ihr die benötigte Style-Datei in euer Projekt ein. Diese Datei findet ihr als Dateianhang an diesem Post. (menuehorizontal.css)
Bei meinem Testprojekt habe ich bemerkt, dass
NOF Inhalte der Styledatei löscht, wenn man die Datei als Asset einbindet und über NOF ins Projekt integriert. Deshalb rate ich in diesem Falle von dieser Vorgehensweise ab und empfehle die Datei von Hand einzubinden und von Hand auf den Server zu laden.
Speichert euch also die Datei aus dem Anhang ab und kopiert sie sowohl in den html-Ordner eurer lokalen Publizierung (für Offline-Tests) als auch in den html-Ordner auf eurem Server. (ich beziehe mich hier auf die
Publizierung nach Assettyp)
Nachdem ihr das erledigt habt, tragt ihr die Style-Datei zwischen den Head-Tags eurer Seite ein. Da man das Menü vermutlich auf allen Seiten nutzen wird, empflielt es sich, die Eintagung im Masterrahmen-HTML vorzunehmen.
Legt euch deshalb zunächst für eure Startseite einen eigenen Masterrahmen an >>
www.nof-community.de/index.php/topic,354.0 und tragt danach den nachfolgenden Code-Schnipsel ins Masterrahmen-HTML der Starseite und ins Masterrahmen-HTML einer Unterseite ein. (bei mehereren MB bitte auch in die anderen MB einfügen)
------------------------------------------------------------------------------------------------
Code zum Einfügen zwischen den Head-Tags der Start-Seite------------------------------------------------------------------------------------------------
<link rel="stylesheet" type="text/css" href="./html/menuehorizontal.css">
------------------------------------------------------------------------------------------------
Code zum Einfügen zwischen den Head-Tags der Unter-Seiten------------------------------------------------------------------------------------------------
<link rel="stylesheet" type="text/css" href="../html/menuehorizontal.css">