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)
----- [HTML] HTML Codes | Linkeffekte (https://www.gegen-bilderklau.net/thread.php?threadid=45734)
Geschrieben von Carmen12 am 04.01.2006 um 09:51:
HTML Codes | Linkeffekte
Hallo, ich weiß es gibt schon ein paar Threads über linkeffekte etc.
Aber ich hab nun auch ein paar die nicht genau dieselben sind wie
die von den anderen und ja... wollte sie auch zur verfügung stellen 
Hab die grade eben in meiner sammlung gefunden ^^
LINKEFFEKTE
Hier wird beim darüberfahren der Links ein 'Kreuz' daraus: (ca. so nur größer +)
| Zitat: |
<style type="text/css">
<!-- Cursor //-->
<!--
h1, p, a { cursor:crosshair; }
//-->
</style> |
Hier wird beim darüberfahren der Link verschwommen
| Zitat: |
<html><head><title>filter:Blur()</title>
</head><body>
<p>links das Bild in seiner normalen Form, rechts mit Blur()-Filter:</p>
<img src="filter_blur.jpg" width="91" height="177" alt="Bild" border="0">
<img src="filter_blur.jpg" width="91" height="177" alt="Bild" border="0"
style="filter:Blur(direction=45, strength=40)">
<div style="width:100%; padding:20px; font-size:56px; color:red;
filter:Blur(direction=235, strength=6)">Text </div>
</body></html> |
Mit diesem Code 'glüht' der Text (wie ein Heiligenschein xD)
| Zitat: |
<html><head><title>filter:Glow()</title>
</head><body>
<div style="width:100%; font-size:85px; color:#9999CC;
filter:Glow(color=#000000, strength=12)">Glühender Text</div>
</body></html> |
Hier bekommt der Text einen Schatten
| Zitat: |
<html><head><title>filter:Shadow()</title>
</head><body>
<div style="width:100%; font-size:64px; color:magenta; filter:Shadow(color=#000000, direction=45)">
Text einfügen</div>
</body></html> |
Hier wird der Text wellig 
| Zitat: |
<html><head><title>filter:Wave()</title>
</head><body>
<div style="width:100%; font-size:123px; font-weight:900; color:#FFCCFF;
filter:Wave(freq=5, lightstrength=20, phase=50, strength=6) Shadow(color=#808080, direction=135);">
Text einfügen</div>
</body></html> |
Geschrieben von -Katja- am 04.01.2006 um 09:57:
Ehem, die Linkeffekte kommen nicht in den Body, sondern in den Head ^^
Äh ne, Das kommt doch net in's Div, sondern in eine StylesheetDatei im Head?
| Zitat: |
<html><head><title>filter:Glow()</title>
</head><body>
<div style="width:100%; font-size:85px; color:#9999CC;
filter:Glow(color=#000000, strength=12)">Glühender Text</div>
</body></html> |
Wird dann doch zu
| Zitat: |
<html>
<head>
<title>filter:Glow()</title>
<style type="css">
a:hover { color:#9999CC; text-decoration: filter:Glow(color=#000000, strength=12);}
</head>
<body>
</body>
</html> |
lg
Geschrieben von Carmen12 am 04.01.2006 um 09:59:
bei mir hat es immer so funktioniert
ich habs einfach ganz oben eingefügt und ja dann hat es geklappt (;
Geschrieben von -Katja- am 04.01.2006 um 10:00:
Da ist aber ein kleiner Unterschied zwischen funktionieren und richtig sein (;
Geschrieben von Carmen12 am 04.01.2006 um 10:01:
| Zitat: |
Original von -Katja-
Da ist aber ein kleiner Unterschied zwischen funktionieren und richtig sein (; |
genau so war es bei mir richtig... naja bei mir geht es so und ist richtig.
Geschrieben von -Katja- am 04.01.2006 um 10:07:
Nene (;
Das ist 'Internet Explorer-Richtigkeit'.
Beim IE funktionierts ja schon filter:Chroma #ffffff
Invalid (;
Sowas gehört in eine Stylesheetdatei, damit der CSS da rein kann.
Geschrieben von Geronimo am 12.04.2006 um 21:30:
Muss ich hier igrendwas ersetzen und wo genau muss der hin?
<html><head><title>filter:Blur()</title>
</head><body>
<p>links das Bild in seiner normalen Form, rechts mit Blur()-Filter:</p>
<img src="filter_blur.jpg" width="91" height="177" alt="Bild" border="0">
<img src="filter_blur.jpg" width="91" height="177" alt="Bild" border="0"
style="filter:Blur(direction=45, strength=40)">
<div style="width:100%; padding:20px; font-size:56px; color:red;
filter:Blur(direction=235, strength=6)">Text </div>
</body></html>
Forensoftware: Burning Board, entwickelt von WoltLab GmbH