Weitere Infos (Randbereich)
Das erste Mal hier?
|
|
|
Hier geht es um die Bücher und DVDs der "Little Boxes" Reihe:
Viel Spaß.
Inhaltsbereich
Nachrichten - Einzelansicht
Sie sehen einen Beitrag in der Einzelansicht (mit Kommentaren). Zeige alle Beiträge.
YAML: Klassen zum Verstecken von Spalten
In Little Boxes Teil 2 wird auf Seite 343 beschrieben, wie man bei YAML mit den Klassen .hidecol1, .hidecol2 und .hideboth das Layout für einzelne Seite schnell auf ein- oder zweispaltig ändern kann. Seit der Version 3.1 sind die Klassen nicht mehr in der base.css enthalten.
Im Changelog von YAML V3.1 [20.01.09] findet sich der folgende Eintrag:
- Generische Layoutklassen entfernt
Die CSS-Klassen .hidecol1, .hidecol2 und .hideboth sind generell layoutspezifisch anzupassen und gehören daher in das Nutzer-CSS. Das neue Layoutbeispiel "dynamic_layout_switching" demonstriert die Anwendung.
In dem Layout-Beispiel befinden Sich die Klassen in Stylesheet basemod_dynamic_layout_switching.css:
.hideboth #col3 { margin-left: 0; margin-right: 0; }
.hideboth #col3_content{ padding-left: 20px; padding-right: 20px; }
.hidecol1 #col3 { margin-left: 0; margin-right: 25%; }
.hidecol1 #col3_content{ padding-left: 20px; }
.hidecol2 #col3 { margin-left: 25%; margin-right: 0; }
.hidecol2 #col3_content{ padding-right: 20px; }
.hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }
Einfach rauskopieren, in irgendeinem Stylesheet (z. B. basemod*.css) einbauen und schon geht es wieder. wie beschrieben.
Kommentare
Um einen Kommentar zu schreiben, füllen Sie bitte alle Felder mit * aus: