[CSS] Die wichtigsten Linkeffekte

leonie.vrhspaghetti

Ok, wollte ich eigentlich ja aber ich wusste nich twie das geht, könntest du es mir bitte freundlicherweiße erklären +lol* lg leonie

daFrodo

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:

 <html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>menu</title>
<base target="_menu">
</head>

<body background="framerechts.jpg">

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #BBE7C4;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #BBE7C4;
scrollbar-darkshadow-color: #BBE7C4;
scrollbar-shadow-color: #BBE7C4;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #BBE7C4;
}
-->
</STYLE>

<b><font face="Verdana" size="1">


<a target="main" style="text-decoration: none;" href="willkommen.htm">
<font color="#000000">Home</font></a></font></b><p><font face="Verdana" size="1">
<b><u>Über uns</u></b> <br>
</font><font face="Verdana">

<b>

<a href="wir/wir.htm" target="main" style="text-decoration: none">
<font size="1" color="#000000">wir</font></a><font size="1"> </font><font face="Verdana" size="1">
<br>
<a target="main" style="text-decoration: none" href="klassensprecher/klassensprecher.htm">
<font color="#000000">Klassensprecher</font></a></font></b><font face="Verdana" size="1"><br>
</font><b><font face="Verdana" size="1">
<a target="main" style="text-decoration: none" href="klassenfahrt/klassenfahrt.htm">
<font color="#000000">Klassenfahrt</font></a></font></b><font face="Verdana" size="1"><br>
</font><b><font face="Verdana" size="1">
<a target="main" style="text-decoration: none" href="lehrer/lehrer.htm">
<font color="#000000">Lehrer</font></a></font></b><font face="Verdana" size="1"><br>
</font><b>
<a target="main" style="text-decoration: none" href="finden/finden.htm">
<font color="#000000" size="1">Hier findet ihr uns</font></a></b><font face="Verdana" size="1"><br>
</font><b><font face="Verdana">
<br>
<u><font size="1">Fun</font></u><font size="1"> <br>
</font>
<a target="main" style="text-decoration: none" href="sprueche.htm">
<font size="1" color="#000000">Sprüche</font></a></font></b><font face="Verdana" size="1"><br>
</font><b>
<a target="main" style="text-decoration: none" href="insider.htm">
<font color="#000000" size="1">Insider</font></a></b><font face="Verdana" size="1"><br>
</font><b>
<a target="main" style="text-decoration: none" href="fotos/fotos.htm">
<font color="#000000" size="1">Fotos</font></a></b><font face="Verdana" size="1"><br>
</font><b><font face="Verdana">
<br>
<u><font size="1">Sonstiges</font></u><font size="1"> <br>
</font>
<a target="main" style="text-decoration: none" href="galerie.htm">
<font size="1" color="#000000">Galerie</font></a></font></b><font face="Verdana" size="1"><br>
</font><b>
<a target="main" style="text-decoration: none" href="http://www.fgv2002.de/fetenplaner/fetenplaner.php4?action=show_reminder&id=122">
<font color="#000000" size="1">Fetenplaner</font></a></b><font face="Verdana" size="1"><br>
</font><b><a target="main" style="text-decoration: none" href="links.htm">
<font color="#000000" size="1">Links</font></a></b><br>
<b><font face="Verdana" size="1">
<a target="main" style="text-decoration: none" href="webteam/webteam.htm">
<font size="1" color="#000000">Webteam</font></a></font></b><font face="Verdana" size="1"><br>
</font><b>
</b>
</font>
<b>
<br>
<font face="Verdana">
<u><font size="1">Kontakt</font></u><font size="1"> </font> <br>
<a target="main" style="text-decoration: none" href="aim.htm">
<font color="#000000" size="1">AIM-ICQ-MSN</font></a></font></b><font face="Verdana" size="1"><br>
</font><font face="Verdana">
<b>
<a target="main" style="text-decoration: none" href="http://408926.guestbook.onetwomax.de/">
<font color="#000000" size="1">Gästebuch</font></a></b><font face="Verdana" size="1"><br>
</font><font face="Verdana">
<b>
<a target="main" style="text-decoration: none" href="http://29731.rapidforum.com/">
<font color="#000000" size="1">Forum</font></a></b><font face="Verdana" size="1"><br>
<b>
<a target="main" style="text-decoration: none" href="impressum2.htm">
<font color="#000000" size="1">Impressum</font></a></b>

