Ekran Görüntüsü
Kodlar
Teşekkürler
Kodlar
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Glassy Navigation Tabs</title>
<style type="text/css">
ul#menu {
clear: both;
float: left;
list-style: none;
margin: 0px 10px 0 0px;
border-bottom:1px solid red; /*Remove to create tab effect*/
width:500px; /*If tab effect is not being used, this will define how long the bottom border will be*/
}
ul#menu li {
display: inline;
list-style: none;
}
ul#menu li a {
margin-right:5px;
color: Red;
display: block;
float:left;
font: 14px/100% Arial, Helvetica, sans-serif;
line-height: 32px;
text-decoration: none;
vertical-align: middle;
padding: 0 10px;
background-image:url(nav-tab-bg.png);
background-color:black; /*A basic background color is set incase the image will not load*/
border:1px solid red;
border-bottom:none;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="http://bossss.10tl.net/portal.php">Portal</a></li>
<li><a href="http://bossss.10tl.net/search.php">Arama</a></li>
<li><a href="http://bossss.10tl.net/memberlist.php">Üye listesi</a></li>
<li><a href="http://bossss.10tl.net/calendar.php">Takvim</a></li>
<li><a href="http://bossss.10tl.net/misc.php?action=help">Yardım</a></li>
</ul>
</body>
</html>
Teşekkürler