Bild mit Hover-Text erstellen

Manchmal kann es sinnvoll sein, ein Bild bspw. mit einem Hover-Text zu versehen. So kann man bspw. den Namen des Autors über seinem Profilbild schweben lassen. Auch in einer Galerie ist dabei ein solcher Effekt zumeist sehr nett anzusehen. Mit CSS ist dabei sehr einfach möglich, ein Bild mit Hover-Text zu erstellen.

Weiterlesen …Bild mit Hover-Text erstellen

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 direkt. Diese Methode gilt jedoch als veraltet.

Weiterlesen …Hintergrundbild in HTML und CSS

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 …Bildwechsel bei Mouseover mit CSS

Eigene Schriftarten verwenden

Möchtest du, dass das Schriftbild deiner Website überall gleich aussieht, bist du normalerweise auf Standard-Schriftarten angewiesen. Also beispielsweise Arial oder Times New Roman. Machst du das nicht, kannst du dir nicht sicher sein, dass der Webseiten-Besucher die gewählte Schriftart installiert hat. Falls nein, würde deine Webseite völlig anders aussehen. Besser würde es sich natürlich machen, wenn du eine eigene Schriftarten verwenden könntest.

In diesem Artikel erläutere ich, wie du trotzdem eigene Schriftarten verwenden kannst und die Besucher deiner Seite sie sehen können.

Weiterlesen …Eigene Schriftarten verwenden

Aufzählungslisten mit eigener Grafik

Aufzählungslisten werden im Browser meist entweder mit einem Punkt, oder einem Kästchen dargestellt. Diese lassen sich zwar farblich anpassen, sehen bei manchen Designs jedoch nicht immer vorteilhaft aus. Es ist allerdings auch möglich, Aufzählungslisten mit eigener Grafik darzustellen. Dazu ist ein wenig CSS vonnöten.

In diesem Artikel zeige ich dir, wie du mit CSS die Aufzählungszeichen mit einer eigenen Grafik anpassen kannst.

Weiterlesen …Aufzählungslisten mit eigener Grafik

Grafik stündlich wechseln lassen

Mit Hilfe eines kleinen JavaScripts ist es möglich, dass du auf deiner Website eine Grafik stündlich wechseln lassen kannst. Es gibt dabei viele Möglichkeiten, wie du so etwas einsetzen könntest. Du könntest bspw. das Script dazu benutzen, das Design deiner Website aufzupeppen. So wäre es möglich, einen Mond oder eine Sonne je nach Tageszeit wandern zu lassen.

In diesem Artikel zeige ich dir, wie das funktioniert.

Weiterlesen …Grafik stündlich wechseln lassen

Grafik mit Mausberührung ändern lassen

Manchmal kann es sinnvoll sein, eine Grafik mit Mausberührung ändern zu lassen. JavaScript macht dies möglich. Sobald der Mauszeiger das Bild berührt, ändert sich dies zu einem anderen Bild.

In diesem Artikel zeige ich dir, wie das mit JavaScript funktioniert.

Weiterlesen …Grafik mit Mausberührung ändern lassen

Allgemeine Tipps zum Webdesign

Mit diesem Artikel möchte ich dir einige Dinge zeigen, auf denen es beim Webdesign ankommt. Was sollte man tun, was besser nicht.

Normalerweise sollten die nachfolgenden Hinweise alle selbstverständlich sein. Leier werden sie jedoch nicht immer beachtet oder ganz ignoriert. Wenn du jedoch eine erfolgreiche Website haben möchtest, solltest du bei ihrer Gestaltung an die folgenden Punkte denken.