Tolle Effekte für Tumblr-Blogs

Ein "fantastischer" Effekt liegt im Auge des Betrachters - was Sie klebrig finden, kann für einen anderen Tumblr-Benutzer der coolste Effekt aller Zeiten sein. Aber sobald Sie sich für Ihre eigenen benutzerdefinierten Effekte entschieden haben, müssen Sie den Quellcode Ihres Themes bearbeiten. Lesen Sie daher alle enthaltenen Tutorials für alle Effekte sorgfältig durch, bevor Sie einsteigen. Es kann mehrere Versuche dauern, die richtige Balance für Ihren Blog zu finden, aber das Endergebnis wird ein einzigartiges Blog-Thema für Sie sein.

Texteffekte

Wenn Sie Ihrem Blog etwas Skurriles hinzufügen möchten, können Sie den Rainbow Text Generator verwenden, um Links in einer klassischen Regenbogenpalette zu erstellen. Eine dramatischere und subtilere Änderung ist jedoch die Verwendung einer benutzerdefinierten Schriftart, die zur Stimmung Ihres Blogs passt. Google Fonts bietet mehr als 600 webfähige Schriftarten, die Sie mit minimalen Änderungen auf Ihren Tumblr-Blog anwenden können, von einfachen serifenlosen Schriftarten bis hin zu dekorativen Handschriften. Mit CSS können Sie auch Farbverläufe und Filter auf Text anwenden. (Links in Ressourcen.)

Bildeffekte

Bilder sind ein großer Teil der Tumblr-Erfahrung, und CSS3 macht es einfach, die Darstellung Ihrer Bilder auf der Seite zu ändern. Verwenden Sie beispielsweise die Hover-Pseudoklasse in CSS, um zu ändern, wie die Bilder angezeigt werden, wenn Besucher mit der Maus darüber fahren. Im folgenden Beispiel wird ein CSS-Webkit-Filter verwendet, damit alle Bilder in Graustufen angezeigt werden, bis Sie mit der Maus darüber fahren:

img {-webkit-filter: greyscale(100%);} img:hover {-webkit-filter: greyscale(0%);}

CSS3 bietet verschiedene Filter, wie Sepia-Ton, Unschärfen, Kontrastmanagement und andere grundlegende Bildbearbeitungseffekte. Der Artikel "Say Hello to Webkit Filters" von Tuts+ beschreibt diese Filter und ihre Verwendung. (Link in Ressourcen.)

Cursoreffekte

Eine andere Methode zur Anpassung besteht darin, den Cursor Ihres Besuchers zu ändern, um visuelles Interesse am Fokus des Benutzers zu wecken. Betrachten Sie zum Beispiel den Rainbow Fireworks-Effekt, der eine kleine feuerwerksähnliche Explosion erzeugt, wenn der Besucher auf Ihre Seite klickt. Eine weitere Option ist der Sparkle Cursor, der bunte Funken vom Cursor des Besuchers fallen lässt. Ein dritter ist der benutzerdefinierte Cursor, mit dem Sie jedes beliebige Bild hochladen können, das den Standard-Mauscursor des Besuchers ersetzen soll. (Links in Ressourcen.)

Ganzseitige Effekte

Die Website Snazzyspace bietet mehrere Effekte für Tumblr, darunter auch solche, die Ihren gesamten Blog betreffen. Ein Beispiel ist eine Meldung, die angezeigt wird, wenn Besucher Ihre Seite zum ersten Mal laden. Dies ist gut geeignet, wenn Sie Warnungen haben (z. B. nicht beruflich sicherer Inhalt). Eine weitere Option ist die fallende Schneeanimation, die Schneeflocken über die Seite fallen lässt, um ein winterliches Gefühl zu erzeugen. Snazzyspace bietet auch einen Zähler für Ihr Blog, der sowohl Ihre aktuelle Besucherzahl als auch Ihre höchste Besucherzahl aller Zeiten anzeigt. (Links in Ressourcen.)