|
  |
 HTML Codes | Linkeffekte |
Carmen12
unregistriert
 |
|
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> |
Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Carmen12: 04.01.2006 10:01.
|
|
04.01.2006 09:51 |
|
|
-Katja-
milchschüttelchen
Dabei seit: 09.02.2005
Beiträge: 6.520
Herkunft: NRW
|
|
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
|
|
|
04.01.2006 09:57 |
|
|
Carmen12
unregistriert
|
|
bei mir hat es immer so funktioniert 
ich habs einfach ganz oben eingefügt und ja dann hat es geklappt (;
|
|
|
04.01.2006 09:59 |
|
|
-Katja-
milchschüttelchen
Dabei seit: 09.02.2005
Beiträge: 6.520
Herkunft: NRW
|
|
Da ist aber ein kleiner Unterschied zwischen funktionieren und richtig sein (;
|
|
|
04.01.2006 10:00 |
|
|
Carmen12
unregistriert
|
|
| 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.
|
|
|
04.01.2006 10:01 |
|
|
-Katja-
milchschüttelchen
Dabei seit: 09.02.2005
Beiträge: 6.520
Herkunft: NRW
|
|
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.
|
|
|
04.01.2006 10:07 |
|
|
Geronimo 
Verrückter Fotoknipser
Dabei seit: 15.12.2005
Beiträge: 1.995
Herkunft: Albstadt-Ebingen
|
|
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>
__________________
|
|
|
12.04.2006 21:30 |
|
|
|
|
|
|
Impressum
|
