---

Geschrieben von Kyli_pferdchen am 23.03.2005 um 19:59:

Linkeffekte nix kapisch!

Also ich habe bei www.icedale.de so nen voll coolen Tut gefunden den ich auch unbedingt gebraucht habe. Nun habe ich aber ein Problem. Das funzt bei mir net....irgendwas gebe ich wahrscheinlich falsch ein. Ich zeig euch das mal an erklärungen was ich net verstehe.:



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



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

Hier zu den Farben in denen ich das gemacht habe:

Was ist das???
Soll das bem einfügen im HTML Modus dabei bleiben?
Was muss ich da einfügen???
Soll ich das auch ersetzen oder bleibt das "Text Decoration" und nur das "none" wird ersetzt?
Kommen diese ";" Zeichen auch weg oder müssen die bleiben?

---

Geschrieben von Aya am 23.03.2005 um 20:45:

 

ein CSS ist ein Dokument um das Design der Seiten von Homepages zu regeln... dazu musst du danach nur mehr einen kleinen Code in jede Seite einbauen und die Angaben werden übernommen.
Aber bevor du diese Sachen, die du oben gefragt hast, braucht, musst du dir erstmal einen CSS anlegen

Ich erklär dir die Punkte trotzdem mal:
1. siehe oben
2. ja... das A bzw. a muss drin bleiben
3. nichts... das links stimmt. Das is nur die Angabe, das die folgenden Angaben nach dem "links" auf die Links bezogen sind
4. Lass stehen... gehört so =]
5. Die gehören dazu.. Damit beginnen bzw. enden die Teile des CSS

---

Geschrieben von Kyli_pferdchen am 23.03.2005 um 21:12:

 

Oh..danke Jetzt müsst eich nur noch wissen wie man so ein CSS anlegt...ich habe mir mal den Tut zu CSS von Katja bei Tutorial und FAQ durchgelesen, nur leider kapier ich da nix Ist das einfach etwas schwerer zu verstehen oder bin ich zu blöd dafür

---

Geschrieben von Aya am 23.03.2005 um 21:14:

 

Welches Homepageprogramm verwendest du denn?

---

Geschrieben von Kyli_pferdchen am 23.03.2005 um 21:23:

 

Wie welches Homepage Programm verwende ich
Beepworld

---

Geschrieben von Aya am 23.03.2005 um 21:30:

 

ohh... hm.. damit kann man natürlich keinen externen CSS erstellen... aber es geht auch ohne...
1. geh in den HTML-Modus
2. gib den code so ein:
<style type="text/css">
<!--
A:link {COLOR: #000000; TEXT-DECORATION: none; eventuell hier noch zusätzliche effekte;}
Hier können noch weitere Angaben eingebaut werden-->
</style>

---

Geschrieben von Kyli_pferdchen am 23.03.2005 um 21:50:

 

Vielen Dank *knnuutsch* Ich probiers mal...

Hmmm....das klappt zwar bei allen Links die sonst so auf der Page sind, aber nicht bei denen die ich erstelle

---

Geschrieben von Aya am 24.03.2005 um 08:23:

 

hmmmm.... normal müsste es gehen 'grübel'
Wie sollen die Links denn genau aussehen? wie stellst du sie dir vor?

---

Geschrieben von Kyli_pferdchen am 24.03.2005 um 17:09:

 

Also die Links sollten weiß sein, da ich ein dunkles Desi habe. Sie sollten außerdem noch überstrichen sein, also so nen Strich über ihnen. Wenn man dann mit der Maus darüber fährt sollten sie so einen gestrichelten Kasten um sich haben.....nur irgendwie klappt das net...

---

Geschrieben von Aya am 24.03.2005 um 20:20:

 

so
<style type="text/css">
<!--
A:link {COLOR: #ffffff; TEXT-DECORATION: overline;}
A:active {COLOR: #ffffff; TEXT-DECORATION: overline;}
A:visit {COLOR: #ffffff; TEXT-DECORATION: overline;}
A:hover {COLOR: #ffffff; TEXT-DECORATION: none; border:1 dotted; border-color:#000000;}
</style>
so müsste das funken =]

---

Geschrieben von Horses 4 ever am 24.03.2005 um 22:46:

 

Ha! Genau so was hab ich auch gesucht! Cooli!

---

Geschrieben von Kyli_pferdchen am 25.03.2005 um 13:39:

 

Super! Das hat geklappt, danke!