Demo: http://congdongdip.123.st
 writen: D.í.p-Po
Mã nguồn: punbb

css

Code:

#mudimPanel{
background:#FFF url('http://i45.servimg.com/u/f45/16/55/88/76/bogo11.png') no-repeat right center!important;
border:2px solid #DDD!important;
border-radius:0 10px 10px 0;
position:fixed!important;
width:295px!important;
height:35px;
padding:11px 25px 11px 4px!important;
font-size:9px!important;
vertical-align: middle;
bottom:100px!important;
left:-302px!important;
}
#mudimPanel:hover{
left:-2px!important
}





input[type="checkbox"] {
margin: 3px 3px 3px 4px;
}

input[type="checkbox"] {
-webkit-appearance: checkbox;
box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
margin: 3px 0.5ex;
padding: initial;
background-color: initial;
border: initial;
}





#scroll {
position: fixed;
right: 0;
top: 40%;
}
#stats {
background-color: #fff;
line-height: 150%;
padding: .6em 1em;
}
#onlinelist {
background-color: #fff;
border-top: 1px dashed #fff;
padding: .6em 1em;
}
#scroll a, .post-icon > a[href*="/privmsg?mode=post"], a[href*="topic?thank"], .post a[href="#top"], a[href*="mode=post_profile"], a[href*="mode=reply"], a[href*="mode=newtopic"], a[href*="merge?t="], a[href*="cp?mode=split"], a[href*="cp?mode=lock"], a[href*="cp?mode=move"], a[href*="cp?mode=trash"], a[href*="cp?mode=delete"], a[href*="cp?mode=unlock"], a[href*="mode=unlock&p"], a[href*="mode=lock&p"], a[href*="mode=report"], a[href*="&mode=delete"], a[href*="mode=editpost"], a[href*="mode=quote"] {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
white-space: nowrap;
color: #6B6B6B;
padding: 5px;
margin: 3px;
background: -moz-linear-gradient(top,#FCFCFC 0%,#E3E4E4);
background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC),to(#E3E4E4));
border-radius: 2px;
border: 0px solid #BEBEBE;
box-shadow: -1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 0px rgba(190,190,190,0.9);
text-shadow: 0px 0px 0px rgba(000, 000, 000, 0),0px 0px 0px rgba(255, 255, 255, 0);
}


#scroll a:hover, .post-icon > a[href*="/privmsg?mode=post"]:hover, a[href*="topic?thank"]:hover, .post a[href="#top"]:hover, a[href*="mode=post_profile"]:hover, a[href*="mode=reply"]:hover, a[href*="mode=newtopic"]:hover, a[href*="cp?mode=unlock"]:hover, a[href*="merge?t="]:hover, a[href*="cp?mode=split"]:hover, a[href*="cp?mode=lock"]:hover, a[href*="cp?mode=move"]:hover, a[href*="cp?mode=trash"]:hover, a[href*="cp?mode=delete"]:hover, a[href*="mode=unlock&p"]:hover, a[href*="mode=lock&p"]:hover, a[href*="mode=report"]:hover, a[href*="&mode=delete"]:hover, a[href*="mode=editpost"]:hover, a[href*="mode=quote"]:hover {
color: white!important;
background: -moz-linear-gradient(top,#F40 0%,#F40);
background: -webkit-gradient(linear, left top, left bottom,from(#F40),to(#F40));
}


.pun .main-content {
background-color: #FBFBFB;
border: 1px solid #fff;
}



.pun table .tcr {
overflow: hidden;
padding: 0 0 0 .5em !important;
text-align: left;
width: 20%;

}




table.ipbtable.index-box {
table-layout: fixed;
width: 100%;
}


tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}







.borderwrapm, div.borderwrap {
background-color: white;
border: 1px solid #;
padding: 1px;
}



div.maintitle {
background-color: #B1000D;
background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
color: white;
padding: 8px 8px 8px 15px;
vertical-align: middle;
zoom: 1;
}



input[id="find_user"]:hover, input[type="submit"]:hover {
border-color: #2F5BB7;
background-color: #357AE8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));
background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
background-image: linear-gradient(top,#4D90FE,#357AE8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8');
}input[id="find_user"], input[type="submit"] {
font-family: inherit;
font-size: 11px;
font-weight: bold;
color: white;
padding: 0 8px;
height: 29px;
min-width: 54px;
border: 1px solid #666;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-color: #3079ED;
background-color: #4D90FE;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
background-image: linear-gradient(top,#4D90FE,#4787ED);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
}










.module .maintitle {
padding: 5px;
}

div.maintitle {
background-color: #B1000D;
background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
color: white;
padding: 8px 8px 8px 15px;
vertical-align: middle;
zoom: 1;
}

#chatbox_header, .maintitle {
background: white!important;
border-bottom: 2px solid #F40!important;
color: #F40!important;
margin-bottom: 5px;
height: 22px!important;
}
.module .maintitle h3 {
float: none;
font-size: 1em;
}

div.maintitle div.toggle, div.maintitle h1, div.maintitle h2, div.maintitle h3 {
font-size: 13px;
}
.module .box-content {
border-bottom: none;
line-height: normal;
padding: 5px;
}

.box-content {
border: 0!important;
}

.box-content {
background-color: white;
border-bottom: 10px solid #892110;
}


form {
display: block;
margin-top: 0em;
}
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
td, th {
display: table-cell;
vertical-align: inherit;
}
label {
cursor: default;
}
.post {
border-bottom: 2px solid #F40!important;
}

.post {
background-color: white;
border-bottom: 10px solid #892110;
}

* {
margin: 0;
padding: 0;
}

input:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
padding: 1px 0px;
}

input, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

input, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}


