Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Tutorials und FAQ » [CSS] Hovereffekt - Hyperlinks beweglich machen

[CSS] Hovereffekt - Hyperlinks beweglich machen

Irrlicht
Mit diesem Code:

code: 
1:

A:hover{color:#000000;text-decoration:none; position: relative; top: 1; left: 1;}


könnt ihr einen Link (sei es ein Bild oder ein einfacher Link) "bewegen", z.B. ein Enter. Wenn ihr mit der Maus drüberfahrt, verschiebt sich die Grafik oder der geschriebene Link dann um (hier) 1 px. Ihr müsst dafür einfach nur diesen Code bei CSS einfügen. Wenn ihr wollt, dass sich der Hyperlink noch weiter nach rechts unten bewegt, könnt ihr einfach die zwei 1sen im Code auf eine beliebig hohe Zahl erhöhen, z.B. 3. Hoffe, dass es funktioniert - bei mir hat es geklappt Augenzwinkern


Habe diesen Code von Sidney, hier nochmal vielen Dank!
Irrlicht
*wusel* ja, habs editiert!
Irish-Tinker
Was ist denn CSS?
Irrlicht
Genau definieren kann ich es nicht, aber hier gibt es ein tolles Tut dafür:

Tutorial: CSS
Hrannar
was meinst du mit, "im css einfügen" wo ist denn css wo ichs einfügen muss?
.Maybe
Zitat:
Original von grafikörin
was meinst du mit, "im css einfügen" wo ist denn css wo ichs einfügen muss?

Schau dir mal den Post über dir an, den Link solltest du dir auch zu herzen nehmen =D
Hrannar
ja ok hab ich gemacht also so:

<html>
<head>
<title></title>
<style type="text/css">
A:hover{color:#000000;text-decoration:none; position: relative; top: 1; left: 1;}
</style>
</head>
<body>
</body>
</html>

da rein?
Irrlicht
Wenn es funktioniert, ja großes Grinsen
dunnjaa
hey, hjat super geklappt! *freuz*
Finn
Hey danke großes Grinsen das is'n super Tut^^
Forensoftware: Burning Board, entwickelt von WoltLab GmbH