Share menu đẹp và chuyên nghiệp giống thaiaiti

Tweet

Tiếp Seri bóc tách trang chủ thaiaiti.com , Hôm nay mình chia sẻ 1 menu cực đẳng cấp được thiết kế bởi Admin, 





Cách làm: 


- Chèn đoạn CSS bên dưới trên  ]]></b:skin>
#menuthaiaiti {width: 970px;margin: 0 auto;border-radius: 15px;background:#3A4365;}
.home-icon1 {float: left;margin: -1px 0 0 0;}
.home-icon1 a {font: 17px arial;float: left;margin-left: 10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKS3W-5X5JSoHCKmBrKrxhSMxXsLCrgrrNzeLL3ptXBriB3escr-I4Dkn6iwKI78-8s-cEA5gL8qzo7ogfE2oMB1DKj4rA9KbvAI5VaiYGoQwzRM1DPX31jNxRItMPE5PXRDWWHUtwsOb-/s40/menuwrap.png);padding: 9px;border-top-left-radius: 15px;border-top-right-radius: 15px;color: #333;}
#menuwrapperpic1{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5v-K-Ymt64H6IVwlLtGh0LM3ppOhSWX2207QeNgnvUxhTPjuOIrsY_fn93NuN-7E1rl4VShLjVwHIcaXBlpAyePQt81cRjGgB-sCtWjH3VgVTdxikj1xfjvjloEkj2-7PwuZ_TRv1f_8E/s34/bar_bg.png);width:100%;margin:0 auto;
height:33px;overflow: hidden;border-top-left-radius: 15px;border-top-right-radius: 15px;}
#menuwrapper1{width:960px;height:35px;margin:0 auto}
#menubar1{width:100%;}
#menubar1 ul {width: 304px;float: left;overflow: hidden;}
#menubar1 ul li {float: left;width: 151px;overflow: hidden;border-right: 1px solid #404456;border-bottom: 1px solid #404456;}
#menubar1,#menubar1 ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#menubar1 a{display:block;text-decoration:none;font:16px arial;text-transform:none;color:#eee;padding:10px 12px 11px;}
#menubar1 li{float:left;position:static;margin-top: -2px;width:auto;background-image: url(#);background-position: right 11px;background-repeat: no-repeat;}
#menubar1 ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;}
#menubar1 li ul{float: left;margin-top:-5px;z-index:100;position:absolute;display:none;background:#2d3245;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#menubar1 li:hover a,#menubar1 a:active,#menubar1 a:focus,#menubar1 li.hvr a{color:#fff}
#menubar1 li:hover ul,#menubar1 li.hvr ul{display:block;z-index: 99991;}
#menubar1 li:hover ul a,#menubar1 li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#menubar1 ul a:hover{background-color:#31406D!important;color:#fff!important;text-decoration:none}
- Chèn đoạn code bên dưới vào nơi bạn cần hiển thị


<div id='menuthaiaiti'>
<div id='menuwrapperpic1'>
<div id='menuwrapper1'>
<div class='home-icon1'><a href='/'>Home</a></div>
<ul id='menubar1'>
<li><a class='trigger' href='#'>Giải trí</a>
<ul>
<li><a href='http://www.thaiaiti.com/search/label/Video%20Clip'>Nghe nhạc</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Phim%20Full%20HD'>Phim Full HD</a></li>
<li><a href='#'>Xem Tivi</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Tải phần mềm</a>
<ul>
<li><a href='http://thaiaiti.blogspot.com/2013/07/cap-nhat-driver-tot-nhat-am-bao-khong.html' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGSh14ZylDcGemn2R90lI5GIbgZJnr5J2kXCUanmRznYW5rvlzEzP1RWvNqSEe6dIovFFMreGII8UIG3s62SWQEQUSL54bAAR55nA9cdnQtcXpP3azb2Lqf_azeWAkjuz53IuP5Eh1w4VQ/s22/hot.gif'/>Cập nhật Drivers</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Bảo%20mật'>Bảo mật</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Diệt%20Virut'>Diệt Virus</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Dữ%20liệu%20-%20File'>Dữ liệu - File</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Hệ%20điều%20hành'>Ghost Và Windows</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Mạng%20máy%20tính'>Internet - Email</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Media'>Media</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Photoshop%20và%20Đồ%20họa'>Ðồ họa kỹ thuật</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Văn%20phòng'>Ứng dụng văn phòng</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Thủ thuật</a>
<ul>
<li><a href='http://www.thaiaiti.com/search/label/H%E1%BB%87%20%C4%91i%E1%BB%81u%20h%C3%A0nh'>Hệ điều hành</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20PC'>Dùng Máy tính</a></li>
<li><a href='http://www.thaiaiti.com/search/label/M%E1%BA%A1ng%20m%C3%A1y%20t%C3%ADnh'>Internet</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Văn%20phòng'>Văn phòng</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Blogspot Tips</a>
<ul>
<li><a href='http://www.thaiaiti.com/search/label/Thủ%20thuật%20blogger'>Thủ thuật Blogspot</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Template Free</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Buy Template</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>SEO</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Menu</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Comments</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Popular Posts</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Related Posts</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Recent Posts</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Navigation</a></li>
<li><a href='http://www.thaiaiti.com/search/label/Template%20blogger'>Advertising</a></li>
</ul>
</li>
 