input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: darkGray;
}














#content-container div#right {
float: right;
overflow: hidden;
width: 180px;
}

#right {
height: 0!important;
width: 0!important;
}
.borderwrapm, div.borderwrap {
background-color: white;
border: 1px solid #;
padding: 1px;
}

.newslink, .activeusers, div[id*="ptrafic"], .module.module-advert, #qpost, .borderwrap {
border-radius: 10px;
border: 2px solid #DDD;
padding: 3px!important;
}










#right div + div + div {
position: absolute;
top: 60px;
margin-left: 583px;
}

.borderwrapm, div.borderwrap {
background-color: white;
border: 1px solid #;
padding: 1px;
}

.newslink, .activeusers, div[id*="ptrafic"], .module.module-advert, #qpost, .borderwrap {
border-radius: 10px;
border: 2px solid #DDD;
padding: 3px!important;
}
.module .box-content {
border-bottom: none;
line-height: normal;
padding: 5px;
}

.box-content {
border: 0!important;
}

.box-content {
background-color: white;
border-bottom: 10px solid #892110;
}
#profile-advanced-add a, .borderwrap a, .posting-buttons a, .post a, #mudimPanel {
-webkit-transition: All .3s ease;
-moz-transition: All .3s ease;
-o-transition: All .3s ease;
}

a:link, a:active, a:visited {
text-decoration: none!important;
}
img {
border: none;
vertical-align: middle;
}
center {
display: block;
text-align: -webkit-center;
}
a[href*="/t22608"], a[href*="/t22604"], a[href*="/t22454"], .cp7color {
color: red;
animation: svcolor 1s infinite;
-moz-animation: svcolor 1s infinite;
-webkit-animation: svcolor 1s infinite;
}












.pun {
width: 948px;
min-width: 0px!important;
padding-top: 175px;
}




body {
color: #826253;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 135%;
}


#site-desc {
margin: 8px;
}


body {
background: #DDD url('http://i80.servimg.com/u/f80/18/08/88/56/12345610.gif') fixed;
}
a:link,a:active,a:visited {text-decoration: none !important; }

div#logostrip #main-title, div#logostrip #main-title h1 {
font-family: Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: 700;
padding-top: 15px;
}


#logostrip {
z-index: 10;
background: white!important;
border: 2px solid #DDD;
border-radius: 0 0 10px 10px;
color: #F40!important;
margin: 22px 0px 0px 46px;
position: absolute;
text-align: center!important;
width: 215px;
top: 10px;
}




#submenu {
z-index: 11;
position: absolute;
top: 0;
width: 948px;

border: 2px solid #DDD;
border-radius: 0 0 10px 10px;
border-top: 0;
}

#submenu {
background: white;
color: #B1000D;
padding: .5em 0 .65em;
text-align: right;
}
#submenu ul {
list-style: none;
text-align: center;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}


#submenu {
color: #B1000D;
text-align: right;
}


#ipbwrapper {
text-align: left;
}

#submenu ul li a {
color: black;
margin: .5em 1em .65em 0;
padding: .5em 1em .65em 0;
text-decoration: none;
}

.clearfix a {
color: #F40!important;
}

a:link, a:active, a:visited {
text-decoration: none!important;
}

a:link {
color: #892110;
text-decoration: underline;
}
#submenu ul li a:hover {
background-color: #F40!important;
color: white!important;
padding-top: 10px;
padding-bottom: 10px;
}

#smallrum{padding: 0.8em 1em; margin: 3px 1px;  
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}

a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://i64.servimg.com/u/f64/13/54/69/46/00510.gif);}
#text_editor_textarea {
background: white url(http://diendan.4allvn.biz/users/2213/24/46/69/album/11-7910.gif) no-repeat bottom right;
border: 1px solid #BCBCBC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
}


