Formular per E-Mail senden

Es gibt verschiedene Wege, wie du auf deiner Website ein Formular per E-Mail senden kannst. Dabei kannst du rein auf HTML und dem mailto: Befehl setzen. Du kannst ebenso einen Formmailer einsetzen.

Ich beschreibe beide Methoden in diesem Artikel und zeige dir dabei auch mögliche Vor- und Nachteile der jeweiligen Methode.

weiterlesen

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.

weiterlesen

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.

weiterlesen

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.

weiterlesen

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.

weiterlesen

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.

weiterlesen

Hintergrundbild in HTML und CSS

Ein Hintergrundbild in die eigene Website einzufügen ist überhaupt kein Problem. Dabei gibt es auch verschiedene Wege, wie du das machen kannst. Der eleganteste Weg ist dabei sicherlich die Einbindung mit CSS. Dazu legst du dann in deinem Stylesheet fest, wo und wie der Browser das Hintergrundbild anzeigen soll. Ein anderer Weg ist über HTML […]

weiterlesen

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.

weiterlesen