navbar üzeri buton takımı [resimli]

0
Onaylı Üye
Üye
Katılım
28 Temmuz 2010
Mesajlar
463
Tepki puanı
11
navbar2.png



navbarxq.png



yukardaki resimdeki gibi bir navbar üzeri buton takımı nasıl yaparım yardımlarınızı bekliyorum...
 
1
Onaylı Üye
Üye
Katılım
2 Haziran 2010
Mesajlar
1,490
Tepki puanı
46
Ücreti ile yaparım. Özel CSS kodlaması ile yapılabilir. Yapan arkadaş çıkar belki.
 
0
Onaylı Üye
Üye
Katılım
28 Temmuz 2010
Mesajlar
463
Tepki puanı
11
Şansımızı deneyelim BlackThorn belki iyilik yapmayı seven birisi çıkar :D
 
1
Onaylı Üye
Üye
Katılım
23 Eylül 2009
Mesajlar
2,523
Tepki puanı
86
Konum
deepest land of hell.
hahah güldürdün beni sabah sabah bunun hatrına gösteriyim nasıl yapılacağını :)

CSS dosyana şu kodu ekle;
#demo-container{padding:25px 15px 0 15px;background:#67A897;}

ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#2E4560;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}

Navbar'da ilk baştaki <br /> kodundan sonra bu kodları ekle/editle;
<div style="float: right;">
<div id="demo-container">
<ul id="simple-menu">
<li><a href="http://www.13styles.com/css-menus/simple-menu/" title="Home" class="current">Home</a></li>
<li><a href="http://www.13styles.com/css-menus/simple-menu/" title="Home">Resources</a></li>

<li><a href="http://www.13styles.com/css-menus/simple-menu/" title="Home">Inspiration</a></li>
<li><a href="http://www.13styles.com/css-menus/simple-menu/" title="Home">Community Forums</a></li>
<li><a href="http://www.13styles.com/css-menus/simple-menu/" title="Home">About Us</a></li>
<li><a href="http://www.13styles.com/css-menus/simple-menu/" title="Home">Contact Us</a></li>
</ul>
</div>
</div>

Not: Menu bedava dagitilan bi menudur. Ucretsiz CSS menu yazmam ne yazik ki.
Umarim yardimi dokunur, gorunusu su sekilde olacaktir;
75411277.jpg
 
0
Onaylı Üye
Üye
Katılım
28 Temmuz 2010
Mesajlar
463
Tepki puanı
11
Lanet ve Mühendise tşk ederim sağolun :)
 
Geri
Üst