A:link {COLOR: #000000; TEXT-DECORATION: none; border:1 dotted; border-color:#000000;} 
</b></body></html>

daFrodo

Home
Über uns
wir
Klassensprecher
Klassenfahrt
Lehrer
Hier findet ihr uns

Fun
Sprüche
Insider
Fotos

Sonstiges
Galerie
Fetenplaner
Links
Webteam

Kontakt
AIM-ICQ-MSN
Gästebuch
Forum
Impressum A:link {COLOR: #000000; TEXT-DECORATION: none; border:1 dotted; border-color:#000000;}

so sieht das aus.... traurig

PonyBaby

ya hier wollt ich schreiben, was du alles so für effekte in deine links einbaun kannst großes Grinsen

Alle codes müssen an diese Stelle in deinem CSS:

A:link {COLOR: #000000; TEXT-DECORATION: none; eventuell hier noch zusätzliche effekte;}

Die Farben kannst du natürlich alle beliebig ändern. Also denn ma los smile

Text-Decoration- Effekte

Das Text-Decoration: none; durch das was du haben willst ersetzen!

TEXT-DECORATION: underline; dein link ist unterstrichen

TEXT-DECORATION: overline; der link ist überstrichen

TEXT-DECORATION: underline overline; der link ist unter- und überstrichen

TEXT-DECORATION: line-trough; der link ist durchgestrichen

Andere Effekte

einfügen anstelle von "eventuell hier noch zusätzliche effekte;"

background-color: #ffffff; der link wird wie mit einem textmarker hinterlegt [der link bekommt einen hintergrund]

border:1 solid; border-color:#000000; der link bekommt einen kasten um sich herum

border:1 dotted; border-color:#000000; der link hat einen gestrichelten kasten

border-bottom:1 dotted; border-color:#000000; der link wird mit einer gestrichelten linie unterstrichen

filter:dropshadow(color=#000000,offX=1,offY=1); height:8pt; deine links haben einen schatten

filter:blur; dein link wird verschwommen

text-transform:capitalize; der erste Buchstabe des Link wird ein Großbuchstabe

text-transform:uppercase; alle linkbuchstaben sind großbuchstaben

font-size:7pt; die schriftgröße beträgt 7pt

font-weight:bold; Schrift ist dick

font-weight:italic; Schrift ist kursiv

font-weight:normal; Schrift ist normal-dick

filter:fliph; height:0; Der link wird gespiegelt

filter:flipv; height:0; der link wird auf den kopf gestellt

filter:glow(color=000000, strength=5); height:0; der link glüht in der angegebenen farbe

filter: invert(); height:0; Der Link erhält genau die Gegenteils-Farbe [Bsp.: Dein Link ist normalerweise schwarz, wenn man darüber fährt wird er dann weiß. das geht halt auch mit allen anderen farben

filter: mask; height:0; link wird transparent

Icedale.de....Sorry.

Soraya

Bei mir funktionieren die Linkefekte, aber wenn ich einmal auf den Link geklickt habe sind sie weg!
Kann mir wer helfen *liebguck* ?

Sultan

ich hab auf den seiten, wo links sind (sprich im meü xD) immer

<STYLE type="text/css">
A:link{COLOR: #000000; TEXT-DECORATION: none; }
A:visited{COLOR: #000000; TEXT-DECORATION: none; }
A:active{COLOR: #000000; TEXT-DECORATION: none; }
A:hover{COLOR: #FF0000; TEXT-DECORATION: none; }
</STYLE>

zwischen <head> und </head> eingegeben und dann jeweils die effekte eingesetzt. hat geklappt fröhlich

edit: also, auf jede seite einzeln eingefügt ganz oben xD

Alia

wie mach ich dass, das beim Link beim drüberfahren mit der Maus, ein strich drüber kommt?

Sam*

Zitat:

Original von sultanfriend
ich hab auf den seiten, wo links sind (sprich im meü xD) immer

<STYLE type="text/css">
A:link{COLOR: #000000; TEXT-DECORATION: none; }
A:visited{COLOR: #000000; TEXT-DECORATION: none; }
A:active{COLOR: #000000; TEXT-DECORATION: none; }
A:hover{COLOR: #FF0000; TEXT-DECORATION: none; }
</STYLE>

zwischen <head> und </head> eingegeben und dann jeweils die effekte eingesetzt. hat geklappt fröhlich

edit: also, auf jede seite einzeln eingefügt ganz oben xD

So klappts

Felixx

hm, kann man auch das unterschichen weg machen? Denn wenn ich nur die farbe beim link ändere, ist er unterschrichen und das mag ich nicht!

lg Lisi

sweet araber

+hoch hol+

ich möchte,dass die links dick werden,wenn man drauf geht,weiss aba nicht so richtig welchen link und wo ich den einsetzen soll,denn wenn ich einen einsetze, dann steht der code als text da.vll kann mir das ja jemand machen fröhlich

menü-code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Menue</title>
<style>body {scrollbar-face-color: #849153;scrollbar-highlight-color: #a7b37b; scrollbar-3dlight-color: #6f7a46; scrollbar-darkshadow-color: #545d325; scrollbar-shadow-color: #a7b37b; scrollbar-arrow-color: #bbc498;
scrollbar-track-color: #98a664;
</style>
<style type="text/css"></s
tyle>
</head>
<body
style="background-image: url(http://gestuetmarena.ge.funpic.de/menbild.jpg); background-color: rgb(145, 162, 94); color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<div style="font-size: 16px; font-family: Tahoma;"><span
style="font-weight: bold;"></span><br>
<a style="color: rgb(0, 0, 0);"
href="http://amazingfg.am.funpic.de/Home.html" target="Home">Startseite</a>
<br>
<a style="color: rgb(0, 0, 0);"
href="http://amazingfg.am.funpic.de/Rechtliches.html"
target="Home">Rechtliches</a>
<br>
<a style="color: rgb(0, 0, 0);"
href="http://amazingfg.am.funpic.de/Partner.html" target="Home">Partner</a>
<br>
<br>
<a style="color: rgb(0, 0, 0);"
href="http://amazingfg.am.funpic.de/Preisliste.html"
target="Home">Preisliste</a>
<br>
<a style="color: rgb(0, 0, 0);"
href="http://amazingfg.am.funpic.de/Pferde.html" target="Home">Pferde</a>
<br>
<br>
<a style="color: rgb(0, 0, 0);"
href="http://amazingfg.am.funpic.de/Deckplan.html" target="Home">Deckplan</a>
<br>
<a style="color: rgb(0, 0, 0);"
href="http://amazingfg.am.funpic.de/Deckantrag.html"
target="Home">Deckantrag</a><span
style="font-weight: bold;"><br>
<br>
</span></div>
<br>
</body>
</html>

Lisa-Marie P.

muss den das A: stehen bleiben wenn ich die Link einsetzte? also z.B. A:http://xxx.html

Irrlicht

Da ist ein Fehler ;D
Es heißt nicht line-trough sondern line-through.

Simsi1992

code:

1:
2:
3:
4:

A:link {COLOR: #FF556E; text-decoration: none; }
A:visited {COLOR: #FF556E; text-decoration: none; }
A:hover {COLOR: #FF556E; text-decoration: background-color: #6B6B6B }
A:active {COLOR: #FF556E; text-decoration: none; }

so sieht mein code aus ... was is falsch? funktioniert einfach nich =(
und nein es hat nichts mit meinen unfähigkeit css zu handhaben zu tun xD XD wenn ich da was anderes drinstehen hab funktionierts nur sobal das "background-color: #6B6B6B" drinsteht funkts nimma *rofl*

Love

hey,
ich wollt mal was sagen...die Codes sind von www.icedale.de (tutorials) "geklaut". Also entweder "Hexe" ist die Besitzerin von Icedale, oder es ist einfach nur geklaut...

Sorry das ich einen alten thread hochgeholt habe!
Liebe grüße
Nasti smile

ReD-RiNgElSöCk

und wie kann man links als Überschriften in die Navi packen (bei oyla)? smile

Lisa1008

Was stimmt da nicht ??

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Menue</title>
<style type="text/css">

</style>
<style type="text/css">
A:link {COLOR: #000000; TEXT-DECORATION: none; border:1 dotted; border-color:#000000;}
</style>
</head>
<body style="background-color: rgb(230, 221, 203);">
<div style="text-align: center; font-family: Verdana;">
<small><a style="color: rgb(0, 0, 0);" href="Home1.html"
target="untermenue"> Home</a><br>
<a style="color: rgb(0, 0, 0);" href="About1.html"
target="untermenue"> About</a><br>
<a style="color: rgb(0, 0, 0);" href="Aktuelles1.html"
target="untermenue"> Aktuelles</a><br>
<a style="color: rgb(0, 0, 0);" href="Bilder1.html"
target="untermenue"> Bilder</a><br>
<a style="color: rgb(0, 0, 0);" href="Videos1.html"
target="untermenue"> Videos</a></small>
<big><big><small><br>
  </small></big></big></div>
</body>
</html>

bubblegum

Zitat:

Original von Hexe

text-transform:uppercase; alle linkbuchstaben sind großbuchstaben

Gibt es den auch andersrum? Also, dass die Große Schrift beim Rüberfahren klein wird?

anna.

lowercase

bubblegum

danke

Lisa1008

Zitat:

Original von Lisa1008
Was stimmt da nicht ??

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Menue</title>
<style type="text/css">

</style>
<style type="text/css">
A:link {COLOR: #000000; TEXT-DECORATION: none; border:1 dotted; border-color:#000000;}
</style>
</head>
<body style="background-color: rgb(230, 221, 203);">
<div style="text-align: center; font-family: Verdana;">
<small><a style="color: rgb(0, 0, 0);" href="Home1.html"
target="untermenue"> Home</a><br>
<a style="color: rgb(0, 0, 0);" href="About1.html"
target="untermenue"> About</a><br>
<a style="color: rgb(0, 0, 0);" href="Aktuelles1.html"
target="untermenue"> Aktuelles</a><br>
<a style="color: rgb(0, 0, 0);" href="Bilder1.html"
target="untermenue"> Bilder</a><br>
<a style="color: rgb(0, 0, 0);" href="Videos1.html"
target="untermenue"> Videos</a></small>
<big><big><small><br>
  </small></big></big></div>
</body>
</html>

???

kann mri kiner helfen ??

vorherige Seite

nächste Seite

Forensoftware: Burning Board, entwickelt von WoltLab GmbH