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: Einfacher Wechseltext in NetObjects Fusion  (Gelesen 5329 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Einfacher Wechseltext in NetObjects Fusion
« am: 02. Oktober 2014, 22:26:44 »

In diesem Tutorial möchte ich euch zeigen, wie ihr in NOF einen einfachen Wechseltext erstellen könnt. Wie dieser Text aussehen kann, könnt ihr wie immer auf unserer Demoseite ansehen.
http://demos.nof-community.de/einfacher-wechseltext-in-netobjects-fusion/demo.html
« Letzte Änderung: 03. Oktober 2014, 08:21:20 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Einfacher Wechseltext in NetObjects Fusion
« Antwort #1 am: 03. Oktober 2014, 08:51:58 »
Das Erstellen eines solchen Wechseltextes ist eigentlich recht simpel.
Ihr benötigt hierfür eine Einfügung ziwschen den Head-Tags eurer Seite, welche aus etwas CSS und einem kleinen Script betseht und eine Einfügung innerhalb eurer Seite, welche die wechselnden Texte beinhaltet.

Beginnen wir mit der Einfügung des Codes zwischen den Head-Tags eurer Seite. Fügt also den nachfolgenden Code zwischen den Head-Tags eurer Seite und nutzt hierzu - falls nötig - die verlinkte Anleitung.

Die meisten Angaben, die eventuell von euch geändert werden möchten sind im CSS-Code kommentiert. Die gelb gekennzeichnete Zeile ist anzupassen, wenn ihr die Geschwindigkeit des Wechsels zwischen den Texten ändern möchtet.

Code: HTML5
  1. <style type="text/css">
  2. #dropcontentsubject{
  3.     width: 300px; /*Breite der Box*/
  4. }
  5. .dropcontent{
  6.     width: 300px;  /*Breite der Box*/
  7.     height: 100px;  /*Höhe der Box*/
  8.     border: 1px solid #11385F; /*Rahmenstärke und -farbe/
  9.     background-color: #ffffff;  /*Hintergrundfarbe*/
  10.     padding: 8px; /*Abstand des Textes zum Rand*/
  11.     display:block;
  12.     -webkit-box-shadow: 0px 0px 5px #999; /*Schatten*/
  13.     -moz-box-shadow: 0px 0px 5px #999; /*Schatten*/
  14.     box-shadow: 0px 0px 5px #999 /*Schatten*/
  15. }
  16.  
  17. <script type="text/javascript">
  18. var tickspeed=6000 // (6000=6 Sekunden)
  19. var enablesubject=0
  20.  
  21. if (document.getElementById){
  22. document.write('<style type="text/css">n')
  23. document.write('.dropcontent{display:none;}n')
  24. document.write('</style>n')
  25. }
  26.  
  27. var selectedDiv=0
  28. var totalDivs=0
  29.  
  30. function contractall(){
  31. var inc=0
  32. while (document.getElementById("dropmsg"+inc)){
  33. document.getElementById("dropmsg"+inc).style.display="none"
  34. inc++
  35. }
  36. }
  37.  
  38.  
  39. function expandone(){
  40. var selectedDivObj=document.getElementById("dropmsg"+selectedDiv)
  41. contractall()
  42. document.getElementById("dropcontentsubject").innerHTML=selectedDivObj.getAttribute("subject")
  43. selectedDivObj.style.display="block"
  44. selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
  45. setTimeout("expandone()",tickspeed)
  46. }
  47.  
  48. function startscroller(){
  49. while (document.getElementById("dropmsg"+totalDivs)!=null)
  50. totalDivs++
  51. expandone()
  52. if (!enablesubject)
  53. document.getElementById("dropcontentsubject").style.display="none"
  54. }
  55.  
  56. if (window.addEventListener)
  57. window.addEventListener("load", startscroller, false)
  58. else if (window.attachEvent)
  59. window.attachEvent("onload", startscroller)
  60. </script>
« Letzte Änderung: 03. Oktober 2014, 09:05:41 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Einfacher Wechseltext in NetObjects Fusion
« Antwort #2 am: 03. Oktober 2014, 09:09:52 »
Wie bereits angekündigt, benötigt ihr nun noch den Code für den Wechsel-Text. Diesen platziert ihr nach dieser Anleitung in einem Textfeld und bestückt ihn an den gekennzeichneten Stellen mit euren eigenen Texten.

Code: HTML5
  1. <div align="center"><div id="dropcontentsubject"></div>
  2.  
  3. <div id="dropmsg0" class="dropcontent">
  4. <div align="left">Hier Text 1 einfügen</div>
  5. </div>
  6.  
  7. <div id="dropmsg1" class="dropcontent">
  8. <div align="left">Hier Text 2 einfügen</div>
  9. </div>
  10.  
  11. <div id="dropmsg2" class="dropcontent">
  12. <div align="left">Hier Text 3 einfügen</div>
  13. </div>
  14.  
  15. <!-- hier die Codeschnipsel für weitere Texte einfügen, dieser Kommentar kann entfernt werden -->
  16. </div>

Für jeden weiteren Text fügt ihr einfach anstelle meines Kommentars
die nachfolgenden 3 Zeilen ein.
Code: HTML5
  1. <div id="dropmsg2" class="dropcontent">
  2. <div align="left">Hier Text 3 einfügen</div>
  3. </div>
  4.  
« Letzte Änderung: 03. Oktober 2014, 09:18:46 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Einfacher Wechseltext in NetObjects Fusion
« Antwort #3 am: 11. Oktober 2014, 10:07:30 »
Viel Spaß und gutes Gelingen! :)

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion