Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Alles hat ein Ende...

April 2017

Eine Weisheit der Dakota-Indianer sagt:
"Wenn Du entdeckst, dass Du ein totes Pferd reitest, steig ab!"

Vor fast fünf Jahren habe ich die NOF-Community gegründet und nachdem just zu diesem Zeitpunkt das „alte NOF-Forum“ quasi über Nacht vom Betreiber geschlossen wurde, war mein Forum für viele Nutzer von NetObjects Fusion eine willkommene Alternative.

Inzwischen sind weit über 5000 NetObjects-Nutzer in der NOF-Community registriert und täglich kommen weitere hinzu. An interessierten Mitgliedern fehlt es also nicht. Was aber fehlt, sind Mitglieder, die Lust haben, anderen Nutzern bei der Lösung ihrer vielfältigen Probleme in der Anwendung von NetObjects Fusion zu helfen. Vielleicht, weil viele von ihnen - ebenso wie ich - das Interesse an NOF verloren haben und zwischenzeitlich mit anderen Programmen arbeiten.

Aktuell ist es so, dass der Support wie die Kosten für den Betrieb der NOF-Community fast ausschließlich von mir übernommen werden. Dies, und die Tatsache, dass ich die Arbeit mit NetObjects Fusion nicht mehr für zeitgemäß halte, veranlasst mich, den aktiven Forenbetrieb zu beenden. Die Beiträge, Tipps und Anleitungen aus den letzten Jahren stehen ab heute nur noch als Nachschlagewerk zur Verfügung.

Ich bedanke mich an dieser Stelle ganz herzlich bei allen, die mich und die NOF-Community in den vergangenen Jahren unterstützt haben.

Beste Grüße nettesekel

Die letzten Beiträge

Absturz bei FTP Publizierung
von nettesekel
16. April 2017, 12:51:56

E-Masil Adresse herausfinden
von nettesekel
11. April 2017, 16:16:20

Keine Neuinstallation möglich
von nettesekel
10. April 2017, 16:00:27

Publizieren geht nicht
von musikavokale
09. April 2017, 23:15:50

NOF 15
von nettesekel
04. April 2017, 23:55:26

Feststehender Seitenbereich
von nettesekel
01. April 2017, 17:37:12

Aufklappbare Navigation
von nettesekel
31. März 2017, 12:50:30

Nov 12 zum hare ausreisen
von Jim Panse
26. März 2017, 11:48:03

Lytebox Dateiablage
von fahrzeugseiten
21. März 2017, 23:23:23

* Schatznasen Feed

* Aquablogger Feed

* Strickzeugs Feed

* Links für Katzenfreunde

* ...

Fachanwalt für Internet-Recht C.Schmietenknop

* Friendship

DER Katzenblog – mit tollen Tipps und Ideen für deine Katze(n) <3

Autor Thema: fremde Navigation einbauen  (Gelesen 3159 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline viptours-de

  • Neuling
  • *
  • Beiträge: 6
fremde Navigation einbauen
« am: 06. Mai 2013, 15:32:07 »
Ich würde gerne folgende Navigation in NOF12 einbauen:
http://css3menu.com

Wie baue ich statt der "serienmäßigen" Navigation diese ein?
Irgendwie komme ich nicht weiter.
Hat jemand einen Tipp?

Offline Dada

  • Supporter
  • *****
  • Beiträge: 1631
Re: fremde Navigation einbauen
« Antwort #1 am: 06. Mai 2013, 21:29:33 »
Hallo viptours-de.
Willkommen im Forum.

Das Programm erzeugt doch garantiert die benötigen Dateien und Bespiele.
Kannst du die mal als Datei hier anhängen, dann kann man mal drüber schauen.

Grüße
Dada

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: fremde Navigation einbauen
« Antwort #2 am: 06. Mai 2013, 21:41:46 »
Ja, das Prog generiert den Code für die Navi, welchen man dann ins html eines Textfeldes eingeben muss. Ich habe das vor einer Weile mal ausprobiert. Es geht und ist nicht schwer. Weiß die Details aber nicht mehr aus dem Kopf...

Offline viptours-de

  • Neuling
  • *
  • Beiträge: 6
Re: fremde Navigation einbauen
« Antwort #3 am: 07. Mai 2013, 07:35:14 »
Habe hier ein Beispiel der Navigation:
http://www.viptours.de/Menue/

Datei kann ich aufgrund der Forenregeln keine anhängen.

Als iFrame funktioniert es nicht, da ja damit nichts "überlappt".

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: fremde Navigation einbauen
« Antwort #4 am: 07. Mai 2013, 10:15:02 »
Nein, als IFrame macht man das auch nicht.  :)

Wenn du diese Datei, die du da hochgeladen hast im Editor öffnest, oder einfach den QT der Seite aufrufst, dann findest du zwei kommentierte Passagen.

Kommentare sehen so aus... nur zum besseren Verständnis:
Code: HTML5
  1. <!-- Start css3menu.com HEAD section -->
Code: HTML5
  1. <!-- End css3menu.com HEAD section -->

Die Einfügungen beginnen mit einem Kommentar und enden mit einem Kommentar. So weißt du genau, von wo bis wo du den Code kopieren musst.


Der erste Teil sieht so aus:
Code: HTML5
  1.         <!-- Start css3menu.com HEAD section -->
  2.         <link rel="stylesheet" href="CSS3 Menu_files/css3menu1/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>
  3.         <!-- End css3menu.com HEAD section -->
  4.  

und gehört, wie es der Kommentar schon sagt, zwischen die Head-Tags deiner Seite.***  Wie man das macht, habe ich hier erklärt: www.nof-community.de/index.php/topic,851.0.html

Der zweite Abschnitt ist der fürs Menü:

Code: HTML5
  1. <!-- Start css3menu.com BODY section -->
  2. <ul id="css3menu1" class="topmenu">
  3.         <li class="topfirst"><a href="http://www.viptours.de" target="_blank" style="height:18px;line-height:18px;">viptours.de</a></li>
  4.         <li class="toplast"><a href="#" style="height:18px;line-height:18px;"><span>Internetbuchungen</span></a>
  5.         <ul>
  6.                 <li><a href="http://www.hotel.de" target="_blank">Hotel</a></li>
  7.                 <li><a href="#">Item 1 1</a></li>
  8.                 <li><a href="http://www.aida.de" target="_blank">Schiff</a></li>
  9.         </ul></li>
  10. </ul><p class="_css3m"><a href="http://css3menu.com/">Creating CSS Buttons Css3Menu.com</a></p>
  11. <!-- End css3menu.com BODY section -->

...er kommt in den Body-Tag, also dort hin, wo all deine Seiteninhalte sind. Dazu fügst du dort, wo die Navi erscheinen soll ein Textfeld ein und platzierst den Code im html des Textfeldes. Wie das geht, ist hier kurz beschrieben: www.nof-community.de/index.php/topic,47.0.html

------------------------------------------------------------------------------------

*** in diesem Code befindet sich der Pfad zur Styledatei, er muss natürlich angepasst werden. Da von NOF selbst Datei mit dem Namen style.css generiert wird, solltest du den Namen der Styledatei ebenfall anpassen.

Alternativ, kannst du den ersten Code-Schnipsel auch aussen vor lassen und die Styledatei nur umgenennen und als Asset einbinden www.nof-community.de/index.php/topic,11.0.html
Anschließend kannst du die Datei im Design als Styledatei fest ins Projekt einbinden. Das hat den Vorteil dass die Datei dann auch von NOF auf den Server geladen wird und du sie nicht von Hand dort platzieren musst.

Das wars auch schon. :)

Viel Erfolg!


« Letzte Änderung: 07. Mai 2013, 10:34:09 von nettesekel »

Offline viptours-de

  • Neuling
  • *
  • Beiträge: 6
Re: fremde Navigation einbauen
« Antwort #5 am: 07. Mai 2013, 10:29:44 »
SUPER!

Danke für die rasche und ausführliche Antwort.
Ich probiere das heute Abend aus.

Offline viptours-de

  • Neuling
  • *
  • Beiträge: 6
Re: fremde Navigation einbauen
« Antwort #6 am: 09. Mai 2013, 16:37:14 »
Ich habe eine "Testseite" erstellt und die Navigation - wie oben empfohlen - eingebaut.
Firefox, Safari, Opera und Google Chrome funktionieren.

ABER:
Beim IE  tut sich recht wenig.

Beim drüber fahren mit der Mouse verändert sich keine Farbe.
Und nach unten ausklappen tut auch nichts.

