LZ3G – Webmaster Blog! php, Mysql, JQuery, Java, Wordpress

Html – css Menü Yapımı

Html – css Menü Yapımı :
Son derece Basit Bir Menu yapımını size göstereceğiz ilk html kodlaroını gösterelim.

	<ul>
		<li><a href="#">Anasayfa</a></li>
		<li><a href="#">Galeri</a></li>
		<li><a href="#">Hakkımda</a></li>
		<li><a href="#">Müzikler</a></li>
		<li><a href="#">İletişim</a></li>
	</ul>
</div>

burada ul etiketlerinin arasına yazılmış kodları görüyoruz bunlar sadece yazı olarak görünücek herhangi bir görsel efekt verilmemiş şimdi css le birleştrelim ve güzel görünmesinni sağlayalım.

örnek

.{margin:0; padding:0;}
	.menu{width:800px; height:48px; background:#000; margin:0 auto;border-bottom:4px solid red;}
	.menu ul li {float:left;list-style-type:none;}
	.menu ul li a{color:#fff; font:17px Arial;text-decoration:none;display:block; padding:14px 15px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
	.menu ul li a:hover{
		background:red;
		color:yellow;
	}