Automatische Nummerierung von Überschriften

Mit CSS kannst du sehr einfach die Überschriften in einem Artikel auf deiner Webseite automatisch nummerieren lassen. In diesem Artikel zeige ich dir, wie das funktioniert.

 

Automatische Nummerierung von Überschriften mit CSS

Eine automatische Nummerierung der Überschriften ist vor allen Dingen dann sinnvoll, wenn du beispielsweise Tutorials auf deiner Website anbietest.… Weiterlesen

Navigationsmenü mit unterschiedlichen Farben

CSS bietet unglaublich viele Möglichkeiten, die eigene Website entsprechend zu gestalten. So ist es sogar möglich, Farben anhand der Position in einer Liste zu vergeben. Damit lässt sich zum Beispiel ein farbenfrohes Navigationsmenü mit unterschiedlichen Farben erstellen. Wie das funktioniert zeige ich im folgenden Artikel.… Weiterlesen

Unschärfe-Effekt mit CSS erzeugen

Mit CSS ist es möglich, einen Effekt zu erzeugen, der Text verschwommen darstellen lässt. Mit etwas Kreativität lässt sich dadurch ein netter Unschärfe-Effekt auf der eigenen Website erzeugen. Häufig stößt man bei diesem Effekt auch auf den englischen Begriff „blur“.

In diesem Artikel zeige ich dir, wie du dabei einen Blur-Effekt auf deiner Website selbst erzeugen kannst.… Weiterlesen

Zebrastreifen-Look für Tabellen

Mit ein wenig CSS Code kannst du automatisch eine Tabelle mit Zebrastreifen Look gestalten. Dies eignet sich besonders gut für lange Tabellen, die viele Einträge enthalten. In diesem Artikel zeige ich dir, wie das funktioniert.

 

Automatische Zebrastreifen für Tabellen

Um einzelne Reihen einer Tabelle farblich zu unterscheiden, müsste man eigentlich jede Reihe einzeln gestalten.… Weiterlesen

Scrollbalken in Webkit-Browsern gestalten

Mit Hilfe von CSS kannst du speziell die Scrollbalken in Webkit-Browsern gestalten. Dies funktioniert nicht nur farblich, sondern auch optisch ganz individuell. In diesem Artikel zeige ich, wie du die Scrollbalken des Browsers anders gestalten kannst.

 

Allgemeines

Bevor wir uns nun hinsetzen und die Scrollbalken optisch verändern, noch ein kleiner Hinweis ganz zu Anfang.… Weiterlesen

Ansprechende Überschriften mit CSS

Mit Hilfe von CSS lassen sich ansprechende Überschriften gestalten und zwar ganz ohne zusätzliche Grafiken. In nachstehendem Beispiel möchte ich diesen Effekt daher anhand eines Falt-Effektes vorstellen. Die verwendete Technik dahinter sind dabei die CSS-Shapes, die hier praktikabel umgesetzt werden.

 

Gefaltete Überschriften mit CSS

Dieses Beispiel wendet dabei die bereits genannte Technik der CSS-Shapes praktikabel an.… Weiterlesen