In Serendipity läßt sich auf einfache Art und Weise eine Druckversion mittels Druck-Stylesheet hinterlegen.

Innerhalb des Serendipity-Templates (in der Datei index.tpl) kann man das Einbinden eines weiteren Stylesheets im Head-Abschnitt mit dieser Anweisung steuern:

<link rel="stylesheet" type="text/css" href="{serendipity_getFile file="print.css"}" media="print">

Das Attribut media="print" sorgt dafür, dass dieses Stylesheet für das Ausgabemedium Drucker genommen wird. Diese Anweisung sollte hinter dem normalen Stylesheet stehen. Dadurch wird beim Druck das standard-Stylesheet (style.css) genommen und mit den Angaben aus print.css überschrieben.

Ein normales Serendipity Template wird dadurch ganz einfach zu einem Druck-Template.

"Serendipity Druckversion Stylesheet" vollständig lesen »

Ein individuelles Template lässt sich auf einfache Art und Weise in Serendipity integrieren. Die Blog-Software bringt von Haus aus viele interessante Templates mit. Synonym für Templates stehen auch Design, Designvorlagen, Styles und Themes. Alle bedeuten das gleiche. Davon sollte man sich nicht verwirren lassen.

Bevor man individuelle Templates in Serendipity installiert, sollte zuerst geprüft werden, in welchem Verzeichnis dies installiert wurde. Man findet den Pfad in der Serendipity Administrationsoberfläche unter Administration > Konfiguration > Pfade.

Um ein individuelles Serendipity Template zu erstellen, kann man ein vorhandenes Template kopieren.

"Serendipity: individuelles Template" vollständig lesen »

Formulare ausfüllen ist nicht nur typisch deutsch, wenn diese auch noch öde aussehen ist es richtig unattraktiv und man möchte am liebsten wegklicken.

Man kann diese Problem zwar nicht abschaffen. Der größte Teil der Kommunikation im Internet läuft nunmal über Formulare. Sei es ein Warenkorb, ein Webmailer, ein Beschwerdeformular oder ein Blogeintrag. Aber Formulare lassen sich zumindest optisch etwas ansprechender gestalten.

Teil 1 dieser Serie beschäftigt sich mit ansprechenden Select-Listen. 

"Formulare attraktiver gestalten, Teil 1: Select-Listen" vollständig lesen »

Wenn man auf einen Link klickt erhält dieser den Focus. Der Focus wird durch einen dünn gepunkteten Rahmen um ein Element gekennzeichnet. Das ist besonders sinnvoll, wenn man ohne Maus mit der Tab-Taste der Tastatur die Links durchgehen möchte.

Optisch sind diese Rahmen nicht nett anzusehen. Wer demnach auf die Usability verzichten möchte, hat die Möglichkeit diese per JavaScript zu entfernen.

"gepunkteten Rahmen um Links entfernen" vollständig lesen »