<li><a class='trigger' href='http://www.thaiaiti.com/search/label/Game%20Online'>Game mini</a>
<ul>
<li><a onclick='window.open(&apos;https://sites.google.com/site/hohoangthai/1323060788_Game_Pikachu.swf&apos;,&apos;new&apos;,&apos;resizable=no,toolbar=no,menubar= no,location=no,directories=no,status=no,top=30,left=500,width=900,height=600,scrollbars=no&apos;);return false' src='#'>Picachu 2013</a></li>
<li><a onclick='window.open(&apos;https://sites.google.com/site/hohoangthai/daovang_se2.swf&apos;,&apos;new&apos;,&apos;resizable=no,toolbar=no,menubar= no,location=no,directories=no,status=no,top=30,left=500,width=900,height=600,scrollbars=no&apos;);return false' src='#'>Picachu mới</a></li>
<li><a onclick='window.open(&apos;https://sites.google.com/site/hohoangthai/daovangbaccuc.swf&apos;,&apos;new&apos;,&apos;resizable=no,toolbar=no,menubar= no,location=no,directories=no,status=no,top=30,left=500,width=900,height=600,scrollbars=no&apos;);return false' src='#'>Đào vàng bắc cực</a></li>
<li><a onclick='window.open(&apos;https://sites.google.com/site/hohoangthai/daovangdoi.swf&apos;,&apos;new&apos;,&apos;resizable=no,toolbar=no,menubar= no,location=no,directories=no,status=no,top=30,left=500,width=900,height=600,scrollbars=no&apos;);return false' src='#'>Đào vàng đôi</a></li>
<li><a onclick='window.open(&apos;https://sites.google.com/site/hohoangthai/daovang%20co%20dien.swf&apos;,&apos;new&apos;,&apos;resizable=no,toolbar=no,menubar= no,location=no,directories=no,status=no,top=30,left=500,width=900,height=600,scrollbars=no&apos;);return false' src='#'>Đào vàng cổ điển</a></li>
</ul>
</li>
<li><a href='http://www.mediafire.com/download/xn88rpvu81r0d2z/Teamview.exe'>Tải teamview</a></li> </ul>
</div>
</div>
<div class='menu2-thaiaiti'>
<div class='copyright'>
<div class='floatleft' style='padding-top:9px;float: left;'>
<div class='daymonth'>
<script language='' type='text/javascript'>/* <![CDATA[ */  eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('H c="P h O p o m q r u s l j".a(" "),9="e\\d f\\k,;2\\1 g,;2\\1 i,;2\\1 t\\v,;2\\1 N\\b,;2\\1 w\\I,;2\\1 B\\L,".a(";"),3=M G;5=3.F();8=9[3.z()];7>5&&(5+=7);x.A("<0 4=\'6\'>"+8+" </0>E\\D <0 4=\'6\'>"+3.J()+"</0> C\\y<0 4=\'6\'> "+c[3.K()]+"</0> n\\b <0 4=\'6\'>"+5+"</0>");',52,52,'span|u1ee9|Th|now|class|thisYear|numdate|1900|thisDay|dayNames|split|u0103m|monthNames|u1ee7|Ch|nh|Hai|02|Ba|12|u1eadt|11|06||05|04|07|08|10||09|u01b0|S|document|u00e1ng|getDay|write||th|u00e0y|ng|getYear|Date|var|u00e1u|getDate|getMonth|u1ea3y|new||03|01'.split('|'),0,{}))/* ]]> */</script>
</div>
</div>
<div class='floatright' style='padding-top:6px;float:right;'>
<url class='hotroonline'>
<a href='ymsgr:sendIM?thaiaiti'>Liên hệ mua hàng: 0934.685.392 <img align='absmiddle' alt='.com/' border='0' src='http://opi.yahoo.com/online?u=thaiaiti&amp;m=g&amp;t=1' style='margin-bottom:-2px;margin-right: 5px;margin-left: 5px;' title='.com/'/></a>
</url>
</div>
</div>
</div>
</div>  
Admin - Chúc bạn thành công ! đừng quên để lại lời nhắn nhé