[SHARE] Skin cho forum truyện tranh

[Bui Minh Phong™]

Add rồi biết hoặc vào vechai.info gần giống

CSS:

Code:

/****** Co Ban ******/
body {
   font-family: 微软雅黑, msyh, Tahoma, Arial;
   font-size: 13px;
   background:#d9d0d0;
   margin: 0px;
   padding: 0px;
   color: #000;
   text-align: left;
}

#banner {
   height: 52px;
   width: 980;
   
}

a {
   text-decoration: none;
   color: #000;
}
a:hover {
   text-decoration: none;
   color: #ff0000;
}
hr {
   height: 1px;
   border: 0;
   border-top: 1px solid #333;
}
h1 {
   font-size:15px;
   text-align:center;
   color:#0000FF;
}
acronym {
   text-decoration: none;
   border-bottom: 1px dotted #333;
   cursor: help;
}

/****** O Nhap Lieu ******/
form {
   display: inline;
}
input {
   margin: 3px 0 0 0;
   background: #fff;
}
input.text {
   background: #fff;
   border: 1px solid #ccc;
}
input.button {
   padding: 3px;
   background: #ddd;
   border: 1px solid #ccc;
}
textarea {
   clear: both;
   font-size: 12px;
   width: 400px;
   background: #fff;
   margin: -1px 0 0 0;
   border: 1px solid #ccc;
}
select {
   background: #666;
   border: 1px solid #333;
}
/****** Do Rong Site ******/
#wrapper {
   margin: 35px auto;
   width: 980px;
}
#header, #innerHeader {
   margin: 0;
   background:url("http://vechai.info/template/teen9x/images/header.jpg") repeat;
   height: 140px;

}
#footer {
   clear: both;
   font-size: 11px;
   margin: 10px 0 0 0;
   background:url(http://vechai.info/template/teen9x/images/footer.jpg) center no-repeat;
}
#footer a{
   color: #000;
}
#innerFooter {
   margin: 0 auto;
   width: 980px;
   color: #666;
   padding: 10px 0 10px 0;
   height: 250px;
}
#w3c {
   float: right;
   margin: 0;
}
/****** O Tim Kiem ******/

.Search {
   float: left;
   margin: 25px 5px 0px 0;
   width: 210px;
   height: 22px;
   background: url("http://vechai.info/template/teen9x/images/search-bg.gif") no-repeat;
}
.Search input.keyword {
   color: #fff;
   padding: 2px 5px 0 0;
   margin: 2px 0 0 30px;
   height: 16px;
   width: 210px;
   position: relative;
   z-index: 100;
}
.Search input {
   background: transparent;
   border: none;
}
.Search:hover {
   float: right;
   margin: 25px 5px 0 0;
   width: 210px;
   height: 22px;
   background: url("http://vechai.info/template/teen9x/images/search-bg.gif") 0 -22px no-repeat;
}
/****** Muc Quy DInh Dau Site ******/
.blog-header {
   margin: 0px 0 0 0;
   padding: 0;
}

.blog-desc {
   display: none;
}

#menu {
   height: 37px;
   margin: 0px 0 0 0;
   background: #063 url("http://vechai.info/template/teen9x/images/menu_bg.png") right no-repeat;
}
#menu ul{
   margin: 0;
   padding: 0;
}
#menu li{
   display: inline;
   list-style: none;
   text-align: center;
   float: left;
   margin-right:1px;
   width: 74px;
   height: 37px;
   background: #000 url("http://vechai.info/template/teen9x/images/menu_bg.png") repeat;
   border: #063;
}
#menu li a {
   padding: 9px 0 0 0;
   display: block;
   color: #000;
   font-size: 12px;
   font-weight: bold;
}
#menu a:hover {
   color: #FFF;
   height: 28px;
   background: url("http://vechai.info/template/teen9x/images/menu_bg_a.png") repeat;
}
#menu .activepage a {
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   height: 37px;
   background: url("http://vechai.info/template/teen9x/images/menu_bg_a.png") no-repeat;
}
/* new ost */
.newost_container {
position: relative;
background: #fff;
border: solid 1px #E8E8E8;
border-bottom: solid 1px #DDD;
padding-bottom: 10px;
}
#ost_list {
overflow: hidden;
margin: auto;
width: 985px;
margin-top: 5px;
}
.ost {
float: left;
width: 142px;
text-align: center;
padding: 5px;
border: solid 1px #DEDEDE;
margin: 0 5px;
position: relative;
}
.ost_img img {
width: 142px;
height: 142px;
}
.ost_title {
position: absolute;
width: 132px;
height: 132px;
top: 5px;
background: rgba(234, 99, 0, 0.79);
text-align: left;
padding: 5px;
display: none;
color: #fff;
}

/* Quang Cao Top */
#top-ads {
   background: #202020;
   height: 150px;
   overflow:hidden;
   margin: 10px 0 0 0;
   clear: both;
}
span.top-ads-left, span.top-ads-right {
   display: block;
   width: 10px;
   height: 150px;
   background: url("http://vechai.info/template/teen9x/images/ads_bg.jpg") no-repeat;
}
span.top-ads-left {
   background-position: 0 0;
   float: left;
}
span.top-ads-right {
   background-position: 100% 0;
   float: right;
}
.topAds{
   margin: 10px 0 0 0;
   float: left;
}


#mainWrapper {
   margin-top: 10px;
}

#wrap {
   background: #fff;
   overflow:hidden;
   margin: 0;
}
#wrap img{
   max-width:970px;
   border:0;
}
* html #wrap {float: left;}
#content {
   clear: both;
}
#innerContent {
   padding: 0 10px 0 10px;
   margin: 0;
   clear: both;
}

#page-header-inner {
   float: left;
   color: #fff;
}
#page-header {
   background: url("http://vechai.info/template/teen9x/images/bg_header.gif") repeat-x;
   height: 0px;
   clear: both;
}
span.side-left, span.side-right {
   display: block;
   width: 10px;
   height: 0px;
   background: url("http://vechai.info/template/teen9x/images/top.png") no-repeat;
}
span.side-left {
   background-position: 0 0;
   float: left;
}
span.side-right {
   background-position: 100% 0;
   float: right;
}
span.fcorners-bottom, span.fcorners-bottom span {
   font-size: 1px;
   line-height: 1px;
   display: block;
   height: 10px;
   background-repeat: no-repeat;
   margin: 0;
   background:#f4f4f4;
}
span.fcorners-bottom {
   background-position: 0 0;
}
span.fcorners-bottom span {
   background-position: 100% -10px;
}

#page-footer {
   background: #fff;
   clear: both;
}

#left_column {
   float: left;
   width: 200px;
   margin: 5px 10px 0 0;
   overflow: hidden;
   display: block;
}

.sidebarOne {
   width: 200px;
   overflow: hidden;
}

#right_column {
   float: right;
   margin: 0 0 0 10px;
   width: 200px;
   overflow: hidden;
}
.sidebarTwo{
   width: 200px;
   overflow: hidden;
}


.panel{
   padding: 0;
   margin: 0 0 10px 0;
}
.panel h5 {
   text-align: left;
   color: #FFF;
   font-size: 14px;
   font-weight: bold;
   cursor: pointer;
   letter-spacing: 1.5pt;
   padding: 5px 0 0 10px;
   margin: 0px;
   height: 25px;
   background: url("http://vechai.info/template/teen9x/images/panel_top.png") no-repeat;
}
.panel h5 a{
   color: #FFF;
}
.panel-content{
   margin: 0;
   padding: 5px 10px 0 10px;
   line-height: 180%;
   color: #000;
   background: #dbedb9 url("http://vechai.info/template/teen9x/images/tuna_r12_c18_f3.jpg") repeat-x;
}

.panel-content ul{
   padding: 0;
   margin: 0px;
}
.panel-content li{
   padding: 0px;
   margin: 0px;
   list-style: none;
}

.panel-content li.indent{
   padding: 0px;
   background: url("http://vechai.info/template/teen9x/images/list.gif") 0 2px no-repeat;
   text-indent: 15px;
}
.panel-bot {
   height: 10px;
   background: url("http://vechai.info/template/teen9x/images/panel_bot.png") no-repeat;
}

/* Lich */
#calendar {
   margin: 0 0 0 -5px;
   padding: 0;
}
.calendar-top {
   text-align: center;
   padding: 0;
}
.calendar-year,
.calendar-month {
   font-weight: bold;
}
.calendar-weekdays {
   color: #000;
   text-align: center;
   width: 14%;
   padding: 0;
}
.calendar-weekday-cell {
   color: #000;
   text-align: center;
   width: 14%;
   padding: 0;
   font-weight: bold;
}
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
   text-align: center;
   width: 14%;
   padding: 0;
}
.calendar-saturday,
.calendar-sunday {
   color: #900;
}
.calendar-today {
   color: #ff9900;
   font-weight: bold;
}
.calendar-day a, .calendar-saturday a, .calendar-sunday a {
  color: #ccc;
  text-decoration: underline;
}
.calendar-today a {
  color: #ff9900;
  text-decoration: underline;
}
#tools {
   padding: 8px 0 0 0;
}

#tools a{
   text-decoration:none;
   padding: 0 5px 0 0;
}

#loginForm {
   width: 95%;
}

.search-field {
   background: #FFF;
   border: 1px solid #333;
}

/****** Thong Bao ******/
.announce{
   margin: 0px 0 10px 0;
}
.announce-content{
   color: #000;
   padding: 10px;
   background: #FFF url(http://vechai.info/template/teen9x/images/k14v2_f12_r6_c11.jpg) no-repeat;
}

.article-top {
   padding: 5px 0 0 0;
   margin: 0 0 20px 0;
}
.article-bottom {
   padding: 0;
   margin: 20px 0 0 0;
}


.pages {
   color: #333;
   padding-bottom:10px;
}
.pagelink-current {
   font-weight: bold;
   color: #ff9900;
}

.listbox {
   line-height: 180%;
}
.listbox-table {
   width: 99%;
}
.listbox-header {
   font-weight: bold;
   background: #e9e9e9;
   text-align: center;
   color: #333;
   height: 20px;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;
}
.listbox-entry {
   border-bottom: 1px solid #ccc;
}

/* ä¸Šä¸‹ç¯‡æ—¥å¿—æ ·å¼ */
/* .prev-article {
   float: left;
}
.next-article{
   float: right;
}
*/
/* æ—¥å¿—éƒ¨åˆ†æ ·å¼ */
.textbox{
   margin: 0;
}
.textbox-calendar {
   float: left;
   margin: 0 10px 0 -5px;
   text-align: center;
}
* html .textbox-calendar {margin: 0 10px 0 -2px;}
.textbox-calendar-day {
   display: block;
   font-style: italic;
   font-weight: bold;
   color: #fff;
   font-size: 33px;
   height: 33px;
   width: 53px;
   margin: -6px 0 0 0;
   padding: 0;
   background: url("http://vechai.info/template/teen9x/images/day.png") 5px 11px no-repeat;
}
.textbox-calendar-month {
   display: block;
   font-style: italic;
   font-size: 11px;
   color: #333;
   margin: 0 0 0 5px;
}

.textbox-title{
   font-size: 14px;
   height: 55px;
}
.textbox-title h4{
   color: #96BE31;
   font-size: 16px;
   display: inline;
   font-weight: bold;
}
.textbox-title h4 a {
   font-weight: bold;
   color: #96BE31;
}
.textbox-title h4 a:hover {
   color: #ff0000;
   text-decoration: none;
}
.textbox-label{
   padding-top: 3px;
   font-size: 12px;
}
.textbox-fontsize{
   color: #ccc;
   float: right;
   text-align: right;
   padding: 3px;
   font-size: 12px;
}
.textbox-fontsize a{
   color: #ccc;
}
.textbox-content{
   color: #333;
   line-height: 180%;
}
.textbox-bottom {
    margin: 10px 0 15px 0;
    padding: 3px;
    color: #333;
    font-size: 11px;
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.textbox-adminbar {
   margin: -20px 0 5px 0;
   color: #333;
   text-align: left;
}
.textbox-tburl {
   margin: -10px 0 5px 0;
   color: #333;
   text-align: left;
}


.comment-wrapper{
   max-height: 600px;
    overflow: auto;
}
.baitonghop{
   height: 400px;
    overflow: auto;
   text-align: center;
}
.comment-pages{
   padding: 0;
   margin: 10px 0 10px 0;
   color: #000;
}


.commentbox, .trackbackbox {
   padding: 0;
   margin: 0 0 10px 0;
}
.commentbox-odd {
   background: #eee;
}
.commentbox-couple {
   background: #eee;
}
.trackbackbox {
   background: #eee;
}
.commentbox-title, .trackbackbox-title{
   font-size: 14px;
   padding: 0 10px 0 10px;
   color: #96BE31;
}
.commentbox-title a, .trackbackbox-title a{
    color: #96BE31;
   font-weight: bold;
}

.commentbox-label, .trackbackbox-label{
   display: block;
   color: #333;
   font-size: 12px;
}
.commentbox-label a, .trackbackbox-label a{
   font-weight: normal;
}

.commentbox-content, .trackbackbox-content{
   padding: 5px 10px 0 10px;
}


#commentForm {
   margin: 0 0 10px 0;
}


.messagebox {
   width: 550px;
   margin-top: 120px;
   border: 1px solid #222;
   border-top: 0px;
   text-align: center;
   background: #222;
}
.messagebox-title {
   color: #ccc;
   font-weight: bold;
   padding: 5px;
}
.messagebox-content {
   color: #333;
   background: #fff;
   padding: 10px;
   padding-bottom: 20px;
   text-align: left;
}
.messagebox-bottom {
   color: #ccc;
   background: #222;
   padding: 5px;
}
.messagebox-bottom a {
   color: #ccc;
}

.formbox {}
.formbox-comment {
   margin: 0;
   padding: 0 10px 5px 10px;
   background: #eee;
}
.formbox-title,
.formbox-comment-title {
   font-size: 18px;
   border-bottom: 1px dashed #ccc;
   padding: 7px 0 5px 35px;
   margin: 0 0 10px 0;
   background: url("http://vechai.info/template/teen9x/images/comment_title_bg.gif") 0 5px no-repeat;
}
.formbox-rowheader {
   padding: 0;
   color: #333;
   font-weight: bold;
}
.formbox-comment-input {
   width: 400px;
   margin: 0px;
}
.formbox-comment-tool {
   height: 20px;
   margin: 4px 0 0 0;
   padding: 5px 0 0 0;
   background: #ddd;
   width: 400px;
   border: 1px solid #ccc;
}
* html .formbox-comment-tool {width: 402px;}
*+html .formbox-comment-tool {width: 402px;}
.formbox-content {
   padding: 0;
}

#smileybuttons {
   text-align: right;
   margin-top: 10px;
}

.smileybut {
   margin-right: 5px;
   vertical-align: middle;
   color: #333;
}

.smileybut a{
    padding: 0 3px 0 3px;
   border: 1px solid #ccc;
}

