![[Code]trang chủ đẹp Logo](https://2img.net/i/fa/logo/logo.png){kind=logo}
Trang Chính
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="MÁI NHÀ BẠN BÈ, Tình bạn, Kết nối, Chí hướng, Chia sẻ, Vong, tay, be, bạn, vui buồn, tâm sự, sẻ chia, cuộc sống, giải trí, xem phim, chơi game, học tập, 4all, Huế,4allvn, you me, video, nhạc, truyện, thơ, chém gió" lang="vi" /><meta name="robots" content="index, follow, noodp" />
<title>4allvn.biz</title>
<style>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
b, strong {
font-weight: 700;
}
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/*
* End reset
*/
table {
width: 100%;
}
html {
height:100%;
}
body {
height:100%;
background-color:#000;
overflow:hidden;
font-family:Helvetica,Arial,sans-serif;
font-size:13px;
}
#loading {
height:100%;
background: url('http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/loading.gif') 50% 50% no-repeat;
}
#wrapper {
position:absolute;
top:0;
left:0;
height:100%;
background:#000 url('http://diendan.4allvn.biz/users/2213/24/46/69/album/bg10.jpg') 50% top no-repeat;
display:none;
width:100%;
}
#holder {
height:460px;
position:relative;
overflow:hidden;
}
#logo img {
position:absolute;
display:none;
z-index: 9999;
}
#logosmall {
text-align:center;
}
#logosmall img{
display:none;
}
#chooser {
text-align:center;
padding-top:2px;
display:none;
}
#chooser li.nav{
width: 228px;
height: 349px;
display: -moz-inline-stack;
display: inline-block;
vertical-align:bottom;
zoom: 1;
*display: inline;
background: url('http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/chooserbg.png') left top no-repeat;
cursor:pointer;
}
#chooser li .holder {
padding:28px 6px 0;
position:relative;
overflow:hidden;
}
#chooser .chooseractive {
width: 228px;
height: 349px;
position:absolute;
top:0;
left:0;
background: url('http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/chooserbghover.png') left top no-repeat;
display:none;
}
#chooser .choosercontent {
position:relative;
height:321px;
text-shadow:0 1px 2px #fff;
color:#7c000c;
}
.choosercontent h4 {
font-size:24px;
letter-spacing: -1px;
font-weight: bold;
margin-bottom:10px;
display:none;
height:48px;
}
.choosercontent ul {
padding-top:20px;
display:none;
}
.choosercontent li {
text-align:left;
line-height:20px;
padding-left:15px;
background: url('http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/arrow.png') left 5px no-repeat;
margin-left:10px;
}
.hover .choosercontent h4,.hover .choosercontent li {
text-shadow:0 1px 2px #63020a;
color:#ffffff;
}
.hover .choosercontent li {
background: url('http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/arrow.png') left -25px no-repeat;
}
.button, .button:visited {
background: #222 url('http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/alert-overlay.png') repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
margin:9px auto 0;
}
.button:hover { background-color: #111; color: #fff; }
.button:active { top: 1px; }
.small.button, .small.button:visited { font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
.green.button, .green.button:visited { background-color: #91bd09; }
.green.button:hover { background-color: #749a02; }
.blue.button, .blue.button:visited { background-color: #2daebf; }
.blue.button:hover { background-color: #007d9a; }
.red.button, .red.button:visited { background-color: #870500; }
.red.button:hover { background-color: #640400; }
.magenta.button, .magenta.button:visited { background-color: #a9014b; }
.magenta.button:hover { background-color: #630030; }
.orange.button, .orange.button:visited { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }
.yellow.button, .yellow.button:visited { background-color: #ffb515; }
.yellow.button:hover { background-color: #fc9200; }
</style>
<script src="http://liikeriv.googlecode.com/files/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="http://liikeriv.googlecode.com/files/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
<script src="http://liikeriv.googlecode.com/files/main.js" type="text/javascript" charset="utf-8"></script>
<script src="http://liikeriv.googlecode.com/files/hoverIntent.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="loading"></div>
<div id="wrapper">
<div id="logo"><img src="http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/logoggt.png" width="610" height="421" alt="Logo"></div>
<div id="holder">
<div id="logosmall"><img src="http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/logothumb.png" width="158" height="110" alt="Logosmall"></div>
<ul id="chooser">
<li class="nav" id="menu1">
<div class="holder">
<div class="chooseractive"></div>
<div class="choosercontent">
<h4>Diễn đàn 4all</h4>
<h4>Chia sẻ</h4>
<h4>Kết nối</h4>
<h4>Tâm sự</h4>
<h4>Cuộc sống</h4>
<img src="http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/computer.png" width="88" height="91" alt="Computer">
<ul>
<li><span>Chia sẻ kiến thức</span></li>
<li><span>Kết nối trái tim</span></li>
<li><span>Thế giới tình bạn</span></li>
<li><span>Cung bậc tình yêu</span></li>
<li><span>Mái nhà bè bạn</span></li>
</ul>
<a href="http://diendan.4allvn.biz/forum" class="button"><span>Click vô!</span></a>
</div>
</div>
</li>
<li class="nav" id="menu2">
<div class="holder">
<div class="chooseractive"></div>
<div class="choosercontent">
<h4>Forumotion</h4>
<h4>Codes</h4>
<h4>Templates</h4>
<h4>HTML</h4>
<h4>CSS</h4>
<img src="http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/edu.png" width="88" height="91" alt="Computer">
<ul>
<li><span>HD tổng quát</span></li>
<li><span>Forumotion Codes</span></li>
<li><span>Forumotion Skins</span></li>
<li><span>Ranks, Buttons, Icons</span></li>
<li> <span>Yêu cầu rip skins</li>
</ul>
<a href="/f44-forum" class="button"><span>Click vô!</span></a>
</div>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
<a href="http://www.forumvi.com" target="_blank">forumvi.com</a>
demo [You must be registered and logged in to see this link.]
No Comment.