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)
----- [CSS] Die wichtigsten Linkeffekte (https://www.gegen-bilderklau.net/thread.php?threadid=484)


Geschrieben von Hexe am 11.02.2005 um 01:20:

  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



Geschrieben von Soraya am 30.05.2005 um 16:08:

 

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



Geschrieben von Alina am 31.05.2005 um 17:57:

 

das würd ich asuch gerne wissen Augenzwinkern



Geschrieben von Kopflos am 31.05.2005 um 18:00:

 

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;}



Geschrieben von Alina am 31.05.2005 um 18:04:

 

und wie geht das bei oyla?



Geschrieben von Alina am 31.05.2005 um 19:41:

 

das geht bei mir irgentwie nicht verwirrt



Geschrieben von Alina am 31.05.2005 um 20:56:

 

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



Geschrieben von Soraya am 01.06.2005 um 08:55:

 

<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*



Geschrieben von Alina am 01.06.2005 um 13:18:

 

also das ganze einfach unter die ganzen links?



Geschrieben von Soraya am 01.06.2005 um 14:02:

 

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!!



Geschrieben von daFrodo am 06.06.2005 um 22:05:

 

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.



Geschrieben von daFrodo am 07.06.2005 um 18:11:

 

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?



Geschrieben von daFrodo am 08.06.2005 um 14:10:

 

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



Geschrieben von Shadow am 09.06.2005 um 16:27:

 

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



Geschrieben von daFrodo am 09.06.2005 um 18:26:

 

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.



Geschrieben von daFrodo am 12.06.2005 um 18:17:

 

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.



Geschrieben von daFrodo am 12.06.2005 um 20:48:

 

Zitat:
Original von Isa
nicht unter jedem link sondern

ganz ganz ganz als letztes einmal!!!!!!!

Und dann einfach speichern dann dürfte es klappen Augenzwinkern

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.



Geschrieben von leonie.vrhspaghetti am 13.06.2005 um 13:50:

 

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...



Geschrieben von leonie.vrhspaghetti am 13.06.2005 um 14:48:

 

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>



Geschrieben von Lars007 am 13.06.2005 um 18:02:

 

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


Forensoftware: Burning Board, entwickelt von WoltLab GmbH