.choose-options {
   text-align: center;
   position: relative;
}
.choose-options-title {
   display: none;
}
.choose-options-content {
   position: absolute;
   left: 0px;
   top: 21px;
   padding: 8px;
   line-height: 120%;
   background:   #eee;
   border-right: 1px solid #888;
   border-bottom: 1px solid #888;
}
* html .choose-options-content {top: 29px;}
#choose-options-panel {
   float: left;
   margin: 0 0 0 5px;
}
#ubb {
   margin: -3px 0 0 70px;
}
* html #ubb {margin: 0 0 0 70px;}
*+html #ubb {margin: 0 0 0 70px;}

.code {
   border-left: 4px solid #ccc;
   background: #eee;
   color: #333;
   margin: 5px;
   padding: 10px;
}

.quote {
   margin: 5px;
   border: 1px solid #ccc;
}
.quote-title {
   background: #e1e1e1;
   padding: 5px;
   border-bottom: 1px solid #ccc;
   font-weight: bold;
}
.quote-content {
   color: #333;
   padding: 10px;
   background: #e6e6e6;
}


.linkover {
   margin: 5px;
   height: auto;
   clear: both;
}
.linkbody {
   float: left;
   padding-bottom: 14px;
}
.linkimg {
   float: left;
   text-align: right;
   margin-right: 5px;
}
.linktxt {
   float: left;
   padding: 5px;
}
.linktitle a {
   font-weight: bold;
}
.linkgroup {
   font-weight: bold;
   font-size: 14px;
   color: #96BE31;
   text-indent: 5px;
}


.pagebox {
   clear: both;
   margin: 10px 5px 0 5px;
}
.pagebox-title {
   font-size: 16px;
   height: 30px;
}
.pagebox-title h4 {
   color: #96BE31;
   font-size: 16px;
   padding: 0;
   margin: 0;
   display: block;
   border-bottom: 1px solid #ccc;
   font-weight: bold;
}
.pagebox-content {
   margin: 0;
   clear: both;
   padding: 0;
   line-height: 180%;
}


#openid_url {
   background: #fff url("http://vechai.info/template/teen9x/images/others/openid.gif") 0 1px no-repeat;
   padding-left: 18px;
   width: 201px
}

b.rtop, b.rbottom {
   display: block;
   background: #fff;
}
b.rtop b, b.rbottom b {
   display: block;
   height: 1px;
   overflow: hidden;
   background: #eee;
}
b.r1 {
   margin: 0 5px;
}
b.r2 {
   margin: 0 3px;
}
b.r3 {
   margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4 {
   margin: 0 1px;
   height: 2px;
}

#bar_float {
    bottom: 0;
    right: 0;
    position: fixed;
    width: 230px;
}

#bar_top {
    height: 22px;
    width: 230px;
    float:left;
}

#bar_container {
    max-height: 250px;
    max-width: 230px;
}

#bar_top a span {display:block;height:22px;width:200px; text-align:right;}

#bar_top a {text-decoration:none;}

#bar_container a span {display:block;height:300px;width:180px;}

#bar_container a {text-decoration:none;}

#theloai{
   font-size:15px;
   color:#FF0000;
}
span#theloai a{
   color:#FF0000;
   font-size:14px;
   font-weight:bold;
}

#recaptcha_widget {
   border: 1px solid #ccc;
   background: #fff;
   width: 300px;
   padding: 5px;
   margin-top: 5px;
   position: relative;
}

#recaptcha_response_field {
   border: 1px solid #ccc;
   width: 298px;
}
#recaptcha_reload {
   position: absolute;
   top: 5px; right: 5px;
}

.fix-image img {max-width: 540px !important;}
p.breadcrumbs {font-size: 13px; font-weight: bold; padding-left: 12px;}
.listbox-entry a{
   font-size:14px;
   line-height:34px;
}
#top-bar {
   width: 100%;
   line-height: 30px;
   background-color: #228624;
   position: fixed;
   top: 0px;
   left: 0px;
   z-index: 999;
   border-bottom: 1px solid #006600;
   -webkit-box-shadow:0 2px 2px -2px rgba(0, 0, 0, .52);
   box-shadow:0 2px 2px -2px rgba(0, 0, 0, .52);
}

#top-bar-content {
   width: 980px;
   margin: 0 auto;
}

#top-bar-right {
   margin-right: 2px;
   border-right: 1px solid #279a29;
}

#top-bar-user {
   text-align: left;
}

#top-bar-user span a.user-bar:hover {
   color: #D2FFA8;
}

#top-bar-user span {
   display: inline-block;
   position:relative;
}

#top-bar-user span:hover {
   background: 006600;
}

#top-bar-user span a.user-bar {
   font-family: tahoma;
   font-size: 12px;
   color: #fff;
   font-weight: bold;
   line-height: 18px;
   padding: 0px 10px;
}

#top-bar-user span a.last {
   border-left: 1px solid #279a29;
   display: inline-block;
}

div.msg-alert {
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   position:absolute;
   top:-5px;
   right:3px;
   background: red;
   color: #fff;
   font-weight: bold;
   font-size: 9px;
   padding: 0 1px;
   line-height: 12px;
   border: 1px solid #D83722;
   border-bottom: 1px solid #C0311E;
   border-top: 1px solid #E23923;
   -webkit-box-shadow: 0 1px 0 #000;
   box-shadow: 0 1px 0 #000;
}

