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>