Bài gửi
Tiền
ThanksAdmin
![[Share] Trang chủ DJ Empty](https://2img.net/i/empty.gif)
[Share] Trang chủ DJ
on 02/06/2012Admin
loading...
Demo:
[You must be registered and logged in to see this link.]
- Code:
<html>
<head><body>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Chia Sẻ Online</title>
<style type="text/css">* {
margin: 0px;
padding: 0px;
}
body {
padding-top: 0px;
background-color: #01111d;
color: #FFF;
font-family: verdana, arial, sans-serif;
text-align: left;
letter-spacing: 1px;
}
a {color: #FFF;font-size: 14px;}
a:hover {color: #01a9c0;}
.more{float: right; font-size: 11px; color: #add8f9; font-weight: bold; text-decoration: none;}
.clear{clear:both;}
p{ margin: 20px 0px 20px 0px;line-height: 16px;font-size: 14px;}
#container {
margin: 0px auto;
width:873px;
}
#menu {
background-image:url(http://i1149.photobucket.com/albums/o588/mjnhtuan87/menu.gif);
width:862px;
height:90px;
position:relative;
}
#menu li{
position:absolute;
top:50px;
list-style-type: none;
}
#m01 {left:160px;}
#m02 {left:305px;}
#m03 {left:450px;}
#m04 {left:590px;}
#m05 {left:730px;}
#menu a{
font-family: verdana, arial, sans-serif;
font-size: 12px;
font-weight:bolder;
color:#FFFFFF;
text-decoration:none;
text-transform: uppercase;
}
#menu a:hover {color: #01a9c0;}
#header {
background-image:url(http://i1149.photobucket.com/albums/o588/mjnhtuan87/header-4.gif);
background-repeat:repeat-y;
width:873px;
}
#logo {
width:240px;
height:46px;
margin: 0px 0px 20px 80px;
float:left;
display:inline;
}
#dj {
background:url(http://i1149.photobucket.com/albums/o588/mjnhtuan87/dj.jpg) no-repeat top right;
width:873px;
height:407px;
float:right;
display:inline;
}
#welcome {
width:210px;
margin: 0 0 0 77px;
}
#welcome h2{
color: #d4e5f2;
font-family: Arial;
font-size: 18px;
padding: 0 0 10px 5px;
}
#welcome p{
width:200px;
}
#welcome img{
border: solid 3px #FFFFFF;
}
#middle {
background-image:url(http://i1149.photobucket.com/albums/o588/mjnhtuan87/middle.gif);
width:873px;
height:21px;
}
#middle2 {
background-image:url(http://i1149.photobucket.com/albums/o588/mjnhtuan87/middle2.gif);
width:873px;
height:22px;
}
#content {
background-image:url(images/content.gif);
width:873px;
}
#left {
float:left;
width:435px;
margin: 0px 0px 0px 85px;
display:inline;
}
#right {
float:right;
width:258px;
height:auto;
margin: 0px 62px 20px 0px;
display:inline;
}
#right a img{
margin: 8px 8px 8px 0px;
border: none 0px #FFFFFF;
}
#footer {
background-image:url(http://i1149.photobucket.com/albums/o588/mjnhtuan87/footer.gif);
background-repeat:no-repeat;
width:873px;
}
#footer p{
height:58px;
width:873px;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;
font-size:11px;
}
#footer a{
font-size:11px;
}
</style>
</body></head>
<div id="container">
<div id="menu">
<ul>
<li id="m01"><a href="http://www.chiaseonline.biz">Home</a></li>
<li id="m02"><a href="http://www.chiaseonline.biz/forum">Forum</a></li>
<li id="m03"><a href="http://www.chiaseonline.biz/register">Ðăng kí</a></li>
<li id="m04"><a href="http://www.chiaseonline.biz/login">Ðăng nhập</a></li>
<li id="m05"><a href="http://www.chiaseonline.biz/contact">Liên lạc</a></li>
</ul>
</div>
<div id="header">
<div id="dj">
<div id="logo">
<a href="http://www.chiaseonline.biz"><img src="http://i1149.photobucket.com/albums/o588/mjnhtuan87/cooltext708064883.png" alt="logo" border="0" /></a>
</div>
<div id="welcome">
<h2>welcome</h2>
<img src="http://i1149.photobucket.com/albums/o588/mjnhtuan87/welcome.gif" alt="photo 1" />
<p>Chào mừng bạn đã ghé tham forum <a href="http://www.chiaseonline.biz">Chia Sẻ Online</a></p>
</a>
</div>
</div>
<div class="clear"></div>
</div>
<div id="middle"></div>
<div id="middle2"></div>
<div id="content">
<div id="left">
<h2>Events</h2>
<p>Sắp tới forum sẽ có events mới cho mem</p>
<p>Cảm on bạn ghé tham forum mình <a href="http://www.chiaseonline.biz">ChiaSeOnline</a>.</p>
</div>
<div id="right">
<h2>Photos</h2>
<a href="http://www.chiaseonline.biz"><img src="http://i1149.photobucket.com/albums/o588/mjnhtuan87/photo1.jpg" alt="photo 1" /></a>
<a href="http://www.chiaseonline.biz"><img src="http://i1149.photobucket.com/albums/o588/mjnhtuan87/photo2.jpg" alt="photo 2" /></a>
<a href="http://www.chiaseonline.biz"><img src="http://i1149.photobucket.com/albums/o588/mjnhtuan87/photo3.jpg" alt="photo 3" /></a>
<a href="http://www.chiaseonline.biz"><img src="http://i1149.photobucket.com/albums/o588/mjnhtuan87/photo4.jpg" alt="photo 4" /></a>
<br /><br />
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Rip & edit by Trà My - <a href="http://www.chiaseonline.biz">ChiaSeOnline</a><p>
</div>
</div>
</body>
</html>
Khi sử dụng Trang Chủ này. Vui lòng không xóa dòng:
- Code:
Rip & edit by Trà My - ChiaSeOnline
Nguồn: Trà My (Chiaseonline)
No Comment.