[HTML] Trang chủ của SweetLove phong cách VSD =))[✔]

by **Rin** 3/5/2015, 9:50 am

cũng chỉ là hàng họ từ năm 2013 thôi ấy mà hehe

demo ảnh:

Xem!:

HTML:

Tạo trang HTML mới bằng nút "Create in advanced mode (HTML)"

Do you wish to use your forum header and footer ?Do you wish to use your forum header and footer ? chọn không

coppy dán vào khung code sau

Code:: <style>*{font-family:Arial, Helvetica, Geneva, sans-serif!important;} h4.widget-title, .news-thumb-wrapper h1 a {font-size:16px!important;vertical-align: middle!important;line-height:25px}</style> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Home - Sweet Dream</title> <link rel="shortcut icon" type="image/x-icon" href="http://www.vnsweetdream.com/users/2414/10/52/48/avatars/gallery/avatar10.jpg" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="profile" href="http://gmpg.org/xfn/11" />  <link rel="stylesheet" href="http://www.gamehay.net/home/wp-content/themes/leetpress/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Gamehay.net RSS Feed" href="http://www.gamehay.net/home/?feed=rss2" /> <link rel="alternate" type="application/atom+xml" title="Gamehay.net Atom Feed" href="http://www.gamehay.net/home/?feed=atom" /> <link rel="pingback" href="http://www.gamehay.net/home/xmlrpc.php" />  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" src="http://www.gamehay.net/home/wp-content/themes/leetpress/js/superfish.js"></script> <script type="text/javascript" src="http://www.gamehay.net/home/wp-content/themes/leetpress/js/jquery.fancybox-1.3.4.pack.js"></script> <script type="text/javascript" src="http://www.gamehay.net/home/wp-content/themes/leetpress/js/jquery.scrollTo.js"></script> <script type="text/javascript" src="http://www.gamehay.net/home/wp-content/themes/leetpress/js/scripts.js"></script> <script type="text/javascript" src="http://www.gamehay.net/home/wp-content/themes/leetpress/js/jquery.tools.min.js"></script> <script type="text/javascript" src="http://www.gamehay.net/home/wp-content/themes/leetpress/js/mobilyslider.js"></script> <script type="text/javascript"> $(function(){ $('.slider').mobilyslider({ content: '.sliderContent', children: 'div', transition: 'fade', animationSpeed: 700, autoplay: true, autoplaySpeed: 5000, pauseOnHover: true, bullets: false, arrows: true, animationStart: function(){}, animationComplete: function(){} }); }); </script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.gamehay.net/home/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.gamehay.net/home/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 3.5" /> <meta name="description" content="gamehay.net, gamehay ,game hay ,game pc ,phan men ,IDM ,kho ebook ,kho sach ,tai phim, game android, game iphone, iOS, samsung, tro choi, game dtdd, game mobile, download game free" /><meta name="keywords" content="gamehay.net, gamehay ,game hay ,game pc ,phan men ,IDM ,kho ebook ,kho sach ,tai phim, game android, game iphone, iOS, samsung, tro choi, game dtdd, game mobile, download game free" /><link rel="canonical" href="http://www.gamehay.net/home/" /> <link href="http://www.gamehay.net/home/wp-content/themes/leetpress/styles/default.css" rel="stylesheet" type="text/css" />  <div id="header-wrapper">  <div id="header">  <ul id="top-navigation"> <li id="menu-item-4" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> <a href="/">Trang chủ</a> </li> <li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5"> <a title=" Vào Forum" href="/forum">Vào Forum</a> </li> <li id="menu-item-21" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21"> <a title="Host up ảnh" href="/h63-up-anh-sweet-dream">Up Ảnh</a> </li> <li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22"> <a title="Manga" href="/f8-forum">Manga</a> </li> <li id="menu-item-23" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23"> <a title="Cosplay Manga" href="/f32-forum">Cosplay</a> </li> </ul>   <div id="social-media"> <a href="https://www.facebook.com/sd.community"><img src="http://i36.servimg.com/u/f36/17/57/29/64/facebo10.png" alt="Facebook" /></a> <a href="http://www.vnsweetdream.com/rss" title="Subscribe to our feed"><img src="http://i36.servimg.com/u/f36/17/57/29/64/rss10.png" alt="RSS" /></a> </div>   <div id="logo"> <a href="/forum"><img src="http://i1244.photobucket.com/albums/gg567/babymilu94/Untitled_zps8a640de3.png" alt="Sweet Dream" /></a> </div>   <div id="navigation-wrapper">  <ul id="navigation"> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> <a href="/">Home</a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5"> <a title="Vào Forum" href="/forum">Forum</a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21"> <a title="The SD Team" href="/f83-forum">SD Team</a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22"> <a title="Hình Anime & Manga & Games" href="/f59-forum">Hình A-M</a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23"> <a title="Truyện Manga" href="/f8-forum">Manga</a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23"> <a title="Anime Online" href="/f268-forum">Anime Online</a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23"> <a title="List Anime Online" href="/h61-page">List Anime</a> </li> </ul>   <div id="search"> <form method="get" id="searchform" action="/"> <input type="text" name="s" id="s" value="" /> </form> </div>  </div>  </div>  </div>      <div id="main-wrapper">  <div id="main">  <div id="news-wrapper"> <h3 class="section-title"> Welcome to Sweet Dream </h3>  <div class="show_topic"> <div id="topic"> </div> </div> <script> $(function () { $.ajax({url: "/feed/?f", success: function (ta) { for(var i=2;i<8;i++) { var DL=$(ta).find("link:eq("+i+")").text(); var title=$(ta).find("title:eq("+i+")").text(); $('<div class="news-item"><div class="news-thumb-wrapper"><a href="'+DL+'" rel="bookmark"></a><div class="news-arrows"></div><h1></h1></div><div class="news-meta-wrapper"><span class="news-meta">By '+$(ta).find("creator:eq("+i+")").text()+', '+$(ta).find("pubDate:eq("+i+")").text()+'</span><span class="news-comment"><a href="'+DL+'" title="'+title+'">'+Math.floor((Math.random()*10)+1)+'</a></span><span class="news-cats"><a href="/" title="'+title+'" rel="category">'+$(ta).find("category:eq("+i+")").text()+'</a></span></div><p>'+$(ta).find("description:eq("+(i-1)+")").text()+'<a href="'+DL+'">Read More »</a></p></div>').appendTo('div.show_topic #topic'); $('<a href="'+DL+'">'+title+'</a>').appendTo('.news-item:eq('+(i-2)+') .news-thumb-wrapper h1'); $('<img src="'+$(".news-item:eq("+(i-2)+") .news-thumb-wrapper a:eq(0)").load(DL+".post-entry .entry-content img:eq(0)")+'" alt="Sweet Dream" />').appendTo('.news-item:eq('+(i-2)+') .news-thumb-wrapper a:eq(0)'); } }}) }) </script><style> .news-item .news-thumb-wrapper a img { width:600px; height:300px; border:1px solid #ccc; } .news-item p img { display:none; } .avatar-list img{float: left;height: 50px;width: 100px;overflow: hidden;background: white;} </style>  </div>  </div>   <div id="sidebar"> <script> function chuyenmuc(n,idcm) { $(function () { $.ajax({url: "/feed/?f="+n, success: function (tb) { for(var i=2;i<7;i++) { var DL=$(tb).find("link:eq("+i+")").text(); var title=$(tb).find("title:eq("+i+")").text(); $('<li><a href="'+DL+'">'+title+'</a></li>').appendTo(idcm); } }}) }) } </script> <div class="widget"> <h4 class="widget-title"> Discussion Anime </h4> <ul> <div id="code"> </div><script>chuyenmuc(49,'#code')</script> </ul> </div> <div class="widget"> <h4 class="widget-title"> Game & Event </h4> <ul> <div id="skin"> </div><script>chuyenmuc(58,'#skin')</script> </ul> </div> <div class="widget"> <h4 class="widget-title"> Anime Completed </h4> <div class="side-item"> <div class="media-thumb"> <div class="video-icon"> </div> <a href="http://www.vnsweetdream.com/t8032-topic" rel="bookmark" title="Kampfer"><img src="http://i55.servimg.com/u/f55/16/58/14/84/ch_11710.jpg" alt="index" style="width: 300px; height: 150px;" /></a> </div> </div> <div class="side-item"> <div class="media-thumb"> <div class="video-icon"> </div> <a href="http://www.vnsweetdream.com/t8026-topic" rel="bookmark" title="Baka to Test to Shoukanjuu"><img src="http://i55.servimg.com/u/f55/16/58/14/84/baka-t11.jpg" class="attachment-media-thumb-big wp-post-image" alt="Baka to Test to Shoukanjuu" style="width: 300px; height: 150px;" /></a> </div> </div> <div class="side-item"> <div class="media-thumb"> <div class="video-icon"> </div> <a href="http://www.vnsweetdream.com/t8025-topic" rel="bookmark" title="White Album 2"><img src="http://i55.servimg.com/u/f55/16/58/14/84/ku-xla11.jpg" class="attachment-media-thumb-big wp-post-image" alt="White Album 2" style="width: 300px; height: 150px;" /></a> </div> </div> <div class="side-item"> <div class="media-thumb"> <div class="video-icon"> </div> <a href="http://www.vnsweetdream.com/t7965-topic" rel="bookmark" title="IS: Infinite Stratos 2"><img src="http://i55.servimg.com/u/f55/16/58/14/84/is2-da10.jpg" class="attachment-media-thumb-big wp-post-image" alt="IS: Infinite Stratos 2" style="width: 300px; height: 150px;" /></a> </div> </div> <div class="widget"> <div class="textwidget"> <div class="separator" style="clear: both; text-align: center;"> <a href="http://www.vnsweetdream.com/t7580-topic" target="_blank" title="Haiyore! Nyaruko-san W"><img border="0" src="http://i80.servimg.com/u/f80/17/57/29/64/70aa0e10.jpg" style="width: 300px; height: 150px;" /></a> </div> </div> </div> <div class="side-item"> <div class="media-thumb"> <div class="video-icon"> </div> <a href="http://www.vnsweetdream.com/t7801-topic" rel="bookmark" title="Danball Senki Wars"><img src="http://i55.servimg.com/u/f55/16/58/14/84/tumblr10.png" class="attachment-media-thumb-big wp-post-image" alt="Danball Senki Wars" style="width: 300px; height: 150px;" /></a> </div> </div> <div class="widget"> <h4 class="widget-title"> Anime Music </h4> <ul> </ul> </div> <iframe scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F1701731" style="width: 100%; height: 450px;"></iframe> </div> </div>  </div>   <div id="footer-top-wrapper"> <div id="footer-top"> <ul id="footer-navigation"> </ul> <div id="back-top"> <a href="#">Back to top</a> </div> </div> </div>   <div id="footer-wrapper"> <div id="footer"> </div> </div>   <div id="footer-bottom-wrapper">  <div id="footer-bottom"> <span class="footer-bottom-left">Copyright © 2013 - SweetLove . All rights reserved.</span> <span class="footer-bottom-right">Web design by Sebastian Rosenkvist . Edit by Junalone</span> </div>  </div>  <a href="http://www.forumvi.com" target="_blank"></a> <a href="http://www.forumvi.com" target="_blank" style="display:none">forumvi.com</a> <div align="center"> <script type="text/javascript"> //Alert MsgAd clicksor_enable_MsgAlert = true; //default pop-under house ad url clicksor_enable_pop = true; clicksor_frequencyCap = 0.1; durl = ''; //default banner house ad url clicksor_default_url = ''; clicksor_banner_border = '#000f30'; clicksor_banner_ad_bg = '#FFFFFF'; clicksor_banner_link_color = '#0c15ff'; clicksor_banner_text_color = '#da0041'; clicksor_banner_image_banner = true; clicksor_banner_text_banner = true; clicksor_layer_border_color = ''; clicksor_layer_ad_bg = ''; clicksor_layer_ad_link_color = ''; clicksor_layer_ad_text_color = ''; clicksor_text_link_bg = ''; clicksor_text_link_color = '#0c59ff'; clicksor_enable_text_link = true; clicksor_enable_VideoAd = true; </script><style type="text/css"> * html div#fl813691 {position: absolute; overflow:hidden; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; } #eb951855{ width:189px; padding-right:7px; background:url(https://lh5.googleusercontent.com/-tC1Af6p9aw8/UEuOWQws00I/AAAAAAAAa-g/BbHcKKr5plc/s0/fullborder_bg_right.gif) no-repeat right top;} #cob263512{background:url(https://lh4.googleusercontent.com/-ClNrLnNnkOc/UEuOWLuYZ1I/AAAAAAAAa-k/FTBzIb2RH7E/s0/fullborder_bg.gif) no-repeat left top; height:150px; padding-left:7px;} #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:183px;} #coh963846 a{color:#690;text-decoration:none;} #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;} #coc67178 li{display:inline;} #coc67178 li a{background-image:url(https://lh6.googleusercontent.com/-GndSGSlTOiY/UEuOWHOL_3I/AAAAAAAAa-c/duzdTEwLvK0/s0/button.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;} #coc67178 li a.close{background-position: 0 0;} #coc67178 li a.close:hover{background-position: 0 -15px;} #coc67178 li a.min{background-position: -30px 0;} #coc67178 li a.min:hover{background-position: -30px -15px;} #coc67178 li a.max{background-position: -60px 0;} #coc67178 li a.max:hover{background-position: -60px -15px;} #co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;} </style> <div style="height: 152px;" id="fl813691"> <div id="eb951855"> <div id="cob263512"> <div id="coh963846"> <ul id="coc67178"> <li id="pf204652hide"> <a class="min" href="javascript:pf204652clickhide();" title="Ẩn cửa sổ này">Ẩn cửa sổ này</a> </li> <li id="pf204652show" style="display: none;"> <a class="max" href="javascript:pf204652clickshow();" title="Mở cửa sổ này">Mở cửa sổ này</a> </li> <li id="pf204652close"> <a class="close" href="javascript:pf204652clickclose();" title="Tắt cửa sổ này">Tắt cửa sổ này</a> </li> </ul> Liên Kết Quảng Cáo </div> <div id="co453569"> <a href="http://www.vnsweetdream.com/privmsg?mode=post&u=1" target="_blank"><img src="http://i36.servimg.com/u/f36/17/57/29/64/anigif11.gif" border="0" /> </a> </div> </div> </div> </div><script> pf204652bottomLayer = document.getElementById('fl813691'); var pf204652IntervalId = 0; var pf204652maxHeight = 150; var pf204652minHeight = 20; var pf204652curHeight = 0; function pf204652show( ){ pf204652curHeight += 2; if (pf204652curHeight > pf204652maxHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } function pf204652hide( ){ pf204652curHeight -= 3; if (pf204652curHeight < pf204652minHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); function pf204652clickhide(){ document.getElementById('pf204652hide').style.display='none'; document.getElementById('pf204652show').style.display='inline'; pf204652IntervalId = setInterval ( 'pf204652hide()', 5 ); } function pf204652clickshow(){ document.getElementById('pf204652hide').style.display='inline'; document.getElementById('pf204652show').style.display='none'; pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); } function pf204652clickclose(){ document.body.style.marginBottom = '0px'; pf204652bottomLayer.style.display = 'none'; } </script> <script type="text/javascript" src="http://users10.Jabry.com/minhtuan291182/cauvong/link_cauvong.js"></script> </div>