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)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Links beim drüberfahren mit Effekt (https://www.gegen-bilderklau.net/thread.php?threadid=152489)
Geschrieben von summersky am 22.03.2009 um 21:21:
Links beim drüberfahren mit Effekt
Hallo. Ich kenn mich leider mit dem ganzen Zeug noch nicht so aus,
hätte aber auf meiner Hp gerne den Effekt, dass wenn man mit der
Maus über einen Link fährt (im Menü), dass dieser dann
Großgeschrieben, fett oder kursiv ist.
Wie bekomm ich dass hin?
Geschrieben von summersky am 23.03.2009 um 18:21:
Danke. Werden da nur die Links im Menü?
hatte das schonmal und da wurden auch ganz normale links.
Geschrieben von KinoKarte am 23.03.2009 um 18:45:
Ein Tut dazu findest du hier:
Die wichtigsten Linkeffekte
Welchen Server hast du denn? Bei Oyla (Baukasten) u.s.w. musst du das irgendwo eingeben, bei funpic (HTML) u.s.w. musst du es zu dem Linkcode setzen.
Geschrieben von evanescence* am 23.03.2009 um 19:31:
Huhu,
Entweder du befolgst den Rat, oder du verwendest, wenn du dich mit CSS auskennst, einfach die 'Hover' Funktion an. Zum Beispiel (für groß geschrieben, beim drüberfahren):
| php: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
|
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<head>
<title></title>
<style type="text/css">
<!--
a:hover{
text-decoration: none;
text-transform: uppercase }
//-->
</style>
</head>
<body>
<a href="Beispiel.html">Beispiellink</a>
</body>
</html> |
|
Wie du deine Links sonst gestalten kannst, weißt du vermutlich.
Für kursiv müsste es übrigesn heißen:
| php: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<style type="text/css">
<!--
a:hover{
text-decoration: none;
font-style: italic }
//-->
</style> |
|
...& für dick:
| php: |
1:
2:
3:
4:
5:
6:
7:
|
<style type="text/css">
<!--
a:hover
{text-decoration: none;
font-weight: bold }
//-->
</style> |
|
Ich hoffe, ich konnte dir helfen.
Geschrieben von Perpetual am 23.03.2009 um 20:05:
| Zitat: |
Original von Susie Summersky <3
Danke. Werden da nur die Links im Menü?
hatte das schonmal und da wurden auch ganz normale links. |
Wenn du nicht willst, dass die anderen Links auch diesen Effekt bekommen, musst du den Menülinks Klassen zuweisen, die du im CSS definierst.
Geschrieben von summersky am 23.03.2009 um 20:13:
achso. danke (:
@ Grafik: Wie und wo muss ich das jetzt einfügen (oyla) ?
Geschrieben von evanescence* am 23.03.2009 um 20:56:
Frag am besten mal jemanden, der sich mit Oyla auskennt. Wenn ich programmiere, dann nur auf dem PC und wenn ich die Website online stellen möchte, dann mit FTP Programmen und Hostern, die damit kein Problem haben
Ich kann mir Oyla ja mal ansehen, hoffen das ich da durchsteige und dir Bescheid geben. Wird aber spätestens übermorgen passieren. Schneller wird wohl sein, jemanden anzuschreiben *lach*
Forensoftware: Burning Board, entwickelt von WoltLab GmbH