[share] Index mang phong cách water đẹp

by **IIluffyII** 9/7/2013, 8:06 pm

Demo: http://havanqui5.forumvi.com/h29-page

Code:: <html><head><meta http-equiv="content-type" content="text/html;charset=UTF-8"/><meta name="author" content="love nghia"/><style>* {margin: 0px;padding: 0px;}body{background:url("http://imageshack.us/a/img89/2337/hinhnentinhyeu11.jpg");background-repeat: no-repeat;background-size: cover;}#wrapper{width:1000px;height:auto;margin:10px 200px;padding:0px;}#banner{height:100px;width:100%;}#banner h1{color: #222;text-shadow: 0px 3px 2px cyan;font-size:3em;text-align:center;}#content{height:400px;width:1000px;margin:20px 1px;}#box{width:320px;height:400px;background:url("http://imageshack.us/a/img259/4246/muadep.jpg");float:left;margin:1px 10px 0px 3px;}#box:hover{margin-top:-15px;}#box #circle_music,#box #circle_video,#box #circle_story{position:absolute;width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;-o-border-radius:60px;border-radius:60px;background:white;color:black;text-align:canter;margin:50px 100px;transition:background-color 3s ease;-webkit-transition:backgroud-color 3s ease;}#box #circle_music:hover,#box #circle_video:hover,#box #circle_story:hover{background-color:cyan;cursor:pointer;}.music,.video,.story{text-align:center;margin:40px 10px;font-size:2em;}.number1,.number2,.number3{text-align:center;margin:-70px 10px;font-size:2em;}#info img,#info2 img,#info3 img{margin:200px 20px 0px 20px;-webkit-border-radius:10px;}#footer{height:100px;width:100%;background:url("https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSThbQflB66uZuVktJCqZqT9gy4wmtLttRsVDKUDL-zshXvERvUfg") repeat-x;color:white;}#footer_left{float:left;margin-left:30px;}#footer_left p:hover{margin-left:10px;cursor:pointer;}#footer_right{float:right;margin-right:50px;}#footer_right p:hover{margin-left:10px;cursor:pointer;}</style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">$(function(){ $("#info img").animate({"opacity":0}); $(".music").animate({"opacity":0}); $("#circle_music").hover(function(){ $(".music").stop().animate({"opacity":1}); $("#info img").stop().animate({"opacity":1}); },function(){ $("#info img").stop().animate({"opacity":0}); $(".music").stop().animate({"opacity":0}); }); $("#info2 img").animate({"opacity":0}); $(".video").animate({"opacity":0}); $("#circle_video").hover(function(){ $(".video").stop().animate({"opacity":1}); $("#info2 img").stop().animate({"opacity":1}); },function(){ $(".video").stop().animate({"opacity":0}); $("#info2 img").stop().animate({"opacity":0}); }); $("#info3 img").animate({"opacity":0}); $(".story").animate({"opacity":0}); $("#circle_story").hover(function(){ $(".story").stop().animate({"opacity":1}); $("#info3 img").stop().animate({"opacity":1}); },function(){ $(".story").stop().animate({"opacity":0}); $("#info3 img").stop().animate({"opacity":0}); }); $(".number1").animate({"opacity":1}); $("#circle_music").hover(function(){ $(".number1").stop().animate({"opacity":0}); },function(){ $(".number1").stop().animate({"opacity":1}); }); $(".number2").animate({"opacity":1}); $("#circle_video").hover(function(){ $(".number2").stop().animate({"opacity":0}); },function(){ $(".number2").stop().animate({"opacity":1}); }); $(".number3").animate({"opacity":1}); $("#circle_story").hover(function(){ $(".number3").stop().animate({"opacity":0}); },function(){ $(".number3").stop().animate({"opacity":1}); });});</script></head><body> <div id="wrapper"> <div id="banner"> <h1>WELCOME TO MY WEBSITE</h1> </div>  <div id="content"> <div id="box"> <div id="circle_music"> <p class="music">MUSIC</p> <p class="number1">1</p> </div> <div id="info"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSVZt5-smsmzihAPmxr5ZO75Po0eSqpAiw7vAlpNZ7lCpHOmsRIgg"></img> </div> </div> <div id="box"> <div id="circle_video"> <p class="video">VIDEO</p> <p class="number2">2</p> </div> <div id="info2"> <img src="http://1.bp.blogspot.com/-zCOIh1G2rf0/UZ5VIiinLUI/AAAAAAAABXQ/lvXfs__pShg/s1600/Fill+%2813%29.jpg" width="284px" height="177px"></img> </div> </div> <div id="box"> <div id="circle_story"> <p class="story">STORY</p> <p class="number3">3</p> </div> <div id="info3"> <img src="http://2.bp.blogspot.com/-yADGQOM7rDU/UZ5WMg07xiI/AAAAAAAABgw/fnsb2Zh4hxI/s1600/Fit+%285%29.jpg" width="284px" height="177px"></img> </div> </div> </div>  <div id="footer"> <span id="footer_left"> <p>Design by: <a href="mailto:havanqui1993@gmail.com">Yu-Kun</a></p> <p>Phút Rãnh Rỗi Sinh Nông Nổi</p> <p>Website mang phong cách water</p> </span> <span id="footer_right"> <p>Trà Vinh,01/07/2013</p> <p>Give my love</p> <p>QS2N</p> </span> </div> <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?MjAxMi8wMy8yMy9lLzIvInagaMEZTI4MTBkOTg0MTIwYjExMzI1OTAzMWE4ODlmODU3OTQdUngWeBXAzfFBhmUsICnQgT2YgTWV8S2F0eSBQZXJyeXwxfDI" /><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?MjAxMi8wMy8yMy9lLzIvInagaMEZTI4MTBkOTg0MTIwYjExMzI1OTAzMWE4ODlmODU3OTQdUngWeBXAzfFBhmUsICnQgT2YgTWV8S2F0eSBQZXJyeXwxfDI" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object> </div> </body></html>