/* tooltip
--------------------------------------------------- */
#dhtmlpointer, #dhtmltooltip
{
  z-index: 999; /*Vị trí, trạng thái mặc định*/
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
      padding: 15px;
      text-align:left;
      -moz-opacity: 0.8; /* ĐỠtrong suốt 80% */
      opacity: 0.8;
      filter: alpha(opacity=80);
}
#dhtmltooltip
{
  border: #000000 0px solid; /* Mà u viền, bo tròn viền */
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      font-size: 9pt; font-weight:bold; /* Kiểu, cỡ, mà u chữ mặc định */
      font-family: Arial; color:#fff;
      background-color: #000; /* Mà u nền mặc định */
      width: auto; /* Chiều rá»ng tối Ä‘a */
      max-width: 340px;
      width:expression(document.body.clientWidth > 340? "340px": "auto");
  -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
    
}


/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 999;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 999;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 999;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 999;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 999;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 999;
  background: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 999;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 999;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

.resizebox, .resizebox .resize_content, .resizebox .resize_border, .resizebox .resize_filler {display: none !important;}
a.fancybox img {cursor: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/default/zoomin.cur'), pointer !important;}
#fancybox-overlay {cursor: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/default/zoomout.cur'), pointer !important;}
a.fancybox .iconPlayer {background:url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/play-overlay.png') no-repeat scroll center center transparent;opacity:0.8;z-index:99;padding:40px !important;bottom: 150px;position: absolute;right: 200px;}
.post-entry div a.fancybox .iconPlayer {bottom: -20px;}
.post-entry .entry-content a.fancybox .iconPlayer {bottom: 150px;}

/*-- Bloque LogIn facyBox --*/
.login-box-fancybox {height: 145px; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); background-color: transparent; padding: 10px 20px 0; overflow: auto; width: 310px;}
.login-box-fancybox-content{width: 310px; height: 126px; background: none repeat scroll 0% 0% transparent;}
.login-form-fancybox {background: url("http://scripts-giobanii.googlecode.com/svn/trunk/css/images/lock.png") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.login-form-fancybox label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.login-form-fancybox label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;font-size: 12px;text-align: right;}
.login-form-fancybox input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.login-form-fancybox input.submit {padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 15px;border: 1px solid #CCCCCC;float: right;height: auto;width: auto;}
.login-form-fancybox input.submit:hover, .login-form-fancybox input.submit:focus {cursor:pointer;}
.login-form-fancybox input.submit:active, .login-box-fancybox .rpass a:active {position:relative; top: 1px;}
.login-box-fancybox .rpass a {text-decoration: none;}
.login-box-fancybox .rpass {text-align: right;background: url("http://scripts-giobanii.googlecode.com/svn/trunk/css/images/user_key.png") no-repeat scroll left top transparent;float: right;height: 16px;margin: -1px auto 0;padding: 2px 0 0 12px;width: 150px;}
/*-- Bloque LogIn facyBox --*/


/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:800px;}


.resizebox {
position: relative;
left: -5px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
height: 25px;
margin: 5px;
background: #765034 url(http://i26.servimg.com/u/f26/11/96/49/61/magnif10.png) no-repeat 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

.resizebox .resize_border{border: none;}

.resizebox a{
margin-bottom: -5px !important;
font-size: 11px;
color: white !important;
text-shadow: 1px 1px 0px black;}

.fullsize{
margin-left: 10px;
display: block !important;}

blockquote{
width: 90%;
margin-top: 20px;
color: white;
text-shadow: 1px 1px 0px black;
border: 1px solid #4e3e2c !important;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #735a42 !important;}

blockquote div{
margin-top: -30px;
padding-top: 30px;
background: url(http://i26.servimg.com/u/f26/11/96/49/61/commen10.png) no-repeat top right !important;}

.codebox{
width: 90%;
border: none;
padding-bottom: 10px;
background: url(http://i26.servimg.com/u/f26/11/96/49/61/codebo10.png) no-repeat bottom;
width: 614px;}

.codebox dd.cont_code, .spoiler dd{
border-top: 1px solid #8a684e !important;
margin: 0;
padding-bottom: 0px;
color: white;
text-shadow: 1px 1px 0px black;
background: #765034;}

.codebox dd.cont_code a, .spoiler dd a, blockquote a{
text-decoration:underline;
color: white !important;}

.codebox dt{
border: none;
color: white;
padding-left: 10px;
padding-top: 15px;
margin-bottom: -18px;
height: 33px;
background: transparent url(http://i26.servimg.com/u/f26/11/96/49/61/codeto10.png) no-repeat top right;}
.postmain blockquote {
background-color: white;
border: 1px solid #DDD;
padding: .5em 1em;
}
.spoiler dt{background: transparent url(http://i26.servimg.com/u/f26/11/96/49/61/spoile10.png) no-repeat top right;}

#hoadonchitiet{background: url(http://i43.servimg.com/u/f43/15/83/61/45/bgf12.gif) repeat scroll 0 0 #000000; border: 0px solid black; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 3px #999999; height: auto !important; left: 5px; margin: 10px 0 15px 5px; min-height: 40px; overflow: visible; padding: 10px; position: relative; top: 6px; width: 97%;}


.pun .user{width:12em}
.pun .postmain{margin-left:auto;}
.pun .post .user,.postfoot{margin-left: auto;}
.postmain .postfoot,.pun .postmain{margin:0}
 .postmain .user{margin:0;width:100%;padding:0;border-bottom:1px dashed #CCC}
.postmain .user>div{margin:12px}
 .postmain .post-entry{clear:left}
.pun .post .user{margin-top:0}
.pun .posthead {margin-left: -14em}
.pun .postmain .posthead {margin:0}
.postmain .username{font-variant:small-caps;font-weight:bold}
.postmain .user-basic-info div{display:inline-block}
.user-ident{text-align:center}
.postmain .user-ident{float:left}
.postmain .user-info{float:right}

    .top-vi,.viewrep{padding:10px!important}#active_starters,#most_active,#pun-visit,#users_month,#users_week{display:none}.lastcate,.left,.leftrecent,.repfmvi,.rightrecent,
    .viewfmvi{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}

    .leftrecent{width:38%}.left{margin-left:-3px;width:81%}

    .imgstatus{background-color:#FFF;left:-32px;padding:2px 7px;position:absolute}.rightrecent{right:250px;text-align:right;width:115px}.showpost{font-size:9px;left:-12px;line-height:18px;position:absolute}


    .viewfmvi{right:185px;text-align:right;width:50px}.repfmvi{right: 129px;text-align:right;width:50px}.lastcate{margin-right:-11px;right:0;text-align:right;width:157px}#content-container div#left,#content-container div#right{border:0 none;float:none;margin:0;width:100%}*+ html #content-container div#main{margin-left:0;margin-right:0}* html #content-container #main-content{margin-left:0;margin-right:0;overflow:visible}* html #content-container div#main{float:none;margin-left:-99%;margin-right:-99%;width:100%}.latest_topics{list-style:decimal-leading-zero outside none;margin:0!important;padding:0 5px 0 27px;text-align:left}.latest_topics li{line-height:16.1px;position:relative}.toppost_width{float:left;width:200px}.recentWidth{float:left;width:655px}.recentWidth .main-head{height:1.3em;overflow:hidden;position:relative}.recentWidth h3{marign-left:10px}.loaddinng{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/black-10.gif);background-position:center center;background-repeat:no-repeat;height:350px;width:440px}#checktip{position:absolute;right:10px;top:3px;z-index:300}#numRecent{display:none;position:absolute;right:12px;top:7px}
    .latest_topics li {
    line-height: 16.1px;
    }

    /* Thống kê */
    .leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
    .rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;margin:5px 10px 5px 70px}
    .starsTitle{background-color:#BFBFBF;border:1px solid #989898;color: white;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;height:18px;padding:5px;background: url(http://i46.servimg.com/u/f46/15/26/55/24/tcat10.png) repeat scroll 0 0 rgba(45, 71, 99, 0.44);}

    /* Tooltip */
    #tooltip .header {display:none}
    #tooltip .tiplFMvi{border-bottom:1.5px dashed;padding-bottom:5px;margin-bottom:5px}
    #tooltip{max-width:550px;position:absolute;background-color:#FFF;border:2px solid blue;padding:5;border-radius:3px;color:#000;z-index:99;}

.main-contentdav .username span[style="color:#FF0000"] strong, .username span[style="color: rgb(255, 0, 0);"] strong {
background: url(http://i48.servimg.com/u/f48/16/18/15/10/admin110.png) no-repeat left top;
}

#vds_nhaplieu{
font: 12pt Tahoma, Arial;
opacity: 0.9;filter: alpha(opacity=90);
position:fixed;
left:30%;
top:50px;
overflow:hidden;
background-color:#000;
padding:5px;
width:400px;
border:10px solid #5E9EFF;
z-index: 999;}
.an{display:none}
.khungqtanvds{
margin:2px;
width:99%;
height:62px;
}
.qtantdytvds{
font: 12pt Tahoma, Arial;
width:98%;
height:110px;
position:relative;
}
.botrongoc{border-radius:33px}
.ds1vds{
display:none;
overflow:auto;
z-index: 999;
opacity: 0.5;filter: alpha(opacity=50);
background-color:#bce82c;
overflow:auto;
padding:3px;
max-height:400px;
position:absolute;
border:2px solid green;
height:150px;
width:393px;
right:40px;
top:115px;
}
.anhienlck{
background-color: #FFF;
z-index: 999;
width:400px;
position:absolute;
right:40px;
bottom:30px;
border:3px solid #000;
}
.qtan1vds{
background:#bce82c url(http://i49.servimg.com/u/f49/16/29/88/81/music-10.png) no-repeat;
position:relative;
width:400px;
height:66px;
}
.lck1vds{
display:none;
word-wrap:break-word;
width:95%;
overflow:auto;
height:200px;
margin-top:20px;
padding:5px;
position:relative;
bottom:15px;
}
.tdyt1vds{
z-index: 99;
background:#FFFFFF url(http://i48.servimg.com/u/f48/13/58/60/43/bgqtan10.png) repeat fixed top center;
padding:10px 2px 2px 2px;
width:100%;
height:50px;
display:block;
position:absolute;
left:0px;
bottom:0px;
border:3px solid #ff0000;
}
.nutbam_vds{z-index: 999;position:absolute;right:-5px;bottom:5px;width:30px;height:58px;background-color:#5E9EFF;}
.nutlck{z-index: 999;position:absolute;right:7px;top:7px;cursor:pointer;}
.nutdsn{z-index: 999;position:absolute;right:7px;bottom:7px;cursor:pointer;}
.qtantdyt_new{z-index: 999;position:absolute;right:447px;bottom:33px;cursor:pointer;}
a.dsnhac, a.dsnhac:link{
font-weight: bold;
font-size: 12px;
display:block;
color:#4317d3;padding:1px 20px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
}
a.dsnhac:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
#vds_cuon{margin:2px;text-align:right}
#thongtinnguoigui{
overflow:hidden;
border-radius:10px 10px 0 0;
opacity: 0.3;filter: alpha(opacity=30);
background-color:#FFF;
border:3px solid #ff0000;
position:absolute;
bottom:65px;
left:20px;
width:200px;
height:15px;
padding:5px;
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
#thongtinnguoigui:hover{
overflow:auto;
opacity: 1;filter: alpha(opacity=100);
height:150px;
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
#qtloadingvds{
z-index: 999;
position:absolute;
left:77px;
top:-11px;
padding:2px;
border:2px solid #000;
background-color:#ff0000;
}
#vds_tenck,#vds_flash,#vds_nlck,#vds_guiden,#vds_ntdyt,#vds_thoat{background-color:#FFFFFF}
#vds_qtgui{background-color:#ff0000;}
.cao_video{height:300px;}



.ngohuuvinhit {background-image: url(http://i80.servimg.com/u/f80/18/08/88/56/nen21011.jpg);}

.postsignature
{
  display:block;
  text-align:left;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  border:solid 1px #CCC;
  position:relative;
  padding:4px 4px 4px 20px;
}

.postsignature .title
{
  position:absolute;
  top:-22px;
  left:20px;
  border:0;
  overflow:hidden;
}

.postsignature .content
{
  margin-top:15px;
  margin-bottom:4px;
  padding:0;
}


.dip_po {background-image: url(http://i80.servimg.com/u/f80/18/08/88/56/nen21011.jpg);}


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');
         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}');
         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 -->
<script type="text/javascript" src="http://congdongdip.123.st/33837.js"></script></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 class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
                          
            <div style="border-style: solid; border-color: rgb(137, 137, 137); border-radius: 5px;  border-width: 2px; background-color: rgba(255, 254, 254, 0); box-shadow: 3px 3px 7px 2px; padding: 10px; width: 968px; margin: 10px auto;"><div class="pun">
                  <a id="top" name="top" accesskey="t"></a>

  <div id="submenu"><ul><li class="clearfix">
    
  <a class="mainmenu" href="/"><img id="i_icon_mini_index" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Index" title="Index">Index</a>  <a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Trợ giúp" title="Trợ giúp">Trợ giúp</a>  <a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Tìm kiếm" title="Tìm kiếm">Tìm kiếm</a>  <script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu();//]]>
</script><div id="search_menu" style="display:none;position:absolute;z-index:10000"><form action="/search" method="get"><input type="hidden" name="mode" value="searchbox"><table class="forumline" cellpadding="3" cellspacing="0" border="0"><tbody><tr><th class="thHead">Tìm kiếm</th></tr><tr><td class="row2" align="center"><input type="text" class="post" name="search_keywords" size="24" style="height:20px; margin-top:6px; margin-right:3px;"> <input type="submit" class="button" value="Go"></td></tr><tr><td class="row2" align="center" nowrap="nowrap"><span class="genmed"> Display results as :  <input id="rposts" type="radio" name="show_results" value="posts"><label for="rposts"> Số bài</label> <input id="rtopics" type="radio" name="show_results" value="topics" checked="checked"><label for="rtopics"> Chủ đề</label> </span></td></tr><tr><td class="row2" align="center"><span class="genmed"><hr><a href="/search" rel="nofollow" title="Advanced Search"><img src="http://2img.net/i/fa/empty.gif" width="12" height="13" border="0" hspace="3" alt="Advanced Search"> Advanced Search</a><span></span></span></td></tr></tbody></table></form></div>
    
  <a class="mainmenu" href="/memberlist" rel="nofollow"><img id="i_icon_mini_members" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Thành viên" title="Thành viên">Thành viên</a>  
    
  <a class="mainmenu" href="/groups"><img id="i_icon_mini_groups" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Nhóm" title="Nhóm">Nhóm</a>  
                                       <!-- BEGIN switch_user_logged_out -->   
    <a class="mainmenu" href="/register" rel="nofollow"><img id="i_icon_mini_register" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Đăng ký" title="Đăng ký">Đăng ký</a>
      <a class="mainmenu" href="/login" rel="nofollow"><img id="i_icon_mini_login" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Đăng Nhập" title="Đăng Nhập">Đăng Nhập</a>
               <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
  <a class="mainmenu" href="/profile?mode=editprofile"><img id="i_icon_mini_profile" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Lý lịch" title="Lý lịch">Lý lịch</a>  
    
  <a class="mainmenu" href="/privmsg?folder=inbox"><img id="i_icon_mini_message" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Không có tin nhắn" title="Không có tin nhắn">Không có tin nhắn</a>  
    
  <a class="mainmenu" href="/login?logout=1" id="logout"><img id="i_icon_mini_logout" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Thoát" title="Thoát">Thoát</a>  </li>
                             <!-- END switch_user_logged_in -->
    
    
    </ul></div>

    <div id="logostrip" class="clearfix"><a href="/" id="logo" title="D.í.p"><img src="http://2img.net/i/fa/empty.gif" alt="D.í.p"></a><div id="main-title"><h1>D.í.p</h1></div><p id="site-desc">Congdongdip.123.st</p></div>

 

      
                             <!-- BEGIN switch_user_logged_in -->
      <div id="right">



  <div class="box-content">
        <script src="http://diendan.chinhphuc.info/h5-smoothscroll.js"></script>
<div id="scroll">
 <a href="#submenu"><strong>△</strong></a><br><br>
  <a href="#bottom"><strong>▽</strong></a>
</div>

 
    
    </div>
  

    <div style="height:1px"></div>

  <div class="module borderwrap"><div class="box-content"><div id="FMenu">
 <a href="http://congdongdip.123.st/h39-page" title="Shop avatar anime"><img src="http://i80.servimg.com/u/f80/18/08/88/56/shop10.gif"></a>
 <a href="http://congdongdip.123.st/c18-category" title="Kho skin"><img src="http://i80.servimg.com/u/f80/18/08/88/56/skin10.gif"></a>
 <a href="http://congdongdip.123.st/f53-forum" title="Kho Code"><img src="http://i80.servimg.com/u/f80/18/08/88/56/code10.gif"></a>
 <a href="http://congdongdip.123.st/f39-forum" title="Vườn ước nguyện"><img src="http://i80.servimg.com/u/f80/18/08/88/56/vun11.gif"></a>
 <a href="http://congdongdip.123.st/f51-forum" title="Góp ý và thắc mắc" target="_blank"><img src="http://i80.servimg.com/u/f80/18/08/88/56/gap-a10.gif" height="50"></a>
 
   </div>

   <center><a class="cp7color" href="http://congdongdip.123.st/forum" title="Chào mừng bạn đến với D.í.p , nếu bạn không hiểu gì vui lòng post trong box góp ý và thắc mắc.Cám ơn bạn đã tham za diễn đàn." style="color: rgb(255, 255, 127);">Rê chuột vào đây còi nè.^o^</a></center></div></div><div style="height:1px"></div></div>
   <img src="http://i80.servimg.com/u/f80/18/08/88/56/logo13.gif"/>
   <!-- END switch_user_logged_in -->
   
   
   
         <!-- BEGIN switch_user_logged_out -->
   <div id="right">
     

       
       <div class="box-content">
         <a style="text-shadow:0 0 5px #000;margin:-96px 0 0 -963px;-webkit-transform: rotate(332deg);-moz-transform:rotate(332deg);-o-transform:rotate(332deg);animation:blink .2s infinite;-moz-animation:blink .2s infinite;-webkit-animation:blink .2s infinite;width:140px;position:absolute;font: 28px Tahoma bold;color:#FFF;    text-align:center;z-index:35" href="http://diendan.chinhphuc.info/t23095-topic#150621" title="Click tham gia">AdminFM nổi bật?!</a>

     
 
       
       </div><div style="height:1px"></div><div class="module borderwrap"><div class="maintitle"><h3>Đăng nhập</h3></div><div class="box-content"><style>
#userlinks{display:none}
#ipbwrapper {padding-top:203px!important}
</style>
<!-- login form -->
<form class="CPlogin" action="/login.forum" method="post" name="form_login">
<table cellpadding="0" cellspacing="3" border="0">
<tbody><tr>
<td style="white-space: nowrap;"><label><span class="smallfont"><img src="http://i44.servimg.com/u/f44/12/24/45/65/user-s10.png"></span></label></td>
<td> <input placeholder="Tên đăng nhập" class="post" type="text" size="20" name="username"></td>
<td nowrap="nowrap"><label><span class="smallfont">Ghi nhớ</span> <input class="radio" type="checkbox" name="autologin" checked="checked"></label> 
</td>
</tr>
<tr>
<td class="gensmall"><label><span class="smallfont"><img src="http://i44.servimg.com/u/f44/12/24/45/65/lock-i10.png"></span></label></td>
<td> <input placeholder="Mật khẩu" class="post" type="password" size="20" name="password"></td>
<td nowrap="nowrap"><input class="mainoption" type="submit" name="login" value="Đăng Nhập">
<br>
</td></tr>
</tbody></table>
  <script type="text/javascript">document.write('<input type="hidden" name="redirect" value="' + location.href + '" />')</script><input type="hidden" name="redirect" value="/forum">
</form>
<center><a href="/profile?mode=sendpassword" target="_blank">Quên mật khẩu?</a> | <a href="/register" target="_blank">Đăng kí</a></center></div></div><div style="height:1px"></div></div>
   
       <!-- END switch_user_logged_out -->
  </br></br>
      
      
       <!--BEGIN LAST-->
<table width="100%" border="0"  cellpadding="0" cellspacig="0"> 
  <tbody>
  <tr>
    <td width="60%" style="height:230px;border: 1px solid #ccc;background: #f7f2f7  url(http://i74.servimg.com/u/f74/16/18/15/10/134.png) repeat-y left" valign="top">
  <div style="height:12px;padding:3px;padding:0px 0px 12px 16px;border-bottom:1px solid #ccc">
    <span class="tin_tuc" style="color:#464a4f;border:1px solid #d4d4d4;padding:14px 16px 6px 16px;margin-top:-10px;background:#FFF;border-bottom:0px">CODE</span>
    <a href="http://congdongdip.123.st/c18-category" class="tin_tuc">SKIN</a>
    <a href="http://congdongdip.123.st/f40-forum" class="tin_tuc">LASTTOPIC</a>
    <a href="http://congdongdip.123.st/f45-forum" class="tin_tuc">HTML</a>
    <a href="http://congdongdip.123.st/f47-forum" class="tin_tuc">LIÊN KẾT</a>
    </div>
      <div style="background:#fff;height:10px"></div>
      <div style="width:100%;background:#fff">
      <div style="width:55%;margin-left:0px;height:230px;padding-left:10px;float:left;background:#fff" id="demo">
        <div style="height:205px;overflow:hidden;margin-bottom:4px">
          <span class="show_topic">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
        <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
        <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
       <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
        <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
        </div>
        <div class="phu1" align="right">
          <span class="active" id="1" style="border-left:1px solid #ccc">1</span>
          <span id="2">2</span><span id="3">3</span><span id="4">4</span><span id="5">5</span></div>
          <script>$(".phu1 span").click(function () {$(".phu1 span").removeClass("active");$(this).addClass("active");var a = eval($(this).attr("id"));var b = a - 1;if (a == 3) {b == 0}$("#demo .show_topic").hide();$("#demo .show_topic:eq(" + b + ")").show();});</script>
            </div>
        <div style="width: 40%;float: left;height: 225px;padding-left:12px;background:#fff;padding-top:5px;display:block">
      <div class="baiviet">
                
             </div>
          <br />
             <div class="baiviet">
                  
             </div>
          <br />
          <div class="baiviet">
          
             </div>
        </div>
    </div>
              </td>
    <td width="40%" style="height:230px;/*float:right;*/border: 1px solid #ccc;background: #fff  url(http://i74.servimg.com/u/f74/16/18/15/10/134.png) repeat-y left;margin-top:5px;padding:12px;" valign="top">
    <div id="thai_tab">
        <ul id="stabs">
          <table><tr><td><center><span class="genmed"><img alt="Ưu tiên" src="http://i80.servimg.com/u/f80/18/08/88/56/thongb10.gif" style="width: 22px; height: 18px;" /></span><b>Thông báo</b> <strong><font color="#ff0000"</center></td></tr>
            <tr><td><span class="genmed"><img alt="Ưu tiên" src="http://r19.imgfast.net/users/1911/13/87/62/album/th/yeu10.png" style="width: 22px; height: 18px;" /></span><b>Tuyển Mod</b> <strong><font color="#00569C"</td></tr>
<tr><td><span class="genmed"><img alt="Ưu tiên" src="http://i80.servimg.com/u/f80/18/08/88/56/i_cate10.gif" style="width: 22px; height: 18px;" /></span><b>Bik làm photoshop</b> <strong><font color="#3AAA00"</td></tr>
<tr><td><span class="genmed"><img alt="Ưu tiên" src="http://i80.servimg.com/u/f80/18/08/88/56/i_cate10.gif" style="width: 22px; height: 18px;" /></span><b>Bik về code</b> <strong><font color="#3AAA00"</td></tr>
<tr><td><span class="genmed"><img alt="Ưu tiên" src="http://i80.servimg.com/u/f80/18/08/88/56/i_cate10.gif" style="width: 22px; height: 18px;" /></span><b>Bik rip skin</b> <strong><font color="#3AAA00"</td></tr>
  <tr><td><center><span class="genmed"><img alt="Ưu tiên" src="http://r19.imgfast.net/users/1911/13/87/62/album/th/yeu10.png" style="width: 22px; height: 18px;" /></span><b>Nếu bik 1 trong 3 cái tên thì pm D.í.p-Po là bạn có thể làm mod</b> <strong><font color="#333333"</center>   </td></tr></table>     
            </ul>
    </div>
  <center><img src="http://i25.servimg.com/u/f25/16/25/04/88/canh110.gif"/>Chúc các bạn chơi vui vẻ.<img src="http://i25.servimg.com/u/f25/16/25/04/88/canh210.gif"/></center>
  <div id="main-lastpost" class="mitienich">
              <!-- BEGIN giefmod_index1 --> 
{giefmod_index1.MODVAR} 
<!-- END giefmod_index1 -->
  </div>
 
    </td>
  </tr>
  </tbody>
</table>
<script>
  $(document).ready(function()
  {$("#stabs li").click(function()
  {$("#stabs li").removeClass('active');
  $(this).addClass("active");
  $(".tab_content").hide();
  var selected_tab=$(this).find("a").attr("href");
  $(selected_tab).fadeIn();return false})});
</script>
  <script>
$(function () {
        $.ajax({url: "/feed/?f=53",
   success: function (ta) {
    for(var i=2;i<7;i++)
    {
           var DL=$(ta).find("link:eq("+i+")").text();
       $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic:eq('+(i-2)+')');
       $('<img src="'+$(".show_topic:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic:eq('+(i-2)+') a');
   $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic:eq('+(i-2)+')');
}
}})
        })
</script>
 <script>
$(function () {
        $.ajax({url: "/feed/?f=53",
   success: function (ta) {
    for(var i=2;i<5;i++)
    {
           var DL=$(ta).find("link:eq("+i+")").text();
$('<a href="'+DL+'"></a>').appendTo('.baiviet:eq('+(i-2)+')');
       $('<img src="'+$(".baiviet:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/><a href=').appendTo('.baiviet:eq('+(i-2)+') a');
$('<a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a>').appendTo('.baiviet:eq('+(i-2)+')');
}
}})
        })
</script>
<style>
  #thai_tab {
border-bottom: 1px solid #dedede;
padding-bottom: 2px;
margin-top: -4px;
margin-bottom: 4px;
padding-left: 5px;
}
  #stabs li {
display: inline;
list-style: block;
padding: 2px;
}
#stabs  li.active a {
border: 1px solid #d4d4d4;
background: #FFF;
padding: 3px 5px 2px;
margin-bottom: -1px;
border-bottom: 1px solid #f7f2f7;
color: #ba3814;
}
  #stabs li a {
font: bold 11px Arial;
color: #333;
border: 1px solid transparent;
padding: 4px 7px;
}
 .hidetab
  {
     display:none;
  }
 .tab_content table tbody tr td,.tab_gun td.row2 {
height: 14px;
overflow: hidden;
font: 12px Arial;
background: #fff url(http://i73.servimg.com/u/f73/17/98/19/05/page_r10.png) no-repeat left;
padding-left: 15px;
}
 .tab_content .row2,.tab_gun .row2 {
border: 0 none;
margin-left: 3px!important;
line-height: 18px!important;
border-bottom: 1px dashed #d4d4d4!important;
}
  .anthanhcuon
  {
     height:216px;
     overflow:hidden;
  }
  .anthanhcuon:hover
  {
     height:216px;
     overflow:auto;
  }
  a.tin_tuc, .tin_tuc {
font: bold 11px Arial;
display: inline-block;
padding: 0px 14px;
border-right: 1px solid #e1e1e8;
margin-top: 2px;
}
  #demo .phu1 span.active {
cursor: default;
color: #B42000;
}
  #demo .phu1 span {
color: #333;
font: bold 11px Arial;
display: inline-block;
border: 1px solid #ccc;
padding: 3px 10px;
cursor: pointer;
border-bottom: 0px;
border-left: 0px;
margin-top: -1px;
}
  a.ava_new,span.ava_new img {
width: 239px;
height: 150px;
display: inline-block;
border: 1px solid #b0b0b0;
overflow: hidden;
margin-left: 0px;
}
  .show_topic {
display: inline-block;
height: 205px;
}
  a.ava_new img,span.ava_new img {
width: 239px;
height: 150px;
}
.baiviet
{
   width:100%;
   height:62px;
   overflow:hidden;
}
.baiviet img
{
   float:left;
   width:90px;
   height:60px;
   border:1px solid #ccc;
}
.baiviet a
{
   width:40px;
   valign:top;
   padding-left:5px;
   text-align:right;
}
</style>
<!--END LAST-->
      
      
               <div id="pun-head">
                  
               </div>

               <!-- 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="main">
                                    <div id="main-content">

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


xem

xem

l

fgfg

5

ccccccccccccccc

xem

a

saddddddd

ffffffffffffffffffffffff

hay

22222222222222222

xem

xem

xem coi

xem

xem

xem

xem

xem

xe,

hjhjhj

1