Test CSS für Body Wrapper extra laden / Elemente innerhalb der Seite verlinken

[isti]

Hallo,

wir haben aktuell die Seite www.hfn-media.net

Um das Design etwas aufzufrischen würde ich gerne eine flache Struktur haben wo alles möglichst auf einer Seite ist. Wrapper wäre wäre 100% breit und nicht transparent. Bilder würden im Hintergrund nicht laufen, weil sie m. E. eher ablenken.

Um die aktuelle Seite nicht kaputtzutesten würde ich für eine neue Seite ein neues Layout erstellen wo mit CSS Body, Wrapper eigene Einstellungen haben.

Wie mache ich es am besten, dass diese Settings - für dieses Layout - die Testwerte haben. Wie verpasse ich dem Wrapper / Body dieser Seite eine CSS- ID?

---------------

Eine weitere Thema ist die Darstellung der Elemente auf dieses Flachen Seite.

Dafür gibt es m. E. vier Möglichkeiten:

1. Ich lasse den Besucher scrollen
2. Ich erstellen z. B. in der rechten Spalte ein vertikales Menü und der Besucher "springt" zu dem Element auf der flachen Seite
3. Ich zeige die Inhalte der einzelnen Menüpunkte in einem Lightbox
4. Ich benutze das klassische Unterseiten-Prinzip und öffne eine weitere Seite

Welche Lösung empfindet ihr aus "Usability" Sicht am besten?

Ich würde Lösung nr. 2 wählen und ich müsste deshalb wissen wie ich den User z. B. zu einem Textelement oder eine Galerie weiterleiten kann. Ist es in Contao möglich?

Vielen Dank für eure Hilfe.

Gr. I.

[Spooky]

Wie mache ich es am besten, dass diese Settings - für dieses Layout - die Testwerte haben. Wie verpasse ich dem Wrapper / Body dieser Seite eine CSS- ID?

Im Seitenlayout unter Experten-Einstellungen - Body-Klasse.

[isti]

Vielen Dank.

und dem Wrapper? Zu meinem Test brauchei ich ja zwei Wrapper Settings: Produktiv und Test

I.

[Spooky]

Naja, warum brauchst du für den #wrapper eine eigene Klasse? Reicht ja die body class.

[tab]

Der Wrapper steckt ja notgedrungen im body. Kann man ja also über die Body-Klasse passend selektieren.

.deinebodyklasse #wrapper {
...
}

[isti]

Vielen Dank. Mein Denkfehler :-)

[isti]

So klappte es dann auch :-)

Gr. I.