
Bu menüyü blogunuza eklemek isterseniz :
- Blogger hesabınıza giriş yapın
- Tasarım kısmına gelerek Yerleşimden Html/JavaScript ekle seçeneğini seçin.
- Aşağıdaki kodları kopyalayın ve Html/Javascript kutusuna yapıştırın.
<style>
#wrapper {
margin:0px;
padding:0px;
width:100%
}
#menu {
margin:0px;
padding:0px;
width:960px;
}
#menu ul {
margin:0px;
padding:0px;
}
#menu li {
display:inline;
}
#menu a {
width:150px;
height:30px;
padding:10px 0px 0px 0px;
float:left;
display:block;
border-right:1px solid #666;
text-align:center;
text-decoration:none;
color:#000000;
font-weight:bold;
font-size:16px;
background-color: #CCC;
background-image: -moz-linear-gradient(#CCC, #999);
background-image: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#999));
background-image: -webkit-linear-gradient(#CCC, #999);
background-image: -o-linear-gradient(#CCC, #999);
background-image: -ms-linear-gradient(#CCC, #999);
background-image: linear-gradient(#CCC, #999);
text-shadow:1px 1px 1px #ccc;
}
#menu a:hover {
background-color: #CCC;
background-image: -moz-linear-gradient(#0066B3, #00477D);
background-image: -webkit-gradient(linear, left top, left bottom, from(#0066b3), to(#00477d));
background-image: -webkit-linear-gradient(#0066B3, #00477D);
background-image: -o-linear-gradient(#0066B3, #00477D);
background-image: -ms-linear-gradient(#0066B3, #00477D);
background-image: linear-gradient(#0066B3, #00477D);
color:#EEEEEE;
text-shadow:1px 2px 1px #000;
}
</style>
<div id="wrapper">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Kategoriler</a></li>
<li><a href="#">Reklam</a></li>
</ul>
</div>
</div>
Sağolun işime ilerde yarayacak.
YanıtlayınSilhocam burdaki renkleri nasıl çevirebilirim x tam tersi olsun istiyorum ama başaramadım _
YanıtlayınSilgörünen ana renk MAVİ - YAZISI BYZ - MAUS ÜSTÜNDEYKENDE GRİ - YAZI SİYAH.
TEŞEKKÜRLER
background color daki renk kodlarını değiştirerek istediğiniz renkleri ayarlayabilirsiniz.Tavsiyem online html editor de renk kodlarını değiştirerek farkı görmeniz
SilPeki bu işlemi yaptıktan sonra ekledigimiz menulerin içerigini nasıl yazmamız gerekiyor? Tıklayınca yeni bir sayfada acılan baglantı olmasını istiyorum. Yardımcı olabilirmisiniz? Tesekkurler
YanıtlayınSilEn alt tarafta renkli olarak belirttiğim kısımları değiştirmeniz yeterli olacaktır.
Silmenü çubuğundaki home,hakkımda,vs.başlıklarını sayfalara nasıl yönlendiriyoruz?
YanıtlayınSilbutonları nasıl çalıştıracağız? konu yarım kalmış,bilen arkadaşlardan yardım rica olunur.
Yukarıda sarı renkle belirttim.Hemen href ile başlayan kodda linkinizi de ekliyorsunuz.
Sil