Dass ich und JavaScript uns nicht besonders gut verstehen, habe ich glaub ich schon ein paarmal erwähnt. Trotzdem versuche ich ja in letzter Zeit so bisschen damit zu arbeiten. Heute bei der Arbeit musste ich einen Turn off the lights button schreiben und habe festgestellt, dass kein Script das gemacht hat, was ich wollte. Irgendwie hab ich mir dann aus sechs verschiedenen Scripten selbst was zusammengebastelt, dass dann am Ende das getan hat, was ich haben wollte. Und weil ich eigentlich gar nicht sooo viel haben wollte, sondern eigentlich nur das, was in den Kommentaren der jeweiligen Posts auch gefragt wurde (und dann eigentlich nie beantwortet wurde...) habe ich beschlossen meinen Button mit euch zu teilen :)

Me and javaScript haven't really been best friends. that's a fact most of you probably will now about. Still, I try to get a little closer to it, and try writing some simpler scripts. Today at work I had to create a turn off the lights button and realized that all over the internet I could not find one script that did what I wanted. So I had to mix about six different ones until I got the result I was looking for. And since I did not have wishes like noone else but had the same questions usually asked in the comment section of each of the tutorials I decided to share my script with you.

Heute möchte ich mal wieder über Fonts sprechen. Und zwar geht es darum, was Google Webfonts eigentlich schon gemacht hat. Das machen wir nun für uns.
Font-Face implementiert einen Font in euren Blog, den ihr dann ganz gewöhlich verwenden könnt.

Hover definieren

EDIT Hab's endlich geschafft. Der QT ist überarbeitet, mit aktuellem Code und sichtbarem Glitzereffekt :) Diesmal wirklich nur ein suuuperkurzer Quick Tip, aber ich dacht ich zeig euch mal, wie ihr den hover eines Links noch bisschen interessanter macht, also nur dass er die Farbe ändert.
Und zwar geht es heut um den

Glitzerhover

(bitte mal mit der Maus auf das Wörtchen ^^)
Das ganze lässt sich natürlich auch immer adaptieren.


Das ganze geht natürlich wieder über CSS (Gott, ich liebe dieses Zeug xD) und zwar so.

Wollt ihr das ganze allgemein formatieren, also auf alle Links eures Blog verwenden dann fügt ihr den ganzen Code so ein:
.a:hover{
GANZER CODE
}

Wollt ihr das ganze nur auf ausgewählte Codes geht das folgendermassen.
Entweder den Code ebenfalls im Vorlagendesigner, oder aber direkt im Post oder in einem HTML-Gadget, dann aber mit den Style-Tags.

<style type="text/css">
#glitzer a:hover{
GANZER CODE
}
</style>

Okay. Num zum Glitzer-hover.
Zum einen will ich wie gesagt, dass es im HG glitzert, zum anderen solll der Link aber auch langsam einegefärt werden. das funzt folgendermassen:
Zuerst braucht ihr ein Bild von Glitzer (bsp: hier ) und das wählt ihr dann als HG, der Rest ist für das Einfärben.

Dort wo "GANZER CODE" steht, müsst ihr also folgendes eingeben:
background-image:url(LINK);
border-bottom:none;
text-shadow: #000000 1px 1px 2px;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-ms-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
color: #ff0050 !important;
text-decoration: none !important;

Anwendung:

<div id="glitzer"> <a href="LINK"> TEXT </a> </div>