Bài gửi
Tiền
ThanksAdmin
![[Code] Trang chủ StreetCrewTQ Empty](https://2img.net/i/empty.gif)
[Code] Trang chủ StreetCrewTQ
on 13/06/2012Admin
loading...
Demo:
[You must be registered and logged in to see this link.]
- Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="http://i48.servimg.com/u/f48/17/08/57/73/images11.jpg" />
<title>StreetCrewTQ</title>
<style>
body {
padding:0px;
margin:0px;
background-color:#232323;
}
table, td {
width:100%;
height:100%;
border:0px;
}
td {
vertical-align:top;
}
#bg {
background-image:url(http://diendan.a20tpo.info/room/xxxxx_1.gif);
background-position: center;
}
* html #bg {
background-image:url(http://diendan.a20tpo.info/room/xxxxx_3.gif);
}
#navigationMenu li {
list-style:none;
height:39px;
padding:2px;
width:40px;
}
#navigationMenu span {
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
/* Text properties */
font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
/* CSS3 Transition: */
-webkit-transition: 0.25s;
/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}
#navigationMenu a {
background:url('http://i47.servimg.com/u/f47/15/47/59/46/naviga10.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;
}
/* General hover styles */
#navigationMenu a:hover span {
width:auto;
padding:0 20px;
overflow:visible;
}
#navigationMenu a:hover {
text-decoration:none;
/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}
/* Green Button */
#navigationMenu .home {
background-position:0 0;
}
#navigationMenu .home:hover {
background-position:0 -39px;
}
#navigationMenu .home span {
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}
/* Blue Button */
#navigationMenu .about {
background-position:-38px 0;
}
#navigationMenu .about:hover {
background-position:-38px -39px;
}
#navigationMenu .about span {
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}
/* Orange Button */
#navigationMenu .services {
background-position:-76px 0;
}
#navigationMenu .services:hover {
background-position:-76px -39px;
}
#navigationMenu .services span {
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}
/* Yellow Button */
#navigationMenu .portfolio {
background-position:-114px 0;
}
#navigationMenu .portfolio:hover {
background-position:-114px -39px;
}
#navigationMenu .portfolio span {
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}
/* Purple Button */
#navigationMenu .contact {
background-position:-152px 0;
}
#navigationMenu .contact:hover {
background-position:-152px -39px;
}
#navigationMenu .contact span {
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}
/* The styles below are only needed for the demo page */
#main {
margin:80px auto;
position:absolute;
left:0px;
bottom:0px;
width:40px;
}
h1 {
color:#fff;
font-size:30px;
font-weight:normal;
padding:60px 0 20px;
text-align:center;
}
h2 {
font-weight:normal;
text-align:center;
}
h1, h2 {
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}
a, a:visited, a:active {
color:#0196e3;
text-decoration:none;
outline:none;
}
a:hover {
text-decoration:underline;
}
a img {
border:none;
}
p.note {
color:#707070;
font-size:10px;
text-align:center;
margin:50px;
}
</style>
</head>
<body>
<style type="text/css">
a#goo {
display:none;
background-color:#ff6633;
top:15%;
right:-3;
width:42px;
height:102px;
color:#FFF;
cursor:pointer;
text-indent:-100000px;
overflow:hidden;
position:fixed;
z-index:100000;
margin-left:-7px;
background-image:url(http://diendan.a20tpo.info/room/forum.png);
}
a#goo:hover {
background-color:#82D23D;
margin-right:0px
}
</style><div id="leloi" style=" position: absolute; z-index: 1; width:500px ; height: 270px; left: 0px; top: 0px;display:none;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="450" height="250">
<param name="movie" value="http://diendan.a20tpo.info/room/imageShinerAS3.0_v1.1.swf"> <param name="wmode" value="transparent">
<param name="quality" value="high">
<param name="menu" value="false">
<!--[if !IE]> <-->
<object data="http://diendan.a20tpo.info/room/imageShinerAS3.0_v1.1.swf" width="450" height="250" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="menu" value="false">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
FAIL (the browser should render some flash content, not this).
</object>
<!----> <!--[endif]---->
</object>
</div>
<a class="ABCD" id="goo" href="http://a20tpo.info/forum" title="GO FORUM"></a>
<table id="bg" cellspacing="0" cellpadding="0">
<tr>
<td style=" background-image: url(http://diendan.a20tpo.info/room/xxxxx_2.jpg); background-repeat: no-repeat; background-position: center; vertical-align:middle; padding-left:1px;"><table align="center" style="width:800px;height:600px" cellspacing="0" cellpadding="0">
<tr>
<td style="width:800px;height:600px"><div style="margin-left:175px; margin-top:175px">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="450" height="250">
<param name="movie" value="http://diendan.a20tpo.info/room/Intro_f8.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<!--[if !IE]> <-->
<object data="http://diendan.a20tpo.info/room/Intro_f8.swf"
width="450" height="250" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td><div class="smallfont" align="center" valign="bottom"><b>Copyright ©2000 - 2012, GNU General Public License. - Edit by <span class="time"><span><span style="color:#005eff"><strong>ܓܨܓMxTrường</strong></span></span></span></b><br>
Powered by: phpBB version 2.0 --- A20tpo.info<br>
</div>
</td>
</tr>
</table><div id="main">
<ul id="navigationMenu">
<li> <a class="home" href="/forum"> <span>Forum</span> </a> </li>
<li> <a class="about" href="/u1"> <span>About</span> </a> </li>
<li> <a class="services" href="/profile?mode=editprofile"> <span>Profile</span> </a> </li>
<li> <a class="portfolio" href="/search"> <span>Tìm Kiếm</span> </a> </li>
<li> <a class="contact" href="/contact"> <span>Contact us</span> </a> </li>
</ul>
</div>
<a href="http://www.forumvi.com" target="_blank" style="display:none;">forumvi.com</a>
</body>
</html>
<!-- www.000webhost.com Analytics Code -->
<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>
<noscript>
<a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a>
</noscript>
<!-- End Of Analytics Code -->
Maikhongquen
Cảm ơn bạn đã bình chọn ! 
No Comment.