Weitere Infos (Randbereich)

Das erste Mal hier?

Hier geht es um die Bücher und DVDs der "Little Boxes" Reihe:

Viel Spaß.

Meine letzten 3 Tweets

  • 2010-08-16 "Websites erstellen mit Contao" (http://bit.ly/csHqoh) geht heute in den Satz. Knapp 100.000 Zeichen auf 577 Word-Seiten in 22 Kapiteln.
  • 2010-07-24 macx Glückwunsch! Endlich Millionär ;-)
  • 2010-07-19 iservch FastEdit. Klasse in der Mediabox. Kommt definitiv mit ins Buch ;-)

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.

2010-01-30 21:11 von Peter Müller

Zurück

Kommentare

Um einen Kommentar zu schreiben, füllen Sie bitte alle Felder mit * aus:

*
*
Bitte rechnen Sie 2 plus 1.
*