Ergebnis 1 bis 8 von 8

Thema: Wie Layout am besten umsetzten

  1. #1
    Contao-Fan
    Registriert seit
    28.11.2009.
    Ort
    Remscheid
    Beiträge
    934

    Standard Wie Layout am besten umsetzten

    Hallo zusammen,

    ich habe jetzt schon ein paar kleinere (simple) Seiten mit Contao gemacht. Jetzt aber steht etwas komplexeres (mehrere Layouts, Import von externen Datenquellen) an. Und jetzt frage ich mich, ob ich hier klassisch mit 2 Spalten und dem Layout Builder arbeiten soll, oder ob ich ein Grid nehmen soll/ muss?
    Mit Grids habe ich mich bisher noch nicht befasst.

    Anforderung ist, dass die Seite auch auf mobilen Geräten vernünftig dargestellt wird, es muss kein eigenes mobiles Layout sein, kann aber.

    Die beiden gelben Boxen rechts werden auf allen Seiten bleiben. Die Seite soll möglichst bildschirmfüllend dargestellt werden, wahrscheinlich ca. 1200px. Bei Bildschirmen mit Full HD Auflösung sieht 960px doch etwas verloren aus. (und es gibt ja auch schon 4k)

    Und wenn dann noch jemand einen Tipp hätte welche Erweiterung so einen Slider wie diesen auf http://erzbistum-koeln.de/ generieren kann, wäre das super.

    Danke & Gruß

    Neelix
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Alter Contao-Hase
    Registriert seit
    20.03.2010.
    Ort
    Hannover
    Beiträge
    1.041

    Standard

    Hi,
    Bereiche, die auf mehreren Seiten gleich sind finde ich am Einfachsten mit einem mehrspaltigen Layout und würde daher zu diesem Lösungsweg greifen.
    Theoretisch könntest Du es natürlich auch über referenzierte Inhalte lösen, wenn Du wolltest.
    Beides geht also.

    Bei dem Slider würde ich mir mal Rocksolid anschauen.
    Falls der nicht hinreichend funktioniert würd ich nochmal bei "Premium Contao Themes" schauen.
    Die haben, glaube ich, auch einen Slider mit dem das gehen sollte.

  3. #3
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.706
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Für die Umsetzung wie in deiner Grafik, kannst du ein Layout mit Kopf, Fuß, Haupt und Rechts benutzen. Innerhalb der Hauptspalte kannst du dein Gridsystem benutzen.

    Für die Unterstützung bei den Gridcontainern kann ich dir dma_simple_grid empfehlen. Damit kannst du dein Grid-Framework in den Einstellungen auswählen und dann benutzen. Ich finde hier das Gridsystem "unsemantic" sehr einfach zu handhaben. Du hast damit auch die Möglichkeit auf verschiedene Viewportbreiten zu reagieren.

    Die Breite einer Website solltest du nicht danach bemessen, ob sie verloren aussieht oder nicht, sondern daran wie angenehm die Inhalte zu entnehmen sind. Textzeilen mit 100 Wörtern pro Zeile wären z.B. nur unter Stress zu lesen, genauso wie Zeilen mit einer Länge von 2 Wörtern.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  4. #4
    Contao-Fan
    Registriert seit
    28.11.2009.
    Ort
    Remscheid
    Beiträge
    934

    Standard

    Ich denke, ich werde erstmal bei dem klassischen Aufbau bleiben, mit Prozentwerten passt das noch ganz gut.

    Zitat Zitat von Andreas Beitrag anzeigen
    Die Breite einer Website solltest du nicht danach bemessen, ob sie verloren aussieht oder nicht, sondern daran wie angenehm die Inhalte zu entnehmen sind. Textzeilen mit 100 Wörtern pro Zeile wären z.B. nur unter Stress zu lesen, genauso wie Zeilen mit einer Länge von 2 Wörtern.
    Naja, auf einem üblichen 22" oder 24" Monitor mit FullHD oder 4K Auflösung sind 960px nix. Da ist mehr Rand als Seite auf dem Bildschirm. Also steht die Breite jetzt auf 90% und max. 1104 Pixel. Die längeren Zeilen muss ich dann halt mit größerer Schrift ausgleichen.

  5. #5
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.198
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Entweder so oder eben dann den Text mehrspaltig ausgeben. Leider unterstützen noch nicht viele Browser die CSS3 Spalten vollständig. Aber man kann das auch auf andere Weise umsetzen.

  6. #6
    Gesperrt
    Registriert seit
    07.05.2011.
    Beiträge
    1.199

    Standard

    Der Revolution Slider wäre gut geeignet.

  7. #7
    Contao-Fan
    Registriert seit
    28.11.2009.
    Ort
    Remscheid
    Beiträge
    934

    Standard

    Hm, der kostet aber.

    Ich habe vergessen zu sagen: Es geht um eine Schulhomepage.

    Es müsste auch auch machbar sein, das Template des internen Sliders anzupassen, oder? Es geht eigentlich nur darum, dass im Hintergrund ein Bild gezeigt wird, und darüber die passende Schlagzeile.

    Ist dann nur die Frage, was passiert, wenn es zu der News kein Bild gibt und wie komme ich an das Bild ran.

  8. #8
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.706
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von neelix Beitrag anzeigen
    Es müsste auch auch machbar sein, das Template des internen Sliders anzupassen, oder? Es geht eigentlich nur darum, dass im Hintergrund ein Bild gezeigt wird, und darüber die passende Schlagzeile.
    Ja, den Core-Slider kann man auf viele Arten anpassen, hier habe ich z.B. mal die Navi-Punkte so aussehen lassen, wie bei ner Tab-Navi http://www.richter-akustik-design.de...en-planer.html

    Das Bild holst du einfach aus dem CE oder der News. Falls es welche ohne Bild gibt, musst du ein Default-IMG vorbereiten. Text seht du mit CSS über das Bild.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •