Du bist hier: Startseite » Tutorials » Hovereffekt für Links TutorialBeispiel:
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]"
CODE:
/* 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
#3 von
Sniper 
Liebe Grüße
Sniper
Bei Fragen oder Probleme PM me oder schreib in das Forum
#2 von
Sniper
Liebe Grüße
Sniper
Bei Fragen oder Probleme PM me oder schreib in das Forum
#1 von
ntmb
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. :-)
Aber du könntes es als iframe coden _
