Snippets

Contao: Newsliste als "Accordion" ausgeben

Dienstag: 26. Jul 2011

Auf Anfrage habe ich heute das Template angepasst, welches die Newsliste als "Accordion" ausgibt. legt eine Templatedatei an, die news_latest.tpl heißt und speichert diese in dem Ordner templates. Diese Templatedatei muss bei dem Newsmodul ausgewählt werden.

Polaroid Style nur mit CSS3

Samstag: 2. Jul 2011

Ein kleiner Test den Polaroid Style mit CSS3 zu bauen. Ist zwar nichts Neues, ich hatte es bisher jedoch noch nicht ausprobiert :)

Demo

Nachtrag: Da es sich um CSS3 handelt werden Schatten und Drehung nur in moderneren Browsern angezeigt.

CSS3 Pseudo classes um abwechselnd Tabellenzeilen zu gestalten

Samstag: 11. Jun 2011
tr:nth-child(odd) {
  ⋮ declarations
}
tr:nth-child(even) {
  ⋮ declarations
}

Contao "weiterlesen"-Link umbenennen

Donnerstag: 2. Jun 2011

Manchmal soll der Link "weiterlesen" in Contao für einen Newsbereich anders heißen. Dazu kann mittels einer eigenen Templatedatei der Link selbst platziert werden:

<p class="more"><a href="<?php echo $this->link; ?>" title="…">…</a></p>

Markierten Text mittels CSS3 gestalten

Dienstag: 15. Feb 2011
CSS3 bietet die Möglichkeit mittels Pseudo-Elementen markierten Text zu gestalten:
::selection {
background:#000;
color:#fff;
}
Safari (ab 3.1), Opera (ab 9.5) und Chrome (ab 2.0) verstehen dies bereits. Mozilla kann man dazu bewegen dies auch zu tun indem man den Prefix -moz- voransetzt:
::-moz-selection {
background:#000;
color:#fff;
}
Da dies nicht nur auf auf den Hintergrund und die Textfarbe begrenzt ist, kann man hier sicherlich auch andere Lösungen finden.