Bild mit Hover-Text

Manchmal kann es sinnvoll sein, ein Bild mit einem Hover-Text zu versehen. So kann man bspw. den Namen des Autors über seinem Profilbild schweben lassen, oder generell den Ersteller eines Bildes so anzeigen lassen. Mit CSS ist dabei sehr einfach möglich, ein Bild mit Hover-Text zu erstellen.

Möchtest du auch deine Bilder mit einem hübschen Hover-Effekt versehen? Hier zeige ich dir, wie du das machen kannst.

Mehr lesen

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

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

Nützliche SEO Plug-ins für deinen Browser

Für eine ordentliche SEO auf einer Website benötigst du bestimmte Werkzeuge. Mit der Hilfe von diversen Tools kannst du deine Arbeit erleichtern und sie beschleunigen. Es liegt daher nahe, einige SEO Plug-ins für deinen Browser zu nutzen. Um dir die Suche nach nützlichen Browser Add-ons zu erleichtern, stelle ich dir in diesem Artikel einige SEO Plug-ins vor.

Mit Hilfe dieser Browser Add-ons kannst du deine Arbeit als SEO vereinfachen.

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