Tolle Typo3-Website aber wie gemacht ...?
| Autor | Nachricht |
|---|---|
|
Verfasst am: 21. 03. 2012 [14:29]
|
|
|
MUSIKMANN
Themenersteller
Dabei seit: 07.02.2008
Beiträge: 85
|
Hallo Typoler ;o), ich habe eine in meinen Augen sehr toll gemachte Typo3-Webseite im Netz gefunden. http://www.move-elevator.de/ Hier wird im Grunde "scheinbar" nur eine Webseite angezeigt, die immer hoch und runter scrollt, sobald mal einen Link in der Navi anklickt. Leider habe ich im Quelttext keinen Hinweis auf die benutze Extension gefunden und frage deshalb hier nach Hilfe. Wie haben die Desiger das so nett umgesetzt? Welche Erweiterung steckt dahinter? Vielen Dank für Eure Hilfe ;o). |
  |
|
|
Verfasst am: 21. 03. 2012 [15:19]
|
|
|
jousch
Dabei seit: 18.04.2006
Beiträge: 320
|
Dahinter steckt Javascript^^ |
 |
|
|
Verfasst am: 21. 03. 2012 [15:59]
|
|
|
skydivematy
Dabei seit: 06.11.2008
Beiträge: 276
|
Hallo Musikmann, diese Webseite besteht aus nur EINER Seite. Alle Einzelenen Page Elemente werden mit Jquery angesteuert. z.B. Jquery Waypoints ( http://imakewebthings.com/jquery-waypoints/ ). Der Rest ist gutes Webdesign und Harmonierende Farbwahl. Wenn Du das mit Templavoila umsetzen willst, dann baust Du ein HTML Konstruckt mit den Einzelnen Bereichen, wie es in Deinem Bespiel zu Sehen ist. z.B. Blauer Bereich (Home) Roter Breich (Über Uns) Grüner Breich (Kontackt) Gelber Bereich (Footer) Das ganze mit Templavoila Mappen. Und schon hast Du alles auf Einer Seite. Fehlt dann noch Die Jquery Anweisung für die Links zum an Scrollen des jeweiligen Breichs. Eigentlich sehr einfach zu machen. gruss maty |
|
|
|
Verfasst am: 21. 03. 2012 [19:06]
|
|
|
MUSIKMANN
Themenersteller
Dabei seit: 07.02.2008
Beiträge: 85
|
skydivematy schrieb: Wenn Du das mit Templavoila umsetzen willst, dann baust Du ein HTML Konstruckt mit den Einzelnen Bereichen, wie es in Deinem Bespiel zu Sehen ist. z.B. Blauer Bereich (Home) Roter Breich (Über Uns) Grüner Breich (Kontackt) Gelber Bereich (Footer) Das ganze mit Templavoila Mappen. Und schon hast Du alles auf Einer Seite. Fehlt dann noch Die Jquery Anweisung für die Links zum an Scrollen des jeweiligen Breichs. Eigentlich sehr einfach zu machen. gruss maty Moin Maty, ich habe bisher keine Erfahrungen mit TV. Besteht die Möglichkeit, dass du mir dort unter die Arme greifen könntest? |
|
|
|
Verfasst am: 21. 03. 2012 [19:07]
|
|
|
jousch
Dabei seit: 18.04.2006
Beiträge: 320
|
Ähm, es ist auch ohne TemplaVoila möglich. Ist nicht zwingend notwendig. Mithilfe von beLayout usw ist dies leicht möglich. |
|
|
|
Verfasst am: 21. 03. 2012 [22:49]
|
|
|
skydivematy
Dabei seit: 06.11.2008
Beiträge: 276
|
Das ist natürlich Richtig Jousch. Zu Musikmann, wie Du Dein HTML Template Aufbaust ist eigentlich Eagl. Ob TV, Automaketemplate, FLUID oder ganz Händisch mit Typoscript. Die Hauptaufgabe der Navigation innerhalb der Seite Übernimmt sowieso Jquery. Schau mal hier habe ich ein kleines Beispiel für Dich: http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html gruss maty Hier noch was zum Studieren  http://demos.flesler.com/jquery/scrollTo/ [Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 21.03.2012 um 22:52.] |
|
|
|
Verfasst am: 26. 03. 2012 [08:34]
|
|
|
MUSIKMANN
Themenersteller
Dabei seit: 07.02.2008
Beiträge: 85
|
Kurze Verständnisfrage. Ich kann also ein ganz normales Typo3 verwenden, Seiten anlegen usw.? Klingt ja nicht ungewohnt ... Dann die Naiv entsprechend mit jquery-Links versehen und schon wird mir alles untereinander dargestellt? |
|
|
|
Verfasst am: 26. 03. 2012 [08:58]
|
|
|
jousch
Dabei seit: 18.04.2006
Beiträge: 320
|
Nein. Sieh dir einfach den Quellcode genau an deines Links. Du findest eine Seite mit den Inhalten, die halt wie mehrere Seiten aussehen. Is wird dan nur per Javascript hingescrolled. |
|
|
|
Verfasst am: 26. 03. 2012 [13:21]
|
|
|
MUSIKMANN
Themenersteller
Dabei seit: 07.02.2008
Beiträge: 85
|
Hallo Jousch, sei mir bitte nicht böse, ich stehe vollkommen auf dem "Schlauch". Der Quelltext der Seite zeigt mir, dass es sich in meinem Beispiel (erster Beitrag) um eine Typo3 Webseite handelt?!? Nun bin ich meinem jugendlichen Leichtsinn davon ausgegangen, dass man im Typo3 BE so arbeiten kann wie immer, also plugins laden etc. und so auch die Inhalte des FrontEnd dort wie gewohnt erstellen, einpflegen kann. Ist dem so oder verstehe ich die ganze Sache falsch? Sollte es so sein, dann stellt sich mir gleich die nächste Frage, und zwar, wie mache ich aus einer normalen Typo3 Webseite (wie zum Beispiel http://www.040DJ.com) deren Inhalt ich normal erstellt habe und auch die gewohnten plugins verwende eine solche "Endloswebseite"? |
|
|
|
Verfasst am: 26. 03. 2012 [14:51]
|
|
|
king.darki
Dabei seit: 10.05.2011
Beiträge: 216
|
Hallo Gunnar, Ich weiß zwar auch nicht, ob da eine Extension dahinter steckt, aber im Grunde musst du einfach nur all deine Inhaltsseiten untereinander auf NUR 1 Seite platzieren. Wenn du dir den Quellcode ansiehst, siehst du, dass die Hauptnavigation auf einzelne Div-Anker in der Seite zielt, z. B.: HTML <div id="me-classic" class="divider"></div> Auf die musst du dann auch in deiner Navigation verweisen, dazu noch etwas jQuery um das Scrollen "smooth" zu machen, und du bist fertig! Die Anker kannst du z. B. als einfache HTML-Inhaltselement in deine Seite einfügen... Oder die geilere Lösung wäre, du baust mit TS einen Wrap, der vor jedes Inhaltselement einen Div mit dessen Titel als ID erstellt. Grüße Patrick |
|
|