Hy vọng ko xóa tên người design để tôn trọng người làm ^^!
Nguồn: Cho chinhphuc đấy ^^!

by **Trọng Tuấn** 9/7/2013, 9:33 pm

Like phát cho tinh thần nè Good good

by **Lùn Lì Lợm** 9/7/2013, 9:35 pm

đẹp nhở ? like Yêu

by **K.-Kun** 9/7/2013, 9:53 pm

Cái này đưa vào TUT được à kiêu

by **IIluffyII** 9/7/2013, 9:57 pm

Kazuma Hoshino đã viết:Cái này đưa vào TUT được à

Bác thật là...để gỡ nó xuống bằng code có vẻ nguy hiểm

by **Ocean Sapphire** 10/7/2013, 8:34 am

Đẹp quá chớ, like

by **handsomevip007** 10/7/2013, 11:51 am

Nên làm cho đồng bộ tí kiêu

Cái hình này chẳng liên quan gì https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSThbQflB66uZuVktJCqZqT9gy4wmtLttRsVDKUDL-zshXvERvUfg kiêu

Với lại làm thì nên up lại ảnh để con lưu trữ dc lâu chứ mấy bài loại này chừng vài tháng hình die sạch chẳng dùng dc nữa

by **IIluffyII** 10/7/2013, 2:47 pm

handsomevip007 đã viết:Nên làm cho đồng bộ tí ;dCái hình này chẳng liên quan gì https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSThbQflB66uZuVktJCqZqT9gy4wmtLttRsVDKUDL-zshXvERvUfg
Với lại làm thì nên up lại ảnh để con lưu trữ dc lâu chứ mấy bài loại này chừng vài tháng hình die sạch chẳng dùng dc nữa

biết ngay là bác sẽ đánh giá mà...
Ọt ọt ọt

Tốt lắm..đánh giá càng ngày càng tiến bộ...
véo ầm

Cho cái nhận xét đầu tiên hay lắm..hình quả thật ko có sự phối hợp hài hòa
Like!

by **minhphong9x94** 10/7/2013, 3:07 pm

vậy thì bạn thay đổi đi xem nào, t vào vẫn thấy vậy ^^

by **havanqui** 10/7/2013, 4:05 pm

minhphong9x94 đã viết:vậy thì bạn thay đổi đi xem nào, t vào vẫn thấy vậy ^^

Mình hơi lười cho lắm hi.......

	Tin nhắn từ điều hành viên:
	Xác định clone nick! Bạn nên chắc chắn chỉ sử dụng một tài khoản trên . Tài khoản còn lại sẽ bị ban trong 48 giờ tới.

by **Dungkinggame** 12/7/2013, 5:50 pm

chèn code vào đâu vậy

by **K.-Kun** 12/7/2013, 7:30 pm

Trang HTML

by Sponsored content

[share] Index mang phong cách water đẹp

[share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp

Re: [share] Index mang phong cách water đẹp