Go downThông điệp [Trang 1 trong tổng số 1 trang]


๖ۣۜD
๖ۣۜD
๖ۣۜD
๖ۣۜD
Danh HiệuThành Viên Cấp 2
Thành Viên Cấp 2

Demo online
https://diendan-gamevn.forumvi.com/h5-page
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="diễn đàn 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, TTGDTX, zing , Biên Hòa, LHP, you me, video, nhạc, truyện, thơ, chém gió" lang="vi" /><meta name="robots" content="index, follow, noodp" />


    <title>† Diễn Đàn Tình Bạn †</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://fs1.cyworld.vn/data2/2011/12/01/001/1322700201008948_edit.jpg" width="976" height="559" alt="Logo"></div>

        <div id="holder">

            <div id="logosmall"><img src="http://fs1.cyworld.vn/data2/2011/12/01/001/1322700201008948_edit.jpg" 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 tình bạn</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="/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>GỈAI TRÍ ĐỈNH CAO</h4>

                            <h4>Game online</h4>

                            <h4>Game offine</h4>

                            <h4>Thông tin</h4>

                            <h4>Game trực tuyến</h4>

                            <img src="http://i1130.photobucket.com/albums/m536/liikeriv/helloworld/edu.png" width="88" height="91" alt="Computer">

                            <ul>

                                <li><span>Game onl</span></li>

                                <li><span>Game off</span></li>

                                <li><span>Thông tin</span></li>

                                <li><span>Chơi trên 4rum lun</span></li>

                                <li> <span>Chỉ có trên Diễn đàn tình bạn</li>

                            </ul>

                            <a href="/forum" class="button"><span>Click vô!</span></a>

                        </div>

                    </div>

                </li>

            </ul>

        </div>

    </div>

</body>

</html>

<a href="http://www.forumvi.com" target="_blank"> </a>
Khách viếng thăm Xem xong nhớ like nhé

DoraemonSan
DoraemonSan
avatar
avatar
Danh HiệuVô Sầu
Vô Sầu

like nhìu lắm

MrAudition
MrAudition
MrAudition
MrAudition
Danh HiệuAnh Hùng Bàn Phím
Anh Hùng Bàn Phím

dc

DoraemonSan
DoraemonSan
avatar
avatar
Danh HiệuVô Sầu
Vô Sầu

mà sao up lên dc
@@

nh0ck3n2b
nh0ck3n2b
nh0ck3n2b
nh0ck3n2b
Danh HiệuThành Viên Mới
Thành Viên Mới

Sponsored content
Sponsored content
Danh Hiệu

Về Đầu TrangThông điệp [Trang 1 trong tổng số 1 trang]


Bài viết liên quan

    • • Không spam. Xem rõ nội quy chung Tại Ðây trước khi comment
    • • Hãy bấm Like cho những bài viết hay.
    • • Yêu cầu viết tiếng việt có dấu trên toàn diễn dàn

    Quyền hạn của bạn:

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