Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Tutorials und FAQ (https://www.gegen-bilderklau.net/board.php?boardid=45)
----- [CSS] Hovereffekt - Hyperlinks beweglich machen (https://www.gegen-bilderklau.net/thread.php?threadid=83610)

Geschrieben von Irrlicht am 07.10.2006 um 16:49:

  Hovereffekt - Hyperlinks beweglich machen

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!


Geschrieben von Irrlicht am 07.10.2006 um 17:50:

 

*wusel* ja, habs editiert!


Geschrieben von Irish-Tinker am 07.10.2006 um 23:16:

 

Was ist denn CSS?


Geschrieben von Irrlicht am 25.10.2006 um 19:03:

 

Genau definieren kann ich es nicht, aber hier gibt es ein tolles Tut dafür:

Tutorial: CSS


Geschrieben von Hrannar am 14.02.2007 um 16:18:

 

was meinst du mit, "im css einfügen" wo ist denn css wo ichs einfügen muss?


Geschrieben von .Maybe am 14.02.2007 um 18:35:

 

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


Geschrieben von Hrannar am 14.02.2007 um 18:46:

 

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?


Geschrieben von Irrlicht am 17.03.2007 um 23:21:

 

Wenn es funktioniert, ja großes Grinsen


Geschrieben von dunnjaa am 18.03.2007 um 14:52:

 

hey, hjat super geklappt! *freuz*


Geschrieben von Finn am 01.04.2007 um 21:53:

 

Hey danke großes Grinsen das is'n super Tut^^


Forensoftware: Burning Board, entwickelt von WoltLab GmbH