[code] có thể dùng code này làm trang chủ

by **Bui Minh Phong™** 6/6/2012, 9:18 pm

đi lang thang gặp được cái gì hay nên rip lại xho anh em xem.
cũng như 1 cách sưu tầm code.
có thể dùng làm trang chủ cũng được, nhưng nó đơn giản, không màu mè.

:

Code:: <title>WELLCOME TO MAIKHONGQUEN</title> <script type="text/javascript"></script> </head> <body oncontextmenu="return false" ondragstart="return false" onselectstart="return false" scroll="no"> <div class="main"><div class="title"> Server Mu Online NON - SESET</div> <div class="box server1" id="box" onclick="window.location.href ='http://lucdia.tk/';"> <div class="img"><div class="img-top"></div><div class="img-bottom"></div></div><p class="name">Trang Chủ Lục Địa</p></div> <div class="box server2" id="box" onclick="window.location.href ='http://lucdia.tk/?page=downloads';"> <div class="img"><div class="img-top"></div><div class="img-bottom"></div></div><p class="name">Tải Game</p></div> <div class="box server3" id="box" onclick="window.location.href ='http://lucdia.tk/?page=register';"> <div class="img"><div class="img-top"></div><div class="img-bottom"></div></div><p class="name"> Đăng Kí<sup><sup></sup></sup></p></div></div> <div class="create">lucdia.tk</div></body></html> <style> .server1 .img{ background:url(http://lucdia.tk/intro/MUonline/server1_std.jpg) no-repeat; width: 250px; height: 100px; margin: 20px 0 0 25px; border: 1px solid #666; position: relative; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .server3 .img{ background:url(http://lucdia.tk/intro/MUonline/server3_std.jpg) no-repeat; width: 250px; height: 100px; margin: 20px 0 0 25px; border: 1px solid #666; position: relative; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .server2 .img{ background:url(http://lucdia.tk/intro/MUonline/server2_std.jpg) no-repeat; width: 250px; height: 100px; margin: 20px 0 0 25px; border: 1px solid #666; position: relative; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .box{ float: left; width: 300px; height: 150px; border: 1px solid #ddd; border-radius: 5px; background: #fefefe; margin: 3px; padding-bottom: 5px; text-align: center; -moz-transition: all 0.5s ease; -webkit-transition: all 2s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .box:hover{ box-shadow: 0px 0px 5px #666; cursor: pointer; background: -moz-radial-gradient(bottom 360deg, #999, #fff 80%); background: -webkit-radial-gradient(bottom, #999, #fff 80%); border: 1px solid #fff; } .box p.name{ font-weight: normal; font-size: 13px; font-weight:bold; color: #999; font-family:Tahoma, Geneva, sans-serif; text-align:center; text-shadow: 1px 1px #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .box:hover p.name{ color: #333; text-shadow: 1px 1px #bbb; } .box p.name sup{ background: #f00; border-radius: 3px; color: #ff0; text-shadow: 1px 1px #000; font-size: 10px; font-family:Arial, Helvetica, sans-serif; } .box:hover p.name sup{ color: #FC0; } .create{ text-align: center; font-family:"Courier New", Courier, monospace; color:#999999; font-size:12px; position:absolute; bottom:0; right: 0; width: 100%; } .img{ box-shadow: inset 0 0 40px #000; } .img .img-top { position: absolute; top: 0; left: 0; width: 100%; height: 50px; background: #000; opacity:0.2; -moz-transition: all 0.5s ease; -moz-transition-property: top, height; -webkit-transition: all 0.5s ease; -webkit-transition-property: top, height; -ms-transition: all 0.5s ease; -ms-transition-property: top, height; -o-transition: all 0.5s ease; -o-transition-property: top, height; } .img .img-bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: #000; opacity:0.2; -moz-transition: all 0.5s ease; -moz-transition-property: top, height; -webkit-transition: all 0.5s ease; -webkit-transition-property: top, height; -ms-transition: all 0.5s ease; -ms-transition-property: top, height; -o-transition: all 0.5s ease; -o-transition-property: top, height; } @charset "utf-8"; /* design by Gamezone.vn */ body{ margin: 0; background: url(bg_activate.gif) repeat; } .main{ width: 1000px; margin: 0 auto; padding-top: 12%; } .title{ text-align: center; font-size: 50px; text-shadow: 0px 1px #fff; color: #333; </style>