aktif-im - yatayv2

-

---

yatayv2

Merhaba Arkadaşlar yine bir yatay menü ile karşınızdayım daha şık daha güzel. Tamamen Aktif-im.tr.gg Yapımıdır.

Önizleme

Kod(css ve html aynı kod'dadır yani kod direk html kodu)

<style type="text/css">#yataymenu {  	width: 463px;  	margin: auto;  }  /* Ust Kısım */  #ust {  	background-image: url(http://i.imm.io/f6US.png);  	float: left;  	height: 55px;  	width: 463px;  }   #ust .menu {  	float: right;  	width: 448px;  	margin-right: 6px;  	height: 45px;  	margin-top: 8px;  }  #ust .menu ul {  	margin: 0px;  	padding: 0px;  	list-style-type: none;  	position: absolute;  }  #ust .menu ul li ul {  	width: 50px;  	position: absolute;  	display: none;  }  #ust .menu ul li:hover ul {  	display: block;  }  #ust .menu ul li ul li a {  	color: #FFFFFF;  	width: 150px;  	height: 20px;  	padding-top: 5px;  	text-align: left;  	background-color: #1872A7;  	padding-left: 3px;  	border: 1px solid #16699A;  	font-size: 14px;  }  #ust .menu li {  	float: left;  }  #ust .menu a {  	display: block;  	width: 91px;  	height: 25px;  	text-align: center;  	color: #FFFFFF;  	text-decoration: none;  	font-family: Tahoma;  	padding-top:12px;  	border-right-width: 1px;  	border-right-style: solid;  	border-right-color: #3a8fbd;  }  #ust .menu a:hover {  	background-color: #0099ff;  } </style> <div id="yataymenu"> <div id="ust"> <div class="menu"> <ul>     <li style="text-align: center; "><a href="#" _fcksavedurl="#">Menu</a></li>     <li style="text-align: center; "><a href="#" _fcksavedurl="#">Menu</a></li>     <li style="text-align: center; "><a href="#" _fcksavedurl="#">Menu</a></li>     <li style="text-align: center; "><a href="#" _fcksavedurl="#"><img border="0" alt="" src="https://img.webme.com/pic/a/alimengu/uzatici.png" _fcksavedurl="https://img.webme.com/pic/a/alimengu/uzatici.png" />Açılır Menu <img alt="http://cdn1.iconfinder.com/data/icons/miniicons2/arrow_expand.gif" border="0" src="http://cdn1.iconfinder.com/data/icons/miniicons2/arrow_expand.gif" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/miniicons2/arrow_expand.gif" /></a>     <ul>         <li><a href="#" _fcksavedurl="#">Açılır 1</a></li>         <li><a href="#" _fcksavedurl="#">Açılır 2</a></li>     </ul>     </li> </ul> </div> </div> </div>

--- Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol