[CSS] Die wichtigsten Linkeffekte

Text-Decoration- Effekte

A:link {COLOR: #000000; TEXT-DECORATION: none; eventuell hier noch zusätzliche 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
A:link {COLOR: #000000; TEXT-DECORATION: none; eventuell hier noch zusätzliche effekte;}
einfügen anstelle von "eventuell hier noch zusätzliche effekte;"


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; der Link hat einen Schatten

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

Coole Efekte, aber wo muss man die einfügen?? Also, wo im html code vom Link ....

das würd ich asuch gerne wissen

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


und

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

und wie geht das bei oyla?

das geht bei mir irgentwie nicht

ja das wäre cool!also ich würde den code gernhaben der wenn man auf die links kommt darum son kästchen kommt

<a href="home.html" target="main">Home</a>

Das ist mein Linkcode. Irgendwie versteh ich immer noch nicht, wo ich jetzt den Effekt reintun soll ... kann mir jemand helfen *please*

also das ganze einfach unter die ganzen links?

Ja, bitte mach es mir Isa!
Also, mit dem Linkcode:
<a href="home.html" target="main">Home</a>

und dem effekt dass ein gestrichelter Rahmen um den Link kommt

Danke!!

würde auch mal gerne wissen wie das funzt, wenn ich es ganz unten einfüge sieht man es zwar auf der normalen text seite nicht mehr, aber es kommt auch kein kasten um den link.

Zitat:

Original von Isa wenn du magst kann ich es mal versuchen... LG Isa

das Problem ist, ich mach die Page mit Frontpage und hab sie noch nicht hochgeladen...
muss man ned da wo link steht nochwas einfügen?

A:link {COLOR: #000000; TEXT-DECORATION: none; border:1 solid; border-color:#000000;

Suhe einen Linkeffekt, bei dem die Schrift wenn man drüberfährt kleiner wird

Zitat:

Original von Isa Zitat: Original von daFrodo A:link {COLOR: #000000; TEXT-DECORATION: none; border:1 solid; border-color:#000000; A:link {COLOR: #000000; TEXT-DECORATION: none; border:1 dotted; border-color:#000000; die klammer die dick ist muss noch dahin vieleicht war das der fehler? Lg Isa

Ich glaub langsam es liegt an meinem PC, denn ich sehe bei dir im Beitrag keine Klammer die dick ist...
die Klammer die ganz ans Ende müsste (die ich oben vergessen hab) hab ich bei Frontpage aber drin.

also ich hab das menü in nem neuen fenster geöffnet un dann auf HTML gegangen (hab Frontpage) und es dann unter allen Links eingefügt.

Zitat:

Original von Isa nicht unter jedem link sondern ganz ganz ganz als letztes einmal!!!!!!! Und dann einfach speichern dann dürfte es klappen Lg Isa

*verzweifelt* ja hab mich falsch ausgedrückt. Habe den Link also letztes einmal eingefügt. Ich probiers nochmal und wenns ned funzt dann hab ich auch kp.

A:link {COLOR: #000000; TEXT-DECORATION: none; border:1 dotted; border-color:#000000;}
das habe ich jetzt einfach mal auf der textseite Menü im Html editor eingefügt es ist aber nicht´s passsiert muss ich daran noch was ändern? Ich habe es ganz ganz unten eingefügt...

Mein quaelltext ist:



<FONT face=Arial><FONT face=Arial><FONT color=#800080>
<P><FONT face=Arial color=#000000>>>Allgemein: W</FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=75459999" target=Main><FONT face=Arial color=#000000>illkommen</FONT></A><FONT color=#000000> </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=ins&typ=guestbook" target=Main><FONT face=Arial color=#000000>Gästebuch</FONT></A><FONT color=#000000> <FONT face=Arial> <A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=ins&typ=kontakt" target=Main>Kontakt</A> </FONT></FONT></P>
<P><FONT face=Arial><FONT color=#000000>>>Rechtliches: </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=23265969" target=Main><FONT color=#000000>Impressum</FONT></A><FONT color=#000000> </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=74518758" target=Main><FONT color=#000000>Bildnachweiß</FONT></A><FONT color=#000000> </FONT></FONT></P>
<P><FONT face=Arial><FONT color=#000000>>Der Hof: </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=40758163" target=Main><FONT color=#000000>Hofrundgang</FONT></A><FONT color=#000000> </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=31812865" target=Main><FONT color=#000000>Die Stallanlage</FONT></A></FONT></P>
<P dir=ltr style="MARGIN-RIGHT: 0px"><FONT color=#000000>>>Anmelden: </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=53036250" target=Main><FONT color=#000000>Anmelden</FONT></A><FONT color=#000000> </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=67279562" target=Main><FONT color=#000000>Die Statuse</FONT></A><FONT color=#000000> </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=24855031" target=Main><FONT color=#000000>Die Punkte</FONT></A><FONT color=#000000> </FONT><A href="http://www.1page.ch/cgi-bin/hpm_homepage_show.cgi?userid=68920014&pag
e=text&id=87408028" target=Main><FONT color=#000000>Shop</FONT></A></P></FONT></FONT></FONT>



<head><STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: ##0000FF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: ##0000FF;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: ##330066;
scrollbar-arrow-color: #000000;
scrollbar-track-color: ##00FFFF;
}
-->
</STYLE></head>

Bitte fasst die Code-Abschnitte in [CODE]-Tags ein!