dikeymenu

Alimengu'nün Dersini İzledim (Dikey menü yapımı) Aşama Aşama Yaptım Ortaya bu çıktı

şimdilik böyle İleride daha iyileride gelecek

Önizleme

buraya buraya baslik smi

Kod

 <style type="text/css"> <!--
#menubaslik {
}
#menubaslik {
	background-image: url(http://i1106.hizliresim.com/2011/6/21/3497.png);
	margin: 0px;
	height: 25px;
	width: 250px;
}
#menubaslik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 5px;
}
#menubaslik {
	padding-top: 5px;
	padding-right: 10px;
}
#menubaslik {
	text-align: center;
}
#menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	display: block;
	background-image: url(http://i1106.hizliresim.com/2011/6/21/3505.png);
	height: 25px;
	width: 250px;
	text-align: center;
}
#menu a:hover {
	background-image: url(http://i1106.hizliresim.com/2011/6/21/3517.png);
}
#menubaslik {
	height: 25px;
	width: 250px;
}
#menubaslik {
	margin: 0px;
	padding: 0px;
}
#menubaslik {
	font-size: 14px;
	padding: 3px;
}
#menubaslik {
	margin: 0px;
	padding: 0px;
}
--> </style> <div id="menubaslik"> buraya buraya baslik smi  </div> <div id="menu">   <ul>     <li><a href="#" _fcksavedurl="#">AnaSayfaaaaaaaaaa</a></li>     <li><a href="#" _fcksavedurl="#">Hakkimizdaaaaaaaaa</a>       <ul>         <li><a href="#" _fcksavedurl="#">İletisimmmmmmm</a></li>       </ul>     </li>     <li><a href="#" _fcksavedurl="#">Z.Defteriiiiiiiiiiiiiiiiiiiiiiiiiii</a></li> 	    <li><a href="#" _fcksavedurl="#">Eklenecekkkkkkkkkk</a> </li>   </ul> </div>