[HTML] HTML Codes | Linkeffekte

Carmen12

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 fröhlich

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:

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>

-Katja-

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>

Carmen12

bei mir hat es immer so funktioniert Augenzwinkern

ich habs einfach ganz oben eingefügt und ja dann hat es geklappt (;

-Katja-

Da ist aber ein kleiner Unterschied zwischen funktionieren und richtig sein (;

Carmen12

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.

-Katja-

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.

Geronimo

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