Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Wichtige Mitglieder-Information

Da immer noch Mails verwunderter "Mitglieder" bei mir ankommen, weil Login und Registrierung nicht funktionieren... das Forum ist seit geraumer Zeit geschlossen und steht ausschließlich als Nachschlagewerk zur Verfügung. Einerseits bin ich froh, diesen Schritt gewagt zu haben... auf der anderen Seite... wenn ich hier manchmal so lese... es war doch "'ne geile Zeit" mit euch! Macht's gut!

Beste Grüße nettesekel

* Friendship

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

Die letzten Beiträge

Autor Thema: Scrollbaren Bereich erstellen - nur Inhalte scrollen lassen  (Gelesen 4454 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Scrollbaren Bereich erstellen - nur Inhalte scrollen lassen
« am: 02. Dezember 2012, 11:56:50 »
Immer wieder mal besteht der Wunsch, eine Website zu erstellen, die ansich nicht scrollt. Wenn denn aber doch einmal Inhalte den zur Verfügung stehenden Platz sprengen, sollen diese innerhalb der Seite in einem Layoutbereich scrollen.
Wie man soetwas mit einfachsten Mitteln realisieren kann, erkläre ich Euch kurz im folgenden Tutorial.

Ihr habt beispielsweise eine Seite „Produktinfos" deren Inhalte für Euer kurzes Layout zu lang würden. Also legt Ihr euch in der Baumansicht Eures Projekts eine neue Seite an, nennt sie z.B. „Produktinfos_Inhalt” und schließt nur diese Seite von der Navigation aus.
Wo Ihr schon mal in der Baumansicht seid, stellt Ihr auch gleich beide Seiten, also „Produktinfos" und „Produktinfos_Inhalt” auf php um.


« Letzte Änderung: 29. Dezember 2013, 13:43:43 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Scrollbaren Bereich erstellen
« Antwort #1 am: 02. Dezember 2012, 12:11:49 »
Nun öffnet Ihr die Seite für die Inhalte und stellt den Masterrahmen dieser Seite auf ZeroMargins um.


« Letzte Änderung: 29. Dezember 2013, 13:44:10 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Scrollbaren Bereich erstellen
« Antwort #2 am: 02. Dezember 2012, 12:21:10 »
Erstellt nun hier die Inhalte für Eure Seite nach gewohnter Arbeitsweise m.H. von Textfeldern, Layoutbereichen oder Tabellen.
Achtet darauf, dass Ihr Euch mit den Inhalten nicht breiter macht, als es der Platz in Eurer Seite später zulässt. In meinem Beispiel habe ich das Textfeld für meine Inhalte auf eine Breite von 600px gezogen.


« Letzte Änderung: 29. Dezember 2013, 13:45:13 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Scrollbaren Bereich erstellen
« Antwort #3 am: 02. Dezember 2012, 12:30:32 »
Nun wechselt Ihr zu eigentlichen Seite, in der die Inhalte später scrollen sollen, und fügt an der gewünschten Stelle ein Textfeld ein. Klickt danach einmal ins Layout, danach wieder mit einem einfachen Klick auf das Textfeld (der Cursor darf nicht im Textfeld blinken) und dann auf den html-Button auf der Eigenschaftenpalette.


« Letzte Änderung: 29. Dezember 2013, 13:45:38 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Scrollbaren Bereich erstellen
« Antwort #4 am: 02. Dezember 2012, 12:34:46 »
Es öffnet sich ein Fenster, in welchem Ihr „Vor dem Tag” den folgenden Code einfügt:

<div style="position:relative; width:620px; height:400px; overflow:auto;">
Achtet darauf, dass die Breite (width:620px;) ein paar Pixel mehr beträgt, als die Breite Eurer Inhaltsseite. Die Höhe (height:400px;) müsst Ihr Euren Bedürfnissen entsprechend anpassen.


und „Nach dem Tag” fügt Ihr diesen Code ein:

</div>



« Letzte Änderung: 29. Dezember 2013, 13:46:23 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Scrollbaren Bereich erstellen
« Antwort #5 am: 02. Dezember 2012, 12:56:19 »
Danach doppelklickt Ihr in das Textfeld, so dass der Cursor blinkt und klickt wieder auf der Eigenschaftenpalette den html-Button.

« Letzte Änderung: 29. Dezember 2013, 13:46:53 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Scrollbaren Bereich erstellen
« Antwort #6 am: 02. Dezember 2012, 13:01:33 »
Im sich öffnenden Fenster tragt Ihr nun noch folgenden Code ein und passt den Namen der einzubindenden Seite an. (falls Ihr nicht nach Assettyp publiziert und Eure Seiten nicht in den Ordner „html” publiziert werden, müsst Ihr ggf. auch den Pfad noch anpassen)

<?php include "./produktinfos_inhalt.php"?>
Wolltet Ihr die zu scrollenden Inhalte in die Startseite einbinden, dann müsste der Code so ausehen:
<?php include "./html/produktinfos_inhalt.php"?>

« Letzte Änderung: 29. Dezember 2013, 13:47:17 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Scrollbaren Bereich erstellen
« Antwort #7 am: 02. Dezember 2012, 13:07:26 »
So, das wars auch schon. Das Ergebnis seht Ihr nach Publizierung beider Seiten, aber erst auf Eurem Server, es sei denn, Ihr nutzt einen lokalen Webserver.

Viel Spaß! (clap)

« Letzte Änderung: 13. September 2014, 19:46:14 von nettesekel »

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion