Hyperlinks mit linearem Farbverlauf

Du suchst nach weiteren, individuellen Gestaltungsmöglichkeiten für deine Website? Dabei kannst du bspw. Hyperlinks mit linearem Farbverlauf erstellen. Einen solchen Effekt sieht man nicht häufig und könnte – je nach Design deiner Website – für einen netten Zusatzeffekt sorgen.

In diesem Artikel zeige ich dir dabei, wie du deine Hyperlinks mit einem linearen Farbverlauf hinterlegen kannst.

Mehr lesen

URL hinter einen Link drucken

Hast du schon mal einen Artikel einer Website ausgedruckt? Du hast dabei sicher festgestellt, dass die URL zu einem Link natürlich fehlt. Doch das lässt sich mit einem kleinen CSS Snippet ändern. Mit einer CSS Formatierung kannst du dabei die URL hinter einen Link drucken. Natürlich nur dann, wenn die Website auch tatsächlich ausgedruckt wird.

Wie du eine URL hinter einen Link drucken kannst, zeige ich dir in diesem Artikel.

Mehr lesen

Organigramm in CSS erstellen

Du möchtest auf deiner Website ein Organigramm darstellen? Das ist doch gar kein Problem. Du kannst dabei ein Organigramm in CSS darstellen, ohne dass du weitere Hilfsmittel dafür benötigst.

Dazu zeige ich dir in diesem Artikel, wie du ganz einfach ein Organigramm in CSS erstellen kannst.

Mehr lesen

Animierter Fortschrittsbalken mit CSS

Es gibt durchaus Situationen bei denen es sinnvoll ist, den aktuellen Fortschritt obenrein grafisch darzustellen. Dazu nutzt man häufig einen Fortschrittsbalken. Einleuchtend ist die Anzeige eines Fortschrittsbalkens bspw. bei der Installation eines Programms oder einer App. Hier dürfte dabei jeder schon mal einen solchen Balken gesehen haben.

Aber auch beim Ausfüllen langer Formulare oder während eines Bestellvorgangs kann der aktuelle Fortschritt grafisch dargestellt werden. Hierzu gibt es mit CSS auch eine einfache Möglichkeit, dies zu tun.

Wie genau du mit CSS einen animierten Fortschrittsbalken in deine Website einfügen kannst, zeige ich dir dabei in diesem Artikel.

Mehr lesen

Bildwechsel bei Mouseover mit CSS

Schon seit sehr langer Zeit gibt es den Artikel „Grafik mit Mausberührung ändern lassen“ hier auf Webmasterparadies.de. In diesem Artikel stelle ich eine Möglichkeit vor, mit JavaScript eine Grafik bei Berührung mit dem Mauszeiger ändern zu lassen. Das ganze ist jedoch noch viel einfacher möglich. Du kannst ebenso einen Bildwechsel bei Mouseover mit CSS erzeugen.

In diesem Artikel zeige ich dir, wie das funktioniert.

Mehr lesen