Açılır menü hakkında

<ul id="menu">
<li><a href="{$vurl}">Ana Sayfa</a></li>
<li><a href="{$vurl}alan-adi-hizmetleri.html">Alan Adı</a></li>
<li><a href="{$vurl}linux-web-hosting.html">Web Hosting</a></li>
<li><a href="{$vurl}sozlesme.html">Sözleşme</a></li>
<li><a href="{$vurl}iletisim.html">İletişim</a></li>
</ul>

#menu { 
        background-color: #C9C299; 
    padding: 1px; 
    list-style-type: none; 
        text-align: center; 
} 
#menu li { 
    display: inline-block; 
    width: 190px; 
    position: relative; 
} 
#menu a { 
    font-family: Arial; 
    font-size: 15px; 
    color: #FFF; 
    text-decoration: none; 
    background-color: #314c5f; 
    display: block; 
        padding-top: 5px; 
    padding-right: 5px; 
    border: 1px solid #9fb2bc; 
    text-align: center; 
    line-height: 30px; 
        margin-right: 0px; 
        border-radius:5px; 
    <!--border-radius:5px;  İstenilirse menünün kenarları yuvarlak yapılabilir--> 
} 
#menu a:hover { 
    background-color: #273c4c; 
    color:#98a5af; 
}

Stefua adlı üyeden alıntı: mesajı görüntüle

hocam vermiş olduğum kodda ekleme yapamazmısınız

#menu { 
********background-color: #C9C299; 
****padding: 1px; 
****list-style-type: none; 
********text-align: center; 
	} 
	#menu li { 
	****display: inline-block; 
	****width: 190px; 
	****position: relative; 
		float:left;
		padding-right:10px;
	} 
	#menu li > ul.acilan {
		position:absolute;
		left:0;
		top:9px;
		padding:10px;
		display:none;
	}
	#menu li:hover > ul.acilan {display:block;}
	#menu li > ul.acilan > li {
		background:#fff;
		border-bottom:1px solid #333;
		border-left:1px solid #333;
		border-right:1px solid #333;
		height:30px;
	}
	#menu li > ul.acilan > li > a {
		display:block;
		text-align:center;
		line-height: 30px;
		color:#333;
	}
	#menu a { 
	****font-family: Arial; 
	****font-size: 15px; 
	****color: #FFF; 
	****text-decoration: none; 
	****background-color: #314c5f; 
	****display: block; 
	****padding-top: 5px; 
	****padding-right: 5px; 
	****border: 1px solid #9fb2bc; 
	****text-align: center; 
	****line-height: 30px; 
********margin-right: 0px; 
********border-radius:5px; 
	} 
	#menu a:hover { 
	****background-color: #273c4c; 
	****color:#98a5af; 
	}

<ul id="menu">
<li><a href="{$vurl}">Ana Sayfa</a></li>
<li><a href="{$vurl}alan-adi-hizmetleri.html">Alan Adı</a>
	<ul class="acilan">
		<li><a href="#">Test Sayfa1</a></li>
		<li><a href="#">Test Sayfa2</a></li>
		<li><a href="#">Test Sayfa3</a></li>
	</ul>
</li>
<li><a href="{$vurl}linux-web-hosting.html">Web Hosting</a></li>
<li><a href="{$vurl}sozlesme.html">Sözleşme</a></li>
<li><a href="{$vurl}iletisim.html">İletişim</a></li>
</ul>