Tutorials

Links mit Rahmen gestallten [CSS] Tutorial

Einloggen
Benutzername:
Passwort:

Passwort vergessen?
Kostenlos
Anmelden
anzeigen
Links mit Rahmen gestallten [CSS]


2596 - 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>


13


Ich wünsche euch mit diesen neuen Wissen viel Spass! Smily NR:8

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 Smily NR:8 ^^ ne schertz nn111 Smily NR:8

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