Hovereffekt für Links Tutorial - Kostenlose Homepage Tools für deine Homepage auf ntmb.de

Hovereffekt für Links

3564 - Sniper - 25.06.2006 12:19 Uhr - Version: 1 - - verlinken als BB-Code

Beispiel:

Ein Trick um Links beim draufzeigen stärker zu betonen
In diesem erklärtem Beispiel wird ein normaler Link (z.B. "CLICK"

beim daraufzeigen zu einem von eckigen Klammern eingeschlossenem Link ("[CLICK]"

1 2 3 4 5 6 7 8 9 10 11 12 13 /* css geht durch das :before vor den jeweiligen HTMLtag */ a:hover:before { content:"["; /* content setzt den Inhalt davon, leider kann man keine HTMLsonderzeichen */ /* geschweigedenn HTMLtags benutzen */ } /* dasselbe wie oben, bloß durch das :after nach dem tag */ a:hover:after { content:"]"; }

Man kann :before und :after natürlich auch bei anderen tags benutzen (span, h1-6).

Man kann die schrift natürlich formatieren

Probleme:
Der IE interpretiert das ganze nicht.

MFG

Sniper

Mitglieder-Kommentare

#3 von Sniper

Sorry

Aber du könntes es als iframe coden _

Liebe Grüße
Sniper
Bei Fragen oder Probleme PM me oder schreib in das Forum

#2 von Sniper

Sorry

Aber du könntes es als iframe coden _

Liebe Grüße
Sniper
Bei Fragen oder Probleme PM me oder schreib in das Forum

#1 von ntmb

Bitte achte in Zukunft darauf, dass dein Tutorial nicht zu breit ist

mfg Eugen

Der freundliche Admin aus der Nachbarschaft
Lachecke.de - Dein täglicher Lacher im Internet
Listrank.de - Die ultimative Topliste nach Themen

Nur registrierte Mitglieder könnten einen Kommentar schreiben.

Melde dich doch ganz einfach an, es ist kostenlos. :-)