Ich bin ratlos - hier die Testseite:
www.viptours.de/test/
« Letzte Änderung: 09. Mai 2013, 16:42:17 von viptours-de »

Offline joya

  • Community Mitglied
  • ***
  • Beiträge: 217
Re: fremde Navigation einbauen
« Antwort #7 am: 09. Mai 2013, 16:41:39 »
Stimmt nicht so ganz, schau!

Offline Dada

  • Supporter
  • *****
  • Beiträge: 1631
Re: fremde Navigation einbauen
« Antwort #8 am: 09. Mai 2013, 16:43:18 »
Bei mir funktioniert das Menü im FF.
Hoverfarbe ist gelb, in den Menüs ein grau.
IE leider nicht.

In deinen Quelltext sieht man das du die CSS zweimal drin stehen hast.

Code: HTML5
  1. head>
  2. <title>Home</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  4. <meta name="Generator" content="NetObjects Fusion 12 (http://NetObjects.com)">
  5. <!-- Start css3menu.com HEAD section -->
  6. <link rel="stylesheet" href="CSS3 Menu_files/css3menu1/style.css" type="text/css" /><style
  7. type="text/css">._css3m{display:none}</style>
  8. <!-- End css3menu.com HEAD section -->
  9. <link rel="stylesheet" type="text/css" href="./fusion.css">
  10. <link rel="stylesheet" type="text/css" href="./style.css">
  11. <link rel="stylesheet" type="text/css" href="./site.css">
  12. </head>
  13. <body style="margin: 0px;">
  14.   <table border="0" cellspacing="0" cellpadding="0" width="400">
  15.     <tr valign="top" align="left">
  16.       <td width="100" height="58"><img src="./clearpixel.gif" width="100" height="1" border="0" alt=""></td>
  17.       <td width="300"><img id="Banner1" height="58" width="300" src="./Home_NBanner.gif" border="0" alt="Home" title="Home"></td>
  18.     </tr>
  19.   </table>
  20.   <table border="0" cellspacing="0" cellpadding="0" width="860">
  21.     <tr valign="top" align="left">
  22.       <td width="89" height="46"><img src="./clearpixel.gif" width="89" height="1" border="0" alt=""></td>
  23.       <td width="771"><img src="./clearpixel.gif" width="771" height="1" border="0" alt=""></td>
  24.     </tr>
  25.     <tr valign="top" align="left">
  26.       <td></td>
  27.       <td width="771" class="TextObject">
  28.         <p style="margin-bottom: 0px;"><!-- Start css3menu.com HEAD section -->
  29.   <link rel="stylesheet"
  30. href="CSS3%20Menu_files/css3menu1/style.css" type="text/css">
  31.   <style type="text/css">._css3m{display:none}</style><!-- End css3menu.com HEAD section -->
  32. </head>

« Letzte Änderung: 09. Mai 2013, 16:44:59 von Dada »

Offline viptours-de

  • Neuling
  • *
  • Beiträge: 6
Re: fremde Navigation einbauen
« Antwort #9 am: 09. Mai 2013, 16:44:52 »
uhipm ... danke ... Du warst zu schnell mit der Antwort.

Es betrifft nur den IE, wo es nicht funktioniert.
Zumindest IE8 in Verbindung mit win7

Offline Dada

  • Supporter
  • *****
  • Beiträge: 1631
Re: fremde Navigation einbauen
« Antwort #10 am: 09. Mai 2013, 17:10:11 »
Der IE9 läuft bei deiner Seite im Quirks-Modus, stell ich auf IE9 Standartansicht geht das Menü auch im IE.
Der wird automatisch anhand des deklarierten Doctypes gewählt.

Das kannst du bei dir in NOF abstellen/umstellen
.
Gehe auf Werkzeuge>Optionen>Aktuelle Site..
Klicke dort auf den Button "HTML-Optionen" und entferne in dem neuen Fenster das Häckchen bei "verwende Quirks-Modus Doctype"
« Letzte Änderung: 09. Mai 2013, 17:23:00 von Dada »

Offline viptours-de

  • Neuling
  • *
  • Beiträge: 6
Re: fremde Navigation einbauen
« Antwort #11 am: 09. Mai 2013, 19:02:04 »
Es klappt, Dada!
Danke nochmals für die Hilfe.
Hat mich sehr gefreut!

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion