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-03-12 Danke für die zahlreichen Glückwünsche. Habe vom Hotel einen Tag Internet geschenkt bekommen. Danach dann erstmal wieder offline ;-)
  • 2010-03-08 will spend next week in New York. Vacation. Read you soon ;-)
  • 2010-03-04 "Little Boxes Teil 0" für 4,95 Euro - billiger wird's nicht: http://bit.ly/cfmNac

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:

*
*
Was ist die Summe aus 1 und 5?*