You are not connected. Please login or register

 » Forumotion » HTML » Trang chủ » [Code]trang chủ đẹp

[Code]trang chủ đẹp

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

avatar
Admintrator
Admintrator
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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif') 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://illiweb.com/fa/pbucket.gif') 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://illiweb.com/fa/pbucket.gif') 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://illiweb.com/fa/pbucket.gif') left -25px no-repeat;
}

.button, .button:visited {
    background: #222 url('http://illiweb.com/fa/pbucket.gif') 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://illiweb.com/fa/pbucket.gif" width="610" height="421" alt="Logo"></div>

        <div id="holder">

            <div id="logosmall"><img src="http://illiweb.com/fa/pbucket.gif" 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://illiweb.com/fa/pbucket.gif" 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://illiweb.com/fa/pbucket.gif" 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>
nguồn diendan.4all.biz
demo [You must be registered and logged in to see this link.]



[center]Yahoo Hỗ Trợ [You must be registered and logged in to see this link.]
Chào Mừng Khách viếng thăm đã đến với 4rum
:000001:
Xem lý lịch thành viên http://www.vn-answer.tk
Share this post on: diggdeliciousredditstumbleuponslashdotyahoogooglelive

No Comment.

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết