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 »

Oft ist es nicht erwünscht, dass der normale reine Text in einem HTML-Dokument steht. Es sind leider nur eine handvoll Schriften nutzbar, die mehr oder weniger gleich auf allen Systemen aussehen. Insbesondere betroffen sind Überschriften, die gestylt einfach schöner sind und sich besser ins Layout der Webite integrieren. Man könnte natürlich einfach ein Bild benutzen und statt dem Text einsetzen. Das ist allerdings semantisch nicht korrekt und geht auch gegen das Grundprinzip Layout und Inhalte einer Webseite zu trennen. Vorteile und Nachteile der CSS-Bildersetzungstechniken werden hier aufgelistet:

Vorteile und Nachteile von Bildersetzungstechniken in CSS

Vorteile

• grafische Gestaltung möglich (schöner?)
• besser ins Layout integrierbar
• andere Fonts ausser Arial, Verdana, Helvetica, Times, etc. möglich
• hebt sich von anderen Webseiten ab (individuelles Aussehen)

Nachteile

• aufwändiger in Erstellung und Wartung
• Skalierbarkeit geht verloren
• Text lässt sich im Browser nicht markieren
• nicht jede Technik ist maschinenlesbar (Screenreader/Bildschirmlesegeräte)
• eventuell Probleme mit Suchmaschinen (verborgener Text)

"Bildersetzungstechniken mit CSS" vollständig lesen »

Nicht nur das Einfärben, auch abwechselnde Eigenschaften sind eine häufig vorkommende Aufgaben beim Design von Webseiten.

Im statischen HTML benutzt man z.B. für jede Tabellenreihe eine eigene CSS-Klasse.

Oft kommen die Inhalte aber aus einer Datenbank.

Das Problem ist, wie man dem dynamischen Inhalt unterschiedliche Klassen zuweisen kann. 

"div-Elemente und Tabellenzeilen abwechselnd einfärben" vollständig lesen »