Bilder im Header, LinkContainer und Hovereffekt

Moin,

benötige mal wieder Hilfe.

Hab ja, wie man auf meiner Page sehen kann, in meinem Header 5 verschiedene "Polaroid-Fotos", die auf andere Teile (Sparten) meiner Seite verweisen. Nun zu meinen zwei Fragen:

Ich habe die "LinkContainer" (wie kann man das sonst nennen) ja als rechtecke mit vertikalen und horizontalen Seiten definiert. Dies wurde mit

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

realisiert. Kurz zu sehen sind diese "Rahmen", wenn man auf den Link klickt. Frage: Gibt es eine Möglichkeit, dieses Rechteck zu drehen, also quasi auf eine Ecke zu stellen? Damit es zu den Polaroidausschnitten passt.

Darüber hinaus hätte ich für diese "Polaroidausschnitte", die das Foto zeigen, die Möglichkeit, ihnen per a:hover einen anderen Background (farbige Version des Bildes) zuzuweisen. Damit, wenn man mit dem Mauszeiger über die verlinkte Fläche fährt, das Foto eben farbig wird.

Könnte mir der ein oder andere ein paar Tipps zu meinen zwei Fragen geben?

Ich wäre zu ewigem Dank verpflichtet!
Liebe Grüße,
Enrico

 

Hm,
transparente Gifs? Muss ich wohl mal googeln.

Aber um die auf den MouseOver-Bereich zu legen, müsste ich doch erst den Linkbereich kippen. D.h. das Rechteck, das als Linkfläche fungiert, um 8° nach links kippen. Wie stell ich das an?