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: liteAccordion in Nof einbauen möglich?  (Gelesen 4040 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: liteAccordion in Nof einbauen möglich?
« Antwort #15 am: 27. Februar 2013, 20:10:01 »
Wenn ich mal Zeit habe, tute ich mal was dazu... jetzt mal auf die Schnelle...

Du benötigst folgende Dateien:

jquery.easyAccordion.js - http://demos.nof-community.de/jQuery%20Easy%20Accordion%20Plugin/scripts/jquery.easyAccordion.js

utility.js
- http://demos.nof-community.de/jQuery%20Easy%20Accordion%20Plugin/scripts/utility.js

Die Dateien legst du in einen Ordner mit dem Namen "scripts" ins Rootverzeichnis deines Servers und bei Bedarf in deinen Ordner lokale Publizierung.

Ins Seiten-html zwischen die Head-Tags gibst du nun folgenden Code ein:

Zitat
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/jquery.easyAccordion.js"></script>
<script type="text/javascript" src="./scripts/utility.js"></script>

      <style type="text/css">
         
      
      /* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
      
      .easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
      .easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
      .easy-accordion dt,.easy-accordion dd{position:absolute}
      .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
      .easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
      .easy-accordion dd.active{opacity:1;}
      .easy-accordion dd.no-more-active{z-index:2;opacity:1}
      .easy-accordion dd.active{z-index:3}
      .easy-accordion dd.plus{z-index:4}
      .easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
      
      
      /* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
      
      dd p{line-height:120%}
      
      #accordion-3{width:730px;height:195px;padding:30px;background:#fff;border:1px solid #b5c9e8}
      #accordion-3 h2{font-size:2.5em;margin-top:10px}
      #accordion-3 dl{width:730px;height:195px}   
      #accordion-3 dt{height:56px;line-height:44px;text-align:right;padding:10px 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(http://www.madeincima.it/download/samples/jquery/easyAccordion/images/slide-title-inactive-2.jpg) 0 0 no-repeat;color:#26526c}
      #accordion-3 dt.active{cursor:pointer;color:#fff;background:#fff url(http://www.madeincima.it/download/samples/jquery/easyAccordion/images/slide-title-active-2.jpg) 0 0 no-repeat}
      #accordion-3 dt.hover{color:#68889b;}
      #accordion-3 dt.active.hover{color:#fff}
      #accordion-3 dd{padding:25px;background:url(http://www.madeincima.it/download/samples/jquery/easyAccordion/images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
      #accordion-3 .slide-number{color:#68889b;left:13px;font-weight:bold}
      #accordion-3 .active .slide-number{color:#fff}
      #accordion-3 a{color:#68889b}
      #accordion-3 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}

      </style>

Bei Verwendung des Sliders auf Unterseiten solltest du den Scripts-Ordner zusätzlich auch in den html-Ordner kopieren, dann musst du keine Pfade ändern.

In der Seite selbst fügst du ein Textfeld ein und ins html des textfeldes kommt der Code für den Slider:

        <div id="accordion-3">
            <dl>
                <dt>Slide title</dt>
                <dd><h2>First slide here</h2><p>[img alt=Alt text to go here]http://www.madeincima.it/download/samples/jquery/easyAccordion/images/bugs/img2.png[/img]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean commodo ligula eget dolor.</p></dd>
                <dt>Another slide</dt>
                <dd><h2>Title to go here</h2><p>[img alt=Alt text to go here]http://www.madeincima.it/download/samples/jquery/easyAccordion/images/bugs/img4.png[/img]Aenean commodo ligula eget dolor. Aenean massa. Nascetur aenean commodo ligula eget dolor. Aenean massa eget. </p></dd>
                <dt class="active">Third slide</dt>
                <dd><h2>Here is the title</h2><p>[img alt=Alt text to go here]http://www.madeincima.it/download/samples/jquery/easyAccordion/images/bugs/img1.png[/img]Ipsum dolor sit amet.Aenean ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</p></dd>
                <dt>Last slide</dt>
                <dd><h2>Last slide title</h2><p>[img alt=Alt text to go here]http://www.madeincima.it/download/samples/jquery/easyAccordion/images/bugs/img3.png[/img]Cum sociis natoque penatibus et donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p></dd>
                <dt>Last slide</dt>
                <dd><h2>AllerLast slide title</h2><p>[img alt=Alt text to go here]http://www.madeincima.it/download/samples/jquery/easyAccordion/images/bugs/img3.png[/img]Cum sociis natoque penatibus et donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p></dd>
           </dl>
        </div>

Der letzte Teil, also der hier:
<dt>Last slide</dt>
                <dd><h2>AllerLast slide title</h2><p>[img alt=Alt text to go here]http://www.madeincima.it/download/samples/jquery/easyAccordion/images/bugs/img3.png[/img]Cum sociis natoque penatibus et donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p></dd>
ist bereits ein 5. Panel.

Wenn du nun publizierst, hast du exakt den Slider von der Beispielseite... heißt Bilder und Pfade zu Bildern, sowie Texte musst du anpassen.  :)

Hoffe das hilf dir schon mal weiter...
« Letzte Änderung: 27. Februar 2013, 23:08:47 von nettesekel »

Offline axiom-1

  • Neuling
  • *
  • Beiträge: 9
Re: liteAccordion in Nof einbauen möglich?
« Antwort #16 am: 27. Februar 2013, 22:55:47 »
Super das sollte reichen, werde über Erfolg oder Misserfolg berichten wobei ich mehr an das erste denke.

Vielen Dank erstmal   :-D

Offline axiom-1

  • Neuling
  • *
  • Beiträge: 9
Re: liteAccordion in Nof einbauen möglich?
« Antwort #17 am: 01. März 2013, 19:18:27 »
So melde mich wie versprochen nochmal zu Wort. Habe das ganze jetzt eingebaut und es läuft auch. Das Design muss ich noch etwas an mein Layout anpassen was aber kein Problem darstellt. Was ich allerdings festgestellt habe ist das es Probleme mit der `jquery.js`Datei von NOF gibt. Habe diese jetzt aus der Publizierung ausgeschlossen und es läuft jetzt. Gibt es mit dem nicht puplizieren dieser Datei irgendwelche Nachteile die mir vielleicht entgangen sind? Vielen Dank für die kompetente und sehr schnelle Hilfe hier im Forum. :) :) :)

Gruß Axiom-1

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion