Forum: NOF - Tutorials (185 anschauliche Tutorials zum Lesen und Nacharbeiten) > NOF-Navigation und CSS-Navigation

NOF-Navigation & ihre Einstellungen - Teil 7 - (externe Links einbinden)

(1/1)

nettesekel:
Natürlich ist es auch möglich, Buttons  in die Navigationleiste zu integrieren, die auf externe Seiten verlinken.  Wie ihr das in die Tat umsetzen könnt, möchte ich euch nun auch noch kurz zeigen.

Externe Links können sowohl in eine Site-Navigation als auch in eine benutzerdefinierte Navigationsleiste aufgenommen werden.
Nutzt ihr eine benutzerdefinierte Navi, klickt ihr den Button „Bearbeiten...”, habt ihr euch für die Site-Navigation entschieden, dann klickt ihr den Button „Weitere Seiten”.

nettesekel:
Bei der benutzerdefinierten Variante öffnet sich ein Fenster in welchem ihr links euere Sitestruktur und rechts eure benutzerdefinierte Navigationsstruktur seht.



Bei der Site-Navigation öffnet sich das gleiche Fenster, nur ist die rechte Hälfte des Fensters leer, da hier keine Navigationsstruktur definiert ist, weil sich diese nach der Sitestruktur richtet.

nettesekel:
Die Url taucht nun im linken Teil des Fensters zweimal nebeneinander auf. Einmal in der Spalte „Name” und einmal in der Spalte „Inhalt”. Klickt in der Spalte „Name” mit einem einfachen Klick auf die Url und danach nocheinmal. Nun könnt ihr den Namen editíeren und den Begriff eintragen, der auf der navi-Schaltfläche erscheinen soll.



Ich habe mich in meinem Beispiel für den Namen „Forum” entschieden. Nachdem ihr den Namen vergeben habt, klickt ihr den Button „Hinzufügen >” und die Schaltfläche mit dem externen Link wurde eurer Navigationsleiste hinzugefügt.
Bei der benutzerdefinierten Variante könnt ihr die Schaltfläche nun noch an die gewünschte Position verschieben.



Ihr solltet nun die neue Schaltfläche in der rechten Seite des Fensters einmal anklicken, so dass diese blau unterlegt ist und im Anschluss im unteren Pulldownmenü unter Ziel „Bestehend” wählen.



Die Ansicht erweitert sich und im zweiten Pulldownmenü wählt ihr nun „_blank”.
Danach schließt ihr den Vorgang mit einem Klick auf den OK-Button ab.
Die letzte einstellung sorgt dafür, dass sich die externe Seite bei Klick auf den Navi-.Button in einem neuen Browser-Tab öffnet.




Und hier auch noch ein praktisches Beispiel: http://demos.nof-community.de/Navigation/externerLink/index.html

Navigation

[0] Themen-Index