[Share] 1 trang chủ đẹp

by **Rune** 23/9/2012, 8:08 am

Mình đã khắc phục lỗi ko cho làm trang chủ rồi ^^ nên cứ bỏ vào HTML là xài dc

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Waf-We Are Family</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="description" content="Slide Down Box Menu with jQuery and CSS3" /> <meta name="keywords" content="jquery, css3, sliding, box, menu, cube, navigation, portfolio, thumbnails"/> <link rel="shortcut icon" href="http://skinanime.ucoz.net/icon.ico" type="image/x-icon"/> <link rel="stylesheet" href="http://skinanime.ucoz.net/home2/style.css" type="text/css" media="screen"/> <style> body{ background:#333 url(http://img383.imageshack.us/img383/4240/1819coloryu1yd5.jpg) repeat top left; font-family:Arial; } span.reference{ position:fixed; left:10px; bottom:10px; font-size:12px; } span.reference a{ color:#aaa; text-transform:uppercase; text-decoration:none; text-shadow:1px 1px 1px #000; margin-right:30px; } span.reference a:hover{ color:#ddd; } ul.sdt_menu{ margin-top:150px; } h1.title{ text-indent:-9000px; background:transparent url(http://nq3.upanh.com/b4.s31.d2/5499126e7d2f5945ac8a7a5274b03722_49373753.wafvn.gif) no-repeat top left; width:633px; height:69px; } </style> </head> <body> <div class="content"> <h1 class="title">Skinanime.ucoz.net</h1> <ul id="sdt_menu" class="sdt_menu"> <li> <a target="_blank" href="http://waf-vn.ace.st/t2-topic"> <img src="http://i1245.photobucket.com/albums/gg582/manga16s/Sinonfull576505_3.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Nội quy</span> <span class="sdt_descr">Read More</span> </span> </a> </li> <li> <a target="_blank" href="http://waf-vn.ace.st/f11-forum"> <img src="http://i1245.photobucket.com/albums/gg582/manga16s/SwordArtOnlinefull1189238_4.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Event</span> <span class="sdt_descr">Read More</span> </span> </a> <<div class="sdt_box"> <a target="_blank" href="http://waf-vn.ace.st/t5-topic">Thiết kế banner cho 4rum</a> <a target="_blank" href="http://waf-vn.ace.st/t6-topic">Thiết kế logo cho 4rum</a> <a target="_blank" href="">Update...</a> </div> </li> <li> <a target="_blank" href="http://waf-vn.ace.st/f8-forum"> <img src="http://i334.photobucket.com/albums/m413/mynameisnguyen/ava_dgm/d-gm26.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Shop</span> <span class="sdt_descr">Read More</span> </span> </a> <<div class="sdt_box"> <a target="_blank" href="http://waf-vn.ace.st/t4-topic">Shop nền bài viết</a> <a target="_blank" href="http://waf-vn.ace.st/t1-topic">Shop trang trí nick</a> <a target="_blank" href="http://waf-vn.ace.st/t3-topic">Shop Pet</a> </li> <li> <a href="#"> <img src="http://img819.imageshack.us/img819/3959/0019t4z4.jpg""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Thảo luận A-M</span> <span class="sdt_descr">Read More</span> </span> </a> <<div class="sdt_box"> <a target="_blank" href="http://waf-vn.ace.st/f6-forum">Thảo luận Manga</a> <a target="_blank" href="http://waf-vn.ace.st/f2-forum">Thảo luận Anime</a> </li> <li> <a target="_blank" href="http://waf-vn.ace.st/forum"> <img src="http://i1245.photobucket.com/albums/gg582/manga16s/KirigayaKazutofull1204119.jpg" alt=""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Forum</span> <span class="sdt_descr">Read More</span> </span> </a> </li> <li> <a target="_blank" href="http://waf-vn.ace.st/c5-category"> <img src="http://i1245.photobucket.com/albums/gg582/manga16s/Sword-Art-Online-sakura_shaoran-31175925-1228-1001_3.jpg""/> <span class="sdt_active"></span> <span class="sdt_wrap"> <span class="sdt_link">Giải trí</span> <span class="sdt_descr">Read More</span> </span> </a> <div class="sdt_box"> <a target="_blank" href="http://waf-vn.ace.st/f13-forum">Music</a> <a target="_blank" href="http://waf-vn.ace.st/f14-forum">Video Clip</a> <a target="_blank" href="http://waf-vn.ace.st/f15-forum">Hình ảnh</a> </div> </li> </ul> </div> <div> <span class="reference"> <a target="_blank" href="http://skinanime.ucoz.net/publ/">Thank Designer Group</a> <a target="_blank" href="http://skinanime.ucoz.net/index/8">Design By Waya-kun</a> </span> </div>  <script type="text/javascript" src="http://skinanime.ucoz.net/home2/jquery.min_2.js"></script> <script type="text/javascript" src="http://skinanime.ucoz.net/home2/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(function() { /** * for each menu element, on mouseenter, * we enlarge the image, and show both sdt_active span and * sdt_wrap span. If the element has a sub menu (sdt_box), * then we slide it - if the element is the last one in the menu * we slide it to the left, otherwise to the right */ $('#sdt_menu > li').bind('mouseenter',function(){ var $elem = $(this); $elem.find('img') .stop(true) .animate({ 'width':'170px', 'height':'170px', 'left':'0px' },400,'easeOutBack') .andSelf() .find('.sdt_wrap') .stop(true) .animate({'top':'140px'},500,'easeOutBack') .andSelf() .find('.sdt_active') .stop(true) .animate({'height':'170px'},300,function(){ var $sub_menu = $elem.find('.sdt_box'); if($sub_menu.length){ var left = '170px'; if($elem.parent().children().length == $elem.index()+1) left = '-170px'; $sub_menu.show().animate({'left':left},200); } }); }).bind('mouseleave',function(){ var $elem = $(this); var $sub_menu = $elem.find('.sdt_box'); if($sub_menu.length) $sub_menu.hide().css('left','0px'); $elem.find('.sdt_active') .stop(true) .animate({'height':'0px'},300) .andSelf().find('img') .stop(true) .animate({ 'width':'0px', 'height':'0px', 'left':'85px'},400) .andSelf() .find('.sdt_wrap') .stop(true) .animate({'top':'25px'},500); }); }); </script> <a href="http://www.forumvi.com" target="_blank">WAF</a> </body> </html> <object width="1" height="1"><param name="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wOC8yNS8xL2IvInagaMEMWIyYjA2YjU1YjEwZmIzY2IzODk4NmJmN2Y2YTYzMzIdUngWeBXAzfEZhaXJ5IFRhaWwgRW5kaW5nIDQgIC0gZmFpmUsICnkgdGFpWeBHxmYWlyeSB0YWlsfDF8NQ" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed width="1" height="1" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wOC8yNS8xL2IvInagaMEMWIyYjA2YjU1YjEwZmIzY2IzODk4NmJmN2Y2YTYzMzIdUngWeBXAzfEZhaXJ5IFRhaWwgRW5kaW5nIDQgIC0gZmFpmUsICnkgdGFpWeBHxmYWlyeSB0YWlsfDF8NQ" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />