נושא: משהו קטן שעשיתי עם CSS

נשלח בתאריך: 27 August 2006 בשעה 19:56 | IP רשוּם

כולנו מכירים את ווינדואס ויסטה ובעיקר את הגראפיקה שלה.
אתמול רעיתי את העיצוב שלה והחלטתי לעשות משהו דומה בCSS.
עבדתי חצי שעה וקיבלתי תוצאה טובה:

ונינה איך נראה וינדואס ויסטה:

דומה או לא???

הקוד שהשתמשתי בו:

<style type='text/css'>
#tab, #tab li, #tab a{
  float:left;
}
#tab{
  padding-left:2px;
  width:500px;
  list-style:none;
  background:url('1px.gif') repeat-x left bottom;
}
#tab a{
  padding:0 5px;
  height:17px;
  line-height:17px;
  color:black;
  text-decoration:none;
  border:1px solid #8B8C91;
  font-family:tahoma, verdana, arial;
  font-size:12px;
  background:#EDECF4;
  margin-top:2px;
}
#tab .active a{
  height:19px;
  line-height:19px;
  color:black;
  background:#fff;
  margin-top:0;
  border-bottom:1px solid #fff;
}
#tab li{
  margin-right:-1px;
}
</style>
<ul id='tab'>
  <li><a href=''>dracula4ever</a></li>
  <li class='active'><a href=''>red board</a></li>
  <li><a href=''>hacking</a></li>
  <li><a href=''>css</a></li>
</ul> 

נשלח בתאריך: 30 August 2006 בשעה 15:27 | IP רשוּם

shoshan אני שמח שאהבת את זה, והעבודה שלך מעולה !!!