Design

No Picture
Design
Dr. Web Team

Schriften umwandeln

Egal ob ganze Absätze oder Überschriften, Texte lassen sich mit CSS "transformieren" . So entsteht ein komplett neues Schriftbild. Kenn Sie den Unterschied zwischen Versalien und ...

No Picture
Design
Sven Lennartz

Anmerkungen zur Unterstreichung

Textpassagen oder Worte mit Hilfe einer Unterstreichung hervorzuheben ist eine selbstverständliche Sache. Aber nicht im Web. Hier ist die Unterstreichung verpönt, denn man kann sie ...

No Picture
Design
Dr. Web Team

Villa Kunterbunt

Farbmonitore wurden erfunden, damit man bunte Seiten ansehen kann. Wer will, kann auch Hyperlinks in allen Farben erglühen lassen. Das Interessante: Jeder Link "hovert" in seinen ...

No Picture
Design
Gastautor

CSS: ID oder Klasse?

Es gibt viele Wege, Stylesheets anzuwenden. Doch wann benutzt man Klassen? Wann eine ID als Selektor? Einfach ausgedrückt ist eine Klasse (.class) allgemeiner zu handhaben. Sie kann auf ...

No Picture
Design
Dr. Web Team

Blocksatz optimieren

Die Möglichkeit, Fließtexte in Form von Blöcken darzustellen, steht uns schon seit längerer Zeit zur Verfügung. Mit CSS 3 kommen neue Attribute hinzu, die feinere Abstufungen ...

No Picture
Design
Dr. Web Team

CSS: Externe Links kennzeichnen

Vielleicht haben sie es schon bemerkt, einen Browser auf Basis von Gecko vorausgesetzt, externe Links machen nun durch ein Icon auf sich aufmerksam. Eine hilfreiche Sache, schließlich ...

No Picture
Design
Sven Lennartz

Elegante Zwischenüberschrift

Wenig Arbeit, aber große Wirkung. Diese Überschriften beziehen ihre Wirkung aus der doppelten Unterstreichung. Sachlich, aber elegant eignen sie sich besonders gut für geschäftliche ...

No Picture
Design
Dr. Web Team

Bilderrahmen mit CSS

Nichts ist einfacher als eine schicke Verzierung für Bilder. Ein wenig CSS und die Sache steht, und viele Varianten gibt es auch. "Double" "Ridge" "Double" mit verschiedenen Rahmen ...

No Picture
Design
Gastautor

Die Pseudoklasse :focus

Mit Cascading Style Sheets können gekennzeichneten Passagen oder Elementen festgelegte Formate verliehen werden. Mitunter eignen sie sich auch, Effekte zu realisieren, die bisher nur ...

No Picture
Design
Gastautor

Style Sheet on Demand

Viele Besucher haben unterschiedliche Vorlieben. Da Style Sheets die komplette Seite formatieren können, lassen sich verschiedene Versionen der Seite bauen, aus denen der Besucher seine ...

No Picture
Design
Dr. Web Team

CSS erweitert Formatieren

Pluszeichen in Stylesheets, wozu soll das gut sein? Es funktioniert zum Beispiel so: H1 + H2 { color : red; } Die Regel besagt: Folgt die H2 Überschrift einer H1 Überschrift, dann, und ...

No Picture
Design
Dr. Web Team

Basteln mit Trennlinien

Moderne Techniken können auch den langweiligen Trennlinien aus den Anfangstagen des Webs noch etwas abgewinnen. Sie lassen sich sogar als dekorative Typozeichen verwenden. Farben, ...

No Picture
Design
Dr. Web Team

3D-Hervorhebung für Textteile

Zugegeben, so richtig gut funktioniert es nur mit kräftigen Hintergrundfarben, das sollte Sie jedoch nicht von einem Test abhalten. Nehmen wir an, Sie möchten folgendes darstellen: Zur ...

No Picture
Design
Sven Lennartz

CSS: Spaß mit Rahmen

Rahmen sind ein wichtiges Gestaltungselement, wenn es um Tabellen und das Seitenlayout geht. CSS-Befehle sind hier besonders praktisch. Sie lassen sich auch auf ganze Seiten anwenden - ...

No Picture
Design
Dr. Web Team

Font-Tags ausradieren

Wer seine Webseiten in Helvetica oder Verdana formatieren will oder muss, kommt um unzählige Font Tags nicht herum. Die aber machen den Quellcode unübersichtlich und verdoppeln unter ...