div.notice {
   position:absolute;
   z-index: 1000px;
   width: 250px;
   top:30px;
   right:100px;
   -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
   -webkit-border-radius: 3px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
   border-radius: 3px;
   background: #fff;
   border-top: 1px solid #999;
   color: #333;
   line-height: 18px;
   font-size: 12px;
   border-top: 1px solid #C5C5C5;
   display:none;
}

div.notice .list {
   max-height: 350px;
   overflow: auto;
}

div.notice .item {
   display: block;
   text-align: left;
   color: #333;
   border-bottom: 1px solid #ccc;
   padding: 10px;
}

div.notice .item:hover {
   background: #F4F6F9;
}

div.notice .bold {
   font-weight: bold;
   text-align: center;
   padding: 5px;
   font-size: 11px;
   font-family: tahoma;
}

div.notice small {font-family: tahoma; font-size: 11px; color: #999; display: block;}

div.notice .item:hover, div.notice .item:visited {
   color: #333;
}

div.notice a, div.notice a:link, div.notice a:visited {
   color: #000;
}

div.beeperNub {
   background-image: url(http://vechai.info/template/teen9x/images/8r3bax8sSdj.png);
   background-repeat: no-repeat;
   background-position: -82px 0;
   height: 11px;
   position: absolute;
   top: -11px;
   width: 20px;
   left: 120px;
}

.text-logo {
   color: white;
   font-size: 18px;
   font-weight: bold;
   line-height: 30px;
}
.clear { clear: bold; }

.subsrcibe {
   font-size: 15px;
   text-align: center;
   font-weight: bold;
   color: red;
}

.subsrcibe a {
   color: red;
   cursor:pointer;
}

a.delete-subscribe {
   color: red;
   float: right;
}

div.list-manga {
   border: 1px solid #228624;
}

div.list-manga h1 {
   display: block;
   line-height: 30px;
   background: #228624;
   margin:0;
   padding: 0;
   color: #fff;
   text-align: left;
   padding-left: 2px;
}

div.list-manga  span.item-number {
   height: 20px;
   width: 20px;
   display: inline-block;
   padding:2px;
   background: #dfdfdf;
   text-align: center;
   margin-right: 5px;
   margin-left: 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-size: 12px;
   color: #228624;
}

div.list-manga-paging  {
   text-align: center;
   margin: 15px;
}

div.list-manga-paging  span {
   cursor:pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   display: inline-block;
   padding:2px;
   background: #228624;
   color: #fff;
   height: 20px;
   width: 20px;
   text-align: center;
   margin: 2px;
}

div.list-manga-paging  span.active {
   background: #dfdfdf;
   color: #333;
}
div.list-manga-order {
   font-size: 14px;
   margin-bottom: 10px;
   font-family: arial;
}

div.list-manga-order a:link, div.list-manga-order a:visited {
   color: #228624;
   font-weight: bold;
   padding: 5px;
}

div.list-manga-order a:hover {
   text-decoration: underline;
}

div.list-manga-order a.active {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   display: inline-block;
   padding:5px 10px;
   background: #cfcfcf;
   text-align: center;
   color: #333;
}

div.list-manga-sort {
   margin-bottom: 10px;
   font-size: 14px;
   font-family: arial;
   color: #228624;
   font-weight: bold;
   margin-left: 5px;
}

div.list-manga-sort span {
   cursor:pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   display: inline-block;
   padding:5px 10px;
   background: #dfdfdf;
   color: #333;
   text-align: center;
}

div.list-manga-sort span.active {
   color: #fff;
   background: #228624;
}

Nguồn: ChinhPhuc

[Bui Minh Phong™]

Body:

Code:

  {JAVASCRIPT}
    <div class="newost_container">

      <h3 class="module-title module-hot"><span class="color">New</span> OST</h3>

        <div id="ost_list">

         
               
                   
                        <div class='ost'>
                          <div class='ost_img'><a href='showthread.php?t=1767'> <img src='https://lh3.googleusercontent.com/-gcDvlJTjg4U/UUaue0vN-DI/AAAAAAAABUM/M1ICQhyGd0s/s320/619gshEs43L.jpg' width='100' height='80' border='0' alt='GJ-bu Character Song &amp; Original Soundtrack 1 - GJ-bu no Ongaku "G"' /></a></div>
                        <a href='showthread.php?t=1767'><div class='ost_title'><p>GJ-bu Character Song &amp; Original Soundtrack 1 - GJ-bu no Ongaku "G"</p></div></a>
                        </div>
                         
                        <div class='ost'>
                          <div class='ost_img'><a href='showthread.php?t=1766'> <img src='https://lh6.googleusercontent.com/-g653zSZtuVk/UUauenLxEJI/AAAAAAAABUM/Epll70Sgu54/s320/out_of_control.jpg' width='100' height='80' border='0' alt='PSYCHO-PASS OP2 Single - Out of Control' /></a></div>
                        <a href='showthread.php?t=1766'><div class='ost_title'><p>PSYCHO-PASS OP2 Single - Out of Control</p></div></a>
                        </div>
                         
                        <div class='ost'>
                          <div class='ost_img'><a href='showthread.php?t=1765'> <img src='https://lh4.googleusercontent.com/-dcEMNDNiLfo/UUaueTi0XRI/AAAAAAAABUM/50P__ltrLUQ/s300/413UBGS%252BrOL.jpg' width='100' height='80' border='0' alt='Muv-Luv Alternative: Total Eclipse Song Collection' /></a></div>
                        <a href='showthread.php?t=1765'><div class='ost_title'><p>Muv-Luv Alternative: Total Eclipse Song Collection</p></div></a>
                        </div>
                         
                        <div class='ost'>
                          <div class='ost_img'><a href='showthread.php?t=1764'> <img src='https://lh5.googleusercontent.com/-Zm-PhyYdswQ/UUaueLretXI/AAAAAAAABUM/0fpbGGH4rfo/s320/lovelive_in2.jpg' width='100' height='80' border='0' alt='Love Live! Insert Song Single 2 - Korekara no Someday' /></a></div>
                        <a href='showthread.php?t=1764'><div class='ost_title'><p>Love Live! Insert Song Single 2 - Korekara no Someday</p></div></a>
                        </div>
                         
                        <div class='ost'>
                          <div class='ost_img'><a href='showthread.php?t=1763'> <img src='https://lh4.googleusercontent.com/-CuVFxScamig/UUaudtizSNI/AAAAAAAABUM/K8I4Z8Wnwo4/s320/kokoro_con.jpg' width='100' height='80' border='0' alt='Kokoro Connect - OP2, ED3 &amp; Original Soundtrack 3' /></a></div>
                        <a href='showthread.php?t=1763'><div class='ost_title'><p>Kokoro Connect - OP2, ED3 &amp; Original Soundtrack 3</p></div></a>
                        </div>
                         
                        <div class='ost'>
                          <div class='ost_img'><a href='showthread.php?t=1762'> <img src='https://lh4.googleusercontent.com/-72tBvIEIGrs/UUauS29GRZI/AAAAAAAABUM/fP7y45qkbKo/s320/chihaya2_op.jpg' width='100' height='80' border='0' alt='Chihayafuru 2 OP Single - STAR' /></a></div>
                        <a href='showthread.php?t=1762'><div class='ost_title'><p>Chihayafuru 2 OP Single - STAR</p></div></a>
                        </div>
                       

                </div>

           

          <script>
    $(document).ready(function() { 
          $('.ost').mouseenter(function() {
                $(this).find('div:eq(1)').stop(true, true).fadeIn(300);
                var $tith = $(this).find('p').height();
    $(this).find('p').css({
    "margin-top" : "'87-'.$tith/2;"

    });
              });
          $('.ost').mouseleave(function() {
                  $(this).find('div:eq(1)').stop(true, true).fadeOut(200);   
              });

    });

    </script>


    </div> 

    <!-- BEGIN message_admin_index -->
    <div class="main">
      <!-- BEGIN message_admin_titre -->
      <div class="main-head">
          <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
      </div>
      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->
      <div id="pun-announcement">
          <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
      </div>
      <!-- END message_admin_txt -->
    </div>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    </div>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}

    <!-- BEGIN disable_viewonline -->
    <div id="pun-info" class="main">
      <div class="main-content">
          <div id="stats">
            <p class="right">{TOTAL_POSTS}</p>
            <p>{TOTAL_USERS}</p>
            <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist">
            <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
            <p class="right">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
            </p>
            <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

            <br />
            {LOGGED_IN_USER_LIST}

            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS}<br />
            {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
            <div class="clear"></div>

            <p>{LEGEND} : {GROUP_LEGEND}</p>

          </div>
          <!-- BEGIN switch_chatbox_activate -->
          <div id="onlinechat">
            <p class="page-bottom">
            {TOTAL_CHATTERS_ONLINE} :
            {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                </script>
            <!-- END switch_chatbox_popup -->
            </p>
          </div>
          <!-- END switch_chatbox_activate -->
      </div>
    </div>
    <!-- END disable_viewonline -->

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    <!-- END switch_user_login_form_footer -->

    {CHATBOX_BOTTOM}

    <!-- BEGIN switch_legend -->
    <ul id="pun-legend">
      <li>
          <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
          <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
          <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
      </li>
    </ul>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
      oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

[Bui Minh Phong™]

Box:

Code:

    <style>.avs  {font: 13px Arial;font-weight: bold;}.avs img {float:right;margin-right:5px;}.pun tbody.statused td.tcl {padding-left: 5px!important;}.vodoi {border: 1px solid #d4d4d4;padding: 14px 16px 14px 16px;margin-top: -9px;background: #FFF;font: bold 11px Arial;display: inline-block;}</style>
    <div class="main" style="border: 0pt none;">
    <!-- BEGIN catrow -->
      <!-- BEGIN tablehead -->
    <div class="boxfmvi">
          <div class="main-head">
            <div class="page-title"><h2>{catrow.tablehead.L_FORUM}</h2></div>
          </div>
          <div class="main-content">
            <table class="table" cellspacing="1" cellpadding="5" border="0">
                <tbody class="statused">
      <!-- END tablehead -->
   
      <!-- BEGIN forumrow -->
                  <tr>
                   

                      <td class="tcl">
                     
                                                   
                                                    <fieldset style="border: 1px solid; margin: 5px; padding: 5px 10px;"><legend><div><h3 class="hierarchy">
                                           
                                                   
                                                <font style="text-shadow: 0px 1px 5px rgb(0, 44, 115), 0px 1px 5px rgb(0, 44, 115), 0px 1px 5px rgb(0, 44, 115);" color="#ffffff" size="2">   
                                                   
                                                      <div class="troinoi"><dl><div class="vodoi">
                                  <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">
                                                   
                                                   
                                                   
                                    <font color="#FFF">  {catrow.forumrow.FORUM_NAME}</font></a></div></dl></div></font></h3></div></legend>
    <fieldset><div align="left"><table width="100%">
    <tbody>    <div class="hychi">{catrow.forumrow.FORUM_DESC}</div>
                        <!-- BEGIN switch_moderators_links -->
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        <div class="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
      </tbody></table></div></fieldset><br></fieldset>
   
                      </td>
                      <td class="tcr">
                            <div class="avs"><span>
              <!-- BEGIN switch_topic_title -->
              <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
              <!-- END switch_topic_title -->
              {catrow.forumrow.USER_LAST_POST}
              </span></div>
                    <div align="center" style="border-style: dotted dotted dotted solid; border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(153, 153, 153) rgb(153, 153, 153); border-width: 1px 1px 1px 1px; padding: 3px; margin: 5px 10px;" class="smallfont">» Chủ đề:<font color="blue"><b>{catrow.forumrow.TOPICS}</b></font> |  » Số Bài:<font color="red"><b>{catrow.forumrow.POSTS}</b></font></div>
                      </td>
                  </tr>
      <!-- END forumrow -->
   
      <!-- BEGIN tablefoot -->
                </tbody>
            </table>
          </div>
    </div>
      <!-- END tablefoot -->
    <!-- END catrow -->
    </div>
    <!-- BEGIN switch_on_index -->
    <div class="main-box clearfix">
      <ul>
          <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
          <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
          <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
      </ul>
      <!-- BEGIN switch_delete_cookies -->
      <p class="right">
          <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
      </p>
      <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->
    <script type="text/javascript">$(".smallrum:not(':empty')").show()</script>
   

Header

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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
    <head>
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
      <!-- END switch_compat_meta -->
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">//<![CDATA[
          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch( tickerDirParam )
          {
            case 'top' :
                slid_vert = true;
                break;

            case 'left':
                break;

            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;

            case 'right':
                auto_dir = 'prev';
                break;

            default:
                slid_vert = true;
          }

          $(document).ready(function() {

            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});

            if (width_max > 0)
            {
                $('#fa_ticker_content').css('display','block');

                $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                  if ($(this).width() > width_item)
                  {
                  var ratio      = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
                  }
                });

                if (slid_vert)
                {
                  var height_max = h_perso;

                  $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                        height_max = $(this).height();
                      }
                  } );

                  $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                  $('ul#fa_ticker_content li').height(height_max);
                }

                $('#fa_ticker_content').jcarousel({
                      vertical: slid_vert,
                  wrap: 'circular',
                  auto: {switch_ticker.STOP_TIME},
                  auto_direction: auto_dir,
                scroll: 1,
                size: {switch_ticker.SIZE},
                height_max: height_max,
                animation: {switch_ticker.SPEED}
                });
            }
            else
            {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
            }
          });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->
      {HOSTING_JS}
      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
        _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

        (function() {
          var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
          ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
          var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
    </head>

    <body>
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup" class="module main">
          <div id="login_popup_title" class="main-head">
            <div class="h3">{SITENAME}</div>
          </div>
          <div class="main-content">
            {LOGIN_POPUP_MSG}
            <div id="login_popup_buttons">
                <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="button2" value="{L_LOGIN}" />
                  <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                </form>
            </div>
          </div>
      </div>
      <!-- END switch_login_popup -->

     
    <div id="top-bar">

      <div id="top-bar-content">

          <table border="0" width="100%">

          <tr>

            <td width="16%">

                <div id="top-bar-right">

                  <a href="http://vechai.info/" class="text-logo" title="Đọc Truyện Tranh Tiếng Việt Online - Vechai.info"><span class="text-logo">VECHAI.INFO</span></a>

                </div>

            </td>

                <td width="42%" align="left">

                <div id="top-bar-user">

                                     
                                      <!-- BEGIN switch_user_logged_out --><span><a href="/login" class="user-bar">Đăng nhập</a></span> <span><a href="/register" class="user-bar">Đăng ký</a></span><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><span><a href="/profile?mode=editprofile" class="user-bar">Lí Lịch</a></span> <span><a class="last user-bar" href="/login?logout">Thoát</a></span><!-- END switch_user_logged_in --> 
                                      <div>

                <div class="clear"></div>

            </td>

            <td width="42%">

                <div class="search-box">

                  <form id="search-form" action="/search/search.php" method="get">

                    <input class="search-bar" name="name" id="lookup_input" type="text" maxlength="200" value="Tìm Kiếm Truyện Tranh Trong Vechai..." />

                    <input class="search-btn" type="button" value="Tìm" onclick="document.getElementById('search-form').submit();" />

                    <script type="text/javascript" src="http://vechai.info/js/search.js"></script>
                  </form>

                </div>

            </td>

          </tr>

          </table>

      </div>

    </div>



    <div id="wrapper">

      <div id="header">

          <div id="innerHeader">

            <div class="blog-header">

    <table id="ADS" width="980" border="0" cellpadding="0" cellspacing="0">

    <tr>

        <td width="10">

        </td>

      <td width="220" height="130">

                <div class="blog-title"><a href="/"><img src="http://vechai.info/template/teen9x/images/logo.png" width="220" height="130" border="0" title="Truyện tranh online,đọc truyện online - Trang chủ" alt="Truyện tranh online,đọc truyện online - Trang chủ"/></a></div>
                           

                <div class="blog-desc">Truyện tranh online,đọc truyện online,Truyen tranh 18+</div>



      </td>





         







    <td width="800" height="130" align="left" valign="top">

    <div style="float:right; padding-right:10px; width:728px; margin-top:20px; height:90px; overflow:hidden;">

    <embed src="http://vechai.info/images/ohoho/ktthanma/kttm.swf?v=1.03" quality="high" bgcolor="#ffffff" wmode="transparent" width="728" height="90" name="mymoviename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
    </embed>

    </div>



    </td>

      </tr>

     

    </table>



            </div>

          </div>

      </div>



        <div id="banner">

        <table cellpadding="0" cellspacing="0" border="0">

        <tr>

        <td background="images/bg.jpg">

     

        </td>

        </tr>

        </table>

          <div id="menu">

            <ul><li><span id="nav_index" class="activepage"><a href="index.php" ><span id="navitem_index" class="activepageitem">Trang chủ</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Ftopphimhay.com_2F"><a href="http://topphimhay.com/"  target="_blank" title="Xem Phim Hay Online - TopPhimHay.Com"><span id="navitem_http_3A_2F_2Ftopphimhay.com_2F">Phim</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2FNaruto_2F"><a href="http://vechai.info/Naruto/"  title="naruto"><span id="navitem_http_3A_2F_2Fvechai.info_2FNaruto_2F">naruto</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2Fone-piece_2F"><a href="http://vechai.info/one-piece/"  title="one piece"><span id="navitem_http_3A_2F_2Fvechai.info_2Fone-piece_2F">one piece</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2Fdragon-ball_2F"><a href="http://vechai.info/dragon-ball/"  title="Dragon Ball - Bảy Viên Ngọc Rồng"><span id="navitem_http_3A_2F_2Fvechai.info_2Fdragon-ball_2F">Dragon Ball</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2Fconan_2F"><a href="http://vechai.info/conan/"  title="conan"><span id="navitem_http_3A_2F_2Fvechai.info_2Fconan_2F">conan</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2FFairy-Tail_2F"><a href="http://vechai.info/Fairy-Tail/"  title="Fairy Tail"><span id="navitem_http_3A_2F_2Fvechai.info_2FFairy-Tail_2F">Fairy Tail</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2Ftan-tac-long-ho-mon_2F"><a href="http://vechai.info/tan-tac-long-ho-mon/"  title="Tân Tác Long Hổ Môn"><span id="navitem_http_3A_2F_2Fvechai.info_2Ftan-tac-long-ho-mon_2F">LHM</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2Fbeelzebub_2F"><a href="http://vechai.info/beelzebub/"  title="Beelzebub - Vua Quỷ"><span id="navitem_http_3A_2F_2Fvechai.info_2Fbeelzebub_2F">beelzebub</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2Fphong-van_2F"><a href="http://vechai.info/phong-van/"  title="Phong Vân"><span id="navitem_http_3A_2F_2Fvechai.info_2Fphong-van_2F">Phong Vân</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2FYu-Gi-Oh_2F"><a href="http://vechai.info/Yu-Gi-Oh/"  title="Yu-Gi-Oh!"><span id="navitem_http_3A_2F_2Fvechai.info_2FYu-Gi-Oh_2F">Yu-Gi-Oh!</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2Fbleach_2F"><a href="http://vechai.info/bleach/"  title="Bleach"><span id="navitem_http_3A_2F_2Fvechai.info_2Fbleach_2F">Bleach</span></a></span></li>
    <li><span id="nav_http_3A_2F_2Fvechai.info_2Fhiep-khach-giang-ho_2F"><a href="http://vechai.info/hiep-khach-giang-ho/"  title="Hiep Khach Giang Ho"><span id="navitem_http_3A_2F_2Fvechai.info_2Fhiep-khach-giang-ho_2F">HKGH</span></a></span></li></ul>

          </div>

        </div><a id="top" name="top" accesskey="t"></a>
      <div class="minwidth_IE">
          <div class="layout_IE">
            <div class="container_IE">
                <div class="pun">
                 

                  <!-- BEGIN switch_ticker_new -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker_new -->

                  <!-- BEGIN switch_ticker -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker -->

                  <div id="page-body">
                      <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <div id="outer-wrapper">
                            <div id="wrapper">
                              <div id="container">
                                  <div id="content">
                                    <div id="{ID_LEFT}">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                    </div>
                                    <div id="main">
                                        <div id="main-content">

    <!-- BEGIN html_validation -->
                                        </div>
                                    </div>
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
          </div>
      </div>
    </body>
    </html>
    <!-- END html_validation -->


[Sponsored content]