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: Slide Menu in NOF einbauen  (Gelesen 9453 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Slide Menu in NOF einbauen
« am: 06. März 2015, 08:44:01 »
Einen schönen guten Morgen, ich bin mal wieder überfordert.

Ich versuche seit Stunden dieses Slide Menu in NOF zu integrieren:

http://tympanus.net/codrops/2013/04/17/slide-and-push-menus/

Kann ja nicht so schwer sein, eigentlich :-(

Ich habe also die Datei heruntergeladen. Habe dann im Layout html

<link rel="stylesheet" type="text/css" href="./slide/css/default.css" />
<link rel="stylesheet" type="text/css" href="./slide/css/component.css" />
<script src="./slide/js/modernizr.custom.js"></script>

eingefügt. Die Dateien in den entsprechenden Ordner gepackt. Und ein Textfeld aufgezogen und folgenden Code eingefügt.

<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
         <h3>Menu</h3>
         <a href="#">Celery seakale[/url]
         <a href="#">Dulse daikon[/url]
         <a href="#">Zucchini garlic[/url]
         <a href="#">Catsear azuki bean[/url]
         <a href="#">Dandelion bunya[/url]
         <a href="#">Rutabaga[/url]
      </nav>


Bei Publizierung kommt aber leider gar nix  8-) 8-)

Irgendwas scheint noch zu fehlen.
Vielen Dank!!!!

Offline Jim Panse

  • Community Mitglied
  • ***
  • Beiträge: 88
Re: Slide Menu in NOF einbauen
« Antwort #1 am: 06. März 2015, 10:27:36 »
das liegt wohl an deinem doc-type.
der Tag <nav> wird ist eine html5 Spezifikation und html5 kannst Du mit NOF12 nicht generieren.

Ersetze mal deinen doctype mit <!DOCTYPE html> mit einem Texteditor. dann wirds wohl hinhauen.

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Re: Slide Menu in NOF einbauen
« Antwort #2 am: 06. März 2015, 10:47:41 »
Äh, wie kann ich meinen Doc Type wohl genau ändern? (facepalm)

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Slide Menu in NOF einbauen
« Antwort #3 am: 06. März 2015, 10:52:06 »
Der Doctype ist die erste Zeile der html-Seite. Ich würde testweise die fertig generierte Seite mal im Editor öffnen, die erste Zeile löschen und den Doctype von Jim Panse eintragen. Speichern und die Seite im Browser öffnen.

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Re: Slide Menu in NOF einbauen
« Antwort #4 am: 06. März 2015, 11:05:51 »
Ok, habe das nun mal so gemacht. Menu erscheint dennoch keins

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Slide Menu in NOF einbauen
« Antwort #5 am: 06. März 2015, 11:12:52 »
Jo, da bleibt dann wohl nur die Glaskugel...  (rofl)
Pack das mal auf den Server, so kann man nichts sagen.  ;-)

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Re: Slide Menu in NOF einbauen
« Antwort #6 am: 06. März 2015, 11:28:35 »
Ist der Link bei dir eingetroffen nettesekel?  :-?

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Slide Menu in NOF einbauen
« Antwort #7 am: 06. März 2015, 11:41:29 »
So aus dem Bauch raus würde ich mal sagen, du musst zunächst deinem Body die Klasse
Code: HTML5
  1. class="cbp-spmenu-push"
zuweisen.

Und dann besteht das Ganze ja einmal aus dem versteckten Menü

Code: HTML5
  1.              <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
  2.                         <h3>Menu</h3>
  3.                         <a href="#">Celery seakale</a>
  4.                         <a href="#">Dulse daikon</a>
  5.                         <a href="#">Zucchini garlic</a>
  6.                         <a href="#">Catsear azuki bean</a>
  7.                         <a href="#">Dandelion bunya</a>
  8.                         <a href="#">Rutabaga</a>
  9.                 </nav>
  10.                 <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
  11.                         <h3>Menu</h3>
  12.                         <a href="#">Celery seakale</a>
  13.                         <a href="#">Dulse daikon</a>
  14.                         <a href="#">Zucchini garlic</a>
  15.                         <a href="#">Catsear azuki bean</a>
  16.                         <a href="#">Dandelion bunya</a>
  17.                         <a href="#">Rutabaga</a>
  18.                 </nav>
  19.                 <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s3">
  20.                         <h3>Menu</h3>
  21.                         <a href="#">Celery seakale</a>
  22.                         <a href="#">Dulse daikon</a>
  23.                         <a href="#">Zucchini garlic</a>
  24.                         <a href="#">Catsear azuki bean</a>
  25.                         <a href="#">Dandelion bunya</a>
  26.                         <a href="#">Rutabaga</a>
  27.                         <a href="#">Celery seakale</a>
  28.                         <a href="#">Dulse daikon</a>
  29.                         <a href="#">Zucchini garlic</a>
  30.                         <a href="#">Catsear azuki bean</a>
  31.                         <a href="#">Dandelion bunya</a>
  32.                         <a href="#">Rutabaga</a>
  33.                 </nav>
  34.                 <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s4">
  35.                         <h3>Menu</h3>
  36.                         <a href="#">Celery seakale</a>
  37.                         <a href="#">Dulse daikon</a>
  38.                         <a href="#">Zucchini garlic</a>
  39.                         <a href="#">Catsear azuki bean</a>
  40.                         <a href="#">Dandelion bunya</a>
  41.                         <a href="#">Rutabaga</a>
  42.                         <a href="#">Celery seakale</a>
  43.                         <a href="#">Dulse daikon</a>
  44.                         <a href="#">Zucchini garlic</a>
  45.                         <a href="#">Catsear azuki bean</a>
  46.                         <a href="#">Dandelion bunya</a>
  47.                         <a href="#">Rutabaga</a>
  48.                 </nav>
  49.  

und dann aus den Buttons die zum Einblenden des Menüs sichtbar sind.

Code: HTML5
  1.                         <div class="main">
  2.                                 <section>
  3.                                         <h2>Slide Menus</h2>
  4.                                         <!-- Class "cbp-spmenu-open" gets applied to menu -->
  5.                                         <button id="showLeft">Show/Hide Left Slide Menu</button>
  6.                                         <button id="showRight">Show/Hide Right Slide Menu</button>
  7.                                         <button id="showTop">Show/Hide Top Slide Menu</button>
  8.                                         <button id="showBottom">Show/Hide Bottom Slide Menu</button>
  9.                                 </section>
  10.                                 <section class="buttonset">
  11.                                         <h2>Push Menus</h2>
  12.                                         <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
  13.                                         <button id="showLeftPush">Show/Hide Left Push Menu</button>
  14.                                         <button id="showRightPush">Show/Hide Right Push Menu</button>
  15.                                 </section>
  16.                         </div>
  17.                 </div>

Du musst dir dann allerdings den Code der Variante aussuchen, die du gern hättest.

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Re: Slide Menu in NOF einbauen
« Antwort #8 am: 06. März 2015, 11:51:58 »
Ok, und wie weise ich in NOF dem Body die Klasse  zu?? (whew)

Und der ganze Rest kommt ins Textfeld?


Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Slide Menu in NOF einbauen
« Antwort #9 am: 06. März 2015, 12:04:59 »
Ja, Masterrahmen oder Layout-HTML aufrufen um die Klasse im Body-Tag einfügen.

Jepp, der Rest sollte ins Textfeld gehören.

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Re: Slide Menu in NOF einbauen
« Antwort #10 am: 06. März 2015, 12:22:24 »
Oh man! Ich krieg die Krise. Sieht jetzt nicht unbedingt besser aus um ehrlich zu sein. Und das Menu kommt einfach nicht  (cry) (cry) (cry) (cry)

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Slide Menu in NOF einbauen
« Antwort #11 am: 06. März 2015, 12:24:29 »
Wie war das noch mit dem Doctype?  (rofl)

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Re: Slide Menu in NOF einbauen
« Antwort #12 am: 06. März 2015, 12:26:08 »
geht trotzdem nicht!!

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Slide Menu in NOF einbauen
« Antwort #13 am: 06. März 2015, 12:28:03 »
ich sehe online nur LOOSE...

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Re: Slide Menu in NOF einbauen
« Antwort #14 am: 06. März 2015, 12:29:44 »
hab die index jetzt nochmal hochgeladen. Mit dem geänderten doctype.
Sieht shit aus...... (cry)

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion