Menubar (HTML+CSS)

**Kayıt tarihi** : 19/05/11

Aslında DLE için yapılmış bir menubar. Bu yüzden çevirmesi pek kolay olmadı. Bu işlerde de pek bilgim olmadığından genişliği falan halledemedim.

Neyse demo:
[Linkleri görebilmek için üye olun veya giriş yapın.]
Resim olarak:

Spoiler:

Kod:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>Menubar</title>
<head>
<style type="text/css">
#menubar { margin-bottom: 12px; }
.mbar { height: 52px; background: url("http://i54.tinypic.com/2m5x8gz.jpg") no-repeat; }
.mbar .mbar { background-position: 100% -52px; }
.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }

.menubar { height: 47px; background: #3f4b51 url("http://i52.tinypic.com/1z5l0ua.jpg") no-repeat 100% 0; }
.menubar ul { line-height: 26px; margin-top: 10px; text-transform: uppercase; }
.menubar ul li, .menubar ul a, .menubar ul a b { height: 26px; float: left; }
.menubar ul a { margin-right: 1px; color: #fff; background: url("http://i55.tinypic.com/2m3fbl3.jpg") no-repeat 0 -999px; }
.menubar ul a b { cursor: pointer; padding: 0 10px; background: url("http://i55.tinypic.com/2m3fbl3.jpg") no-repeat 0 -999px; }

.menubar ul a:hover { background-position: 0 0; }
.menubar ul a:hover b { background-position: 100% -26px; }

.menubar ul .sublnk a { background-position: 0 -104px; }
.menubar ul .sublnk a b { padding-right: 25px; background-position: 100% -130px; }

.menubar ul .sublnk a:hover, .menubar ul .sublnk.selected a { background-position: 0 -52px; }
.menubar ul .sublnk a:hover b, .menubar ul .sublnk.selected a b { padding-right: 25px; background-position: 100% -78px; }
</style>
</head>
<body>
<div class="mbar" id="menubar"><div class="mbar"><div class="mbar dpad">
<div class="menubar">
<ul id="topmenu" class="lcol reset">
<a href="#"><b>Menü A</b></a>
<a href="#"><b>Menü B</b></a>
<a href="#"><b>Menü C</b></a>
<a href="#"><b>Menü D</b></a></li>
<a href="#"><b>Menü E</b></a></li>
<a href="#"><b>Menü F</b></a></li>
</ul>
</div>
</body>>

**Kayıt tarihi** : 19/07/11

Teşekkürler.

**Kayıt tarihi** : 21/06/11

Teşekkürler.

**Kayıt tarihi** : 28/05/11

Teşekkürler.