Links mit Rahmen gestallten [CSS] Tutorial - Kostenlose Homepage Tools für deine Homepage auf ntmb.de

Links mit Rahmen gestallten [CSS]

3798 - ntmb - 01.02.2006 20:21 Uhr - Version: 1 - - verlinken als BB-Code

In diesen Tutorial könnt ihr mal sehen wie man ein Link mit einen Rahmen und Hintergrund gestaltet kann, der bei mouseover sich ändert

Dies ist der CSS Tag

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <style type="text/css"> a.extra:link,a.extra:visited { margin:1px; padding:1px; display:block; border:1px solid #000000; color:#000000; TEXT-DECORATION:none; font-size:12px; font-weight:bold; background-color:#DDDDDD; } a.extra:hover { background-color:#FFFFFF; } </style>

Dieser CSS Code ist nur ein Beispiel und kann x beliebig geändert werden.

So müsste zum Beispiel der Html Tag aussehen

1 2 3 4 5 6 7 <div style="width:100px"> <a href="text.php" class="extra"> Home </a> <a href="text.php" class="extra"> Link us </a> <a href="text.php" class="extra"> About </a> <a href="text.php" class="extra"> Text </a> <a href="text.php" class="extra"> Text </a> </div>

Ich wünsche euch mit diesen neuen Wissen viel Spass!

mfg Eugen

Mitglieder-Kommentare

#4 von skater

für die, die css schon können, einfach zu verstehen aner für die anfänger die noch nichts mit css können ist es nicht gut beschrieben.

#3 von Sniper

me to versteh ich auch net

^^ ne schertz nn111

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

#2 von B4ckflip

versteh ich nicht ganz

#1 von linux-hacker

Aha, Gute Idee!!

Nur registrierte Mitglieder könnten einen Kommentar schreiben.

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