Tutorials

Hovereffekt für Links Tutorial

Einloggen
Benutzername:
Passwort:

Passwort vergessen?
Kostenlos
Anmelden
anzeigen
Hovereffekt für Links


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


Beispiel:
Bild

Ein Trick um Links beim draufzeigen stärker zu betonen
In diesem erklärtem Beispiel wird ein normaler Link (z.B. "CLICK" Smily NR:7 beim daraufzeigen zu einem von eckigen Klammern eingeschlossenem Link ("[CLICK]" Smily NR:7

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 Smily NR:9 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 Smily NR:9 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 Smily NR:9 Smily NR:8 Smily NR:7

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