Örnekteki gibi menu

merhab arkdaşlar
http://www.downloadpile.com
bu sitenin en üstünde bulunan yatay menüyü arıyorum..birçok sitede var..hazır sanırım...sitelerde gezinirken rast geldiyseniz paylaşırsanız sevinirim..
teşekkür ederim...kolay gelsin.

Buyrun ayıklamak zor oldu ama
style.css dosyasına şunları ekleyin

#topmenu{}
#topmenu .container{background:#666 url(../images/highlight_faint.png) 0 0 repeat-x;-moz-box-shadow:0 3px 10px rgba(0,0,0,.1);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);box-shadow:0 3px 10px rgba(0,0,0,.1);height:40px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

.menu,.menu ul,.menu li,.menu a{margin:0;padding:0;border:0;outline:0}
.menu{height:40px;margin:0;padding:0}
.menu li{position:relative;list-style:none;float:left;display:block;height:40px}
.menu li a.toplevel{display:block;padding:6px 10px;margin:0;font:400 11px 'Fjalla One',sans-serif;letter-spacing:1px;line-height:28px;height:28px;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:#fff;text-shadow:0 1px 0 #000;border-left:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(0,0,0,.5)}
.menu li a.toplevel i{font-size:15px}
.menu li:last-child a.toplevel{border-right:0}
.menu li#home a.toplevel{border-left:none;padding:7px 10px 3px 10px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}
.menu li#home a.toplevel i{font-size:18px}

.menu li a.toplevel:hover,.menu li:hover>a.toplevel{background:#525252;color:#dedede}
.menu ul{position:absolute;top:40px;left:0;opacity:0;background:#525252;border:3px solid #525252;padding:0;margin:0;-webkit-border-radius:0 5px 5px 5px;-moz-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s;-webkit-box-shadow:0 15px 15px rgba(0,0,0,0.2);-moz-box-shadow:0 15px 15px rgba(0,0,0,0.2);box-shadow:0 15px 15px rgba(0,0,0,0.2);z-index:99}
.menu li:hover>ul{opacity:1;width:180px}
.menu ul li{height:0;overflow:hidden;padding:0;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s}
.menu li:hover>ul li{height:30px;width:180px;overflow:visible;padding:0;margin:0}
.menu li ul li a{padding:8px 10px 2px 10px;height:20px;line-height:20px;margin:0;display:block;color:#dedede;font:400 11px 'Fjalla One',sans-serif;letter-spacing:1px;text-transform:uppercase}
.menu li ul li a:hover{background:#666;text-decoration:none;color:#fff}
/*
.menu li ul li:first-child a{border-top:0}
.menu li ul li:last-child a{border-bottom:0}
*/

html kodları

<link media="screen" href="style.css" type="text/css" rel="stylesheet" />




<div id="topmenu">
	<div class="container">
		<!-- top menu -->            
<ul class="menu">
	<li id="home"><a href="/" class="toplevel" title="DownloadPile.com | Free Downloads"><i class="fa fa-home"></i></a></li>
    <li><a class="toplevel" href="/software/" title="Software"><i class="fa fa-globe"></i><span class="responsive"> Software</span></a></li>
    <li><a class="toplevel" href="/movie/" title="Movie"><i class="fa fa-film"></i><span class="responsive"> Movie</span></a>
    	<ul class="responsive">
            <li><a href="/movie/bollywood-movies/">Bollywood Movies</a></li>
            <li><a href="/movie/hd/">HD Movie</a></li>
            <li><a href="/movie/dvdrip-dvdscr/">DVDRIP/DVDScr</a></li>
            <li><a href="/movie/brrip-bdrip/">BRRip/BDRip</a></li>
            <li><a href="/movie/web-dl-webrip-hdrip/">WEB-DL/WEBRip/HDrip</a></li>
            <li><a href="/movie/ts-cam/">TS/CAM</a></li>
            <li><a href="/movie/r3-r5-r6/">R3/R5/R6</a></li>
            <li><a href="/movie/dvd-movie/">DVD Movie</a></li>
    	</ul>
     </li>
     <li><a class="toplevel" href="/tv-series/" title="Tv Series"><i class="fa fa-video-camera"></i><span class="responsive"> Tv Series</span></a>
    	<ul class="responsive">
        	<li><a href="/tv-series/anime/">Anime</a></li>
            <li><a href="/tv-series/tv-packs/">TV Series Pack</a></li>
		</ul>
     </li>
     <li><a class="toplevel" href="/games/" title="Games"><i class="fa fa-gamepad"></i><span class="responsive"> Games</span></a>
    	<ul class="responsive">
            <li><a href="/games/pc-games/">PC Games</a></li>
            <li><a href="/games/console-games/">Console Games</a></li>
			<li><a href="/games/mac-games/">Mac Games</a></li>
		</ul>
     </li>
     <li><a class="toplevel" href="/music/" title="Music"><i class="fa fa-music"></i><span class="responsive"> Music</span></a>
    	<ul class="responsive">
			<li><a href="/music/music-video/">Music video</a></li>
			<li><a href="/music/audio-book/">Audio books</a></li>
		</ul>
     </li>
     

<div class="clear"></div>

hocam çok yardımcı oldunuz...çok teşekkür ederim..elinize sağlık...
eliniz dert görmesin..teşekkür ederim

Rica Ederim. r10+ım nerde