Yazar:
Sessiz
Eklenme: 16.12.2007 Okunma: 4617
Puan: 4.4 Seviyesi: Orta
Bu dersimizde CSS ile açıklamalı bir menü yapmayı öğreneceğiz.
Html Kodu:
<div id="menu">
<ul>
<li><a href="#">Anasayfa<span>Sitenin Bütün İçerik Linkleri Bu sayfada</span></a></li>
<li><a href="#">Sanalkurs Forum<span>Forum Bölümümüzden Bilgi Paylaşım Yapabilirsiniz</span></a></li>
<li><a href="#">Müzik<span>Müzik Bölümümüz Her Türlü Full Albüm</span></a></li>
<li><a href="#">Video<span>Video İçeriği</span></a></li>
</ul></div>
Css Kodu:
/* Menu Div CerveVe bicimi */
#menu {
float:left;
width:150px;
}
/* Menu içindeki Liste EtiketLerini Bicimlendirme */
#menu li, #menu ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style:none;
text-align:left;
}
/* Menu Liste içinDeki LinKleri Biçimlendirme */
#menu li a {
padding:8px 0px 0px 20px;
font-family:"Comic Sans MS";
font-size:13px;
text-decoration:none;
color:#FFFFFF;
background:url(buttona2.gif) no-repeat;
width:130px;
height:32px;
display:block;
}
/* Menu Liste içinDeki LinKleri Fare İmleci Üzerinde İken Biçimlendirme */
#menu li a:hover {
background:url(buttonahover2.gif) no-repeat;
font-size: 80%; /* IE5.x/Win duzeltmek icin Desteklemeyen İE Serisini için Çözüm*/
}
/* Menu Linkelere Eklenmiş Span Etiketi İçerğini İlk Sayfada Gizleme */
#menu li a span {
display:none;
}
/* Menu Linkelere Eklenmiş Span Etiketi İçerğini Fare Hareketi İle Gösterme */
#menu li a:hover span {
display:block;
position:absolute;
top:auto;
left:160px;
background:#000066;
font-family:"Comic Sans MS";
border:solid #0033FF 1px;
width:200px;
}
CSS içine başlıklar koyarak açıkladım. Umarım işinize yarar.
oguzhankanbay arkadasım.kodları alıp aynen sayfaya yapıstırmakla olmuyo bazı isler biraz oynamak gerekebiliyo.ve senin yaptıgın gibi direk olarak ders i yollayana patlıyacagına sorununu kibar bi sekilde dile getirmen daha mantıklı olurdu.yani millete sinirlenerek bisey elde edemezsin.hem bu arkadas bizim gibi bilmeyenlere biseyler ögretmeye calısıyor ve zorunlu yaptıgını söylemek zor.tamam belki biraz karısık olabilir ama bunu kibar bi dille acıklaman senin ve tüm ziyatercilerin yapması gerekndr
oguzhankanbay arkadasım.kodları alıp aynen sayfaya yapıstırmakla olmuyo bazı isler biraz oynamak gerekebiliyo.ve senin yaptıgın gibi direk olarak ders i yollayana patlıyacagına sorununu kibar bi sekilde dile getirmen daha mantıklı olurdu.yani millete sinirlenerek bisey elde edemezsin.hem bu arkadas bizim gibi bilmeyenlere biseyler ögretmeye calısıyor ve zorunlu yaptıgını söylemek zor.tamam belki biraz karısık olabilir ama bunu kibar bi dille acıklaman senin ve tüm ziyatercilerin yapması gerekndr
arkadaşlar boş boş yorumlar yapmayın bu sitede ne varsa çalışıyor bazı arkadaşlar yinede anlatıyorlar buna nazaran gayet güzel emek var burada siz emek harcamıyorsunuz diye adamlar ne yapsın elinize sağlık güzel bir çalışma olmuş..
BU DERSE YORUM EKLEYİN
Üye olmadan yorum ekleyemezsiniz !
UYARI: SANALKURS.net'te yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. Yazarlar, gönderdikleri makale ve derslerle başkalarını yanıltıcı bilgi veremezler. SANALKURS.net bilgilerin kullanımı sonucunda doğacak hata ve zararlardan sorumlu tutulamaz. SANALKURS.net'te yer alan bir makale link vermek ve kaynak göstermek şartıyla başka bir sitede yayınlanabilir. SANALKURS.net kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu hiçbir yazı, fotoğraf, resim vb. materyal ve ürünü kullanamazlar. SANALKURS.net kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri izinsiz kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir.