Bild Bild
Du bist hier: Startseite » Tutorials » Links mit Rahmen gestallten [CSS] Tutorial

anzeigen
Links mit Rahmen gestallten [CSS]

pic 1625 - Geschlechtpro ntmb off Homepage - 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
CODE:
<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
CODE:
<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

Zurück


#4 von Geschlecht skater off Homepage
Avatar
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 Geschlechtpro Sniper off Homepage
Avatar
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 Geschlechtpro B4ckflip off Homepage
Avatar
versteh ich nicht ganz

#1 von Geschlecht linux-hacker off
Avatar
Aha, Gute Idee!!


Nur registrierte Mitglieder könnten einen Kommentar schreiben.

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

©2012 ntmb.org Projekt - Impressum - AGB - Banner - Hauptseite - Service Center