[Skin] Chia sẻ skin Ngamvn version Punbb.

Demo ảnh

skin - [Skin] Chia sẻ skin Ngamvn version Punbb. Ngamvn10

Hướng dẫn

ACP >> Display >> Colors >> CSS
Thay toàn bộ bằng code sau

Code:

::selection {
 background: none repeat scroll 0% 0% rgba(255, 0, 234, 1);
    color: #fff;

    }

    ::-webkit-selection {
  background: none repeat scroll 0% 0% rgba(255, 0, 234, 1);
    color: #fff;
    }
*::-moz-selection {
    background: none repeat scroll 0% 0% rgba(255, 0, 234, 1);
    color: #fff;
}
.contents {
overflow: initial!important;
}
body {
   background-color: #f9f9f9;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color:#333333;   
}
#page-body {
    margin: 0!important
}
.pun {
margin: 0 auto;
padding: 0!important;
width: 100%;
}
a {
   color:#3b5998;
   text-decoration: none;   
}
a:hover {
   text-decoration: underline;   
}
.none {
   display: none;   
}
.center h3 a{color:#000!important}
.pic img {
display: block;
margin: 0 auto;
max-width: 310px;
min-width: 300px;
min-height: 200px;
}
/*footer*/
#pun-about ul li a {
color: #f9f9f9!important;
pointer-events: none;
}
#pun-about ul li {
color: #f9f9f9!important;
}
/*main-head*/

.reply #pun-qpost .main-head p.h2:before{font-size: 26px!important;content: "Trả lời của thành viên"}
.main .main-head {
position: relative;
background: transparent;
border-bottom: 1px solid #359bed;
line-height: 32px;
min-height: 33px;
padding: 0;
}
.main .main-head .h2 ,.main .main-head .page-title {
color: #359bed;
font-size: 26px;
text-shadow: 0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
font-weight: 300;
padding: 0;
}
.main .main-head > .page-title {
margin: 0;
}
/*NAVBAR*/
li.sub .hot {
background: url(http://i.imgur.com/SEmTduA.png) no-repeat;
display: inline-table;
height: 16px;
margin-left: -83px;
margin-top: -8px;
position: absolute;
width: 24px;
}

#nav {
   list-style: none;
   background-color:#3b5998;
   height:35px;
   box-shadow: 0 1px 5px #888888;
}

#nav li.sub{
   float: left;
}
#nav li.sub a{
   line-height: 35px;
   float: left;
   color:#ffffff;
   font-size:14px;
   padding: 0 15px;
   border-right: 1px solid #123682;
   border-left: 1px solid #4965a0;
}
#nav li.sub a.home {
   background:url(http://i.imgur.com/DIGTTgH.png) no-repeat center;
   height: 35px;
   width:15px;   
}
#nav li.sub a.home:hover {
   background:url(http://i.imgur.com/MkL3U6W.png) no-repeat center;
}
#nav li.sub a:hover {
   text-decoration: none;
   color:#cccccc;   
}

#nav li.upload {
   float: right;
}

#nav li.upload a {
margin-right: 3px;
top: 9px;
}
#nav li.upload a:hover{

}
#nav ul {
   list-style: none;
   display: none;
   position: absolute;
   z-index:3;
   margin-top: 35px;
   box-shadow: 0 1px 5px #888888;
}
#nav li:hover ul {
   display: block;   
}
#nav li.sub ul li {
   float: none;
   border: none;
}
#nav li.sub ul li a{
   display:block;
   background-color: #ffffff;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid #dfdfdf;
   color: #666666;
   line-height: 25px;
   width:130px;
}
/*SEACH*/
#header .search{
   width:367px;
   height:38px;
   position: absolute;
   left: 265px;
   top:20px;   
}
#header .search .gsc-control-cse {
   background: none!important;
   padding: 0!important;
   border: none!important;
}
#header .search .gsc-input {
   background: none!important;
}
/*HEAD*/
.wauto {
   width:980px;
   margin: 0 auto;   
}

#header {
   position: relative;
   height:68px;
}
#header h1 a{
   font-size: 0;
   background:url(http://i.imgur.com/gCWiZJZ.png) no-repeat;
   width:172px;
   height:68px;
   display: inline-block;
}

/*butoon*/
.uibutton, .uibutton:visited {
-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1), inset 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1), inset 0 1px 0 #fff;
background-color: #eee;
background-image: linear-gradient(#f5f6f6,#e4e4e3);
border: 1px solid #999;
border-bottom-color: #888;
box-shadow: 0 1px 0 rgba(0,0,0,0.1), inset 0 1px 0 #fff;
color: #333;
cursor: pointer;
display: inline;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6',EndColorStr='#e4e4e3');
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: normal;
margin: 0;
overflow: visible;
padding: .3em .7em .375em;
position: relative;
text-align: center;
text-decoration: none;
white-space: nowrap;
z-index: 1;
zoom: 1;
}

.uibutton:hover,
.uibutton:focus,
.uibutton:active,
.uibutton.active {
    border-color: #777 #777 #666;
   text-decoration: none;
}

.uibutton:active,
.uibutton.active {
    border-color: #aaa;
    background: #ddd;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*sider trai phai*/
#main {
    position: relative;
    margin: 10px 0px;
}
#main .m-top {
    position: relative;
    color: #3B5998;
    border-bottom: 1px dotted #DFDFDF;
    margin-bottom: 10px;
    padding-bottom: 8px;
}
#main .m-left {
   float: left;
   width:680px;
        margin-left: 1px;
}

#main-contents {
   width:670px;
   background-color: #ffffff;
   box-shadow: 0 1px 5px #888888;
}

#main .m-right {
   float: right;
   width:295px;
        margin-right: 1px;
}



.contents .items{
   background: #ffffff;
   float: left;
   width: 330px;
   margin-right:10px;
   margin-bottom:10px;
   box-shadow: 0 1px 3px #D6D6D6;
}
.contents .items:hover {
   box-shadow: 0 1px 5px #888888;
}
.contents .items .top {
   position: relative;
   padding: 8px 10px;
   border-bottom: 1px solid #dfdfdf;
   color:#9B9B9B;
   font-size:11px;
}
.contents .items .top div.like {
   position: absolute;
   right:10px;
   top: 10px;   
}

.contents .items .center {
   padding: 10px;
   position: relative;
}
.contents .items .center h3 {
   font-size: 20px;
   margin-bottom: 10px;   
}
.contents .items .center img.thumb {
   max-width:310px;
   margin: 0 auto 0;
   display: block;
}
.contents .items .center img.vplay {
    display: block;
    margin: 0 auto -65px;
    position: relative;
    top: -125px;
}
.contents .items .center p {
   margin-top: 8px;   
}
.contents .items .pic {
   position: relative;   
}
.contents .items .bot {
    top: 15px;
    right: 0;
    position: absolute;
}
.ffffff {
   background-color: #ffffff;
   box-shadow: 0 1px 5px #888888;
}
.mrbottom {
    margin-bottom: 10px;
}
.box .html {
    padding: 10px;
}
.box {
   position: relative;
   background:url(http://i.imgur.com/SdcMkDe.png) repeat-x;
   padding-top: 6px;   
}
.box .h3-right {
   position: absolute;
   right:10px;
   top: 10px;   
}
.box h3{
   border-bottom: 1px solid #dfdfdf;
   font-size:20px;
   line-height: 35px;
   padding-left: 15px;
}
.box h2{
   font-size:20px;
}

.box .stats {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}
.box .stats .comments {
    margin-left: 10px;
}
.box div.source {
   font-weight:bold;
   font-size:14px;
    margin: 5px 0;
}
.box div.source .text {
    font-weight: normal;
}
.box .stats .number {
    color: #3B5998;
    font-size: 16px;
}
.box .stats .text {
    font-weight: normal;
}
.box .stats a {
    font-weight: normal;
}
div.box .likeButton {
    background-color: #F4F4F4;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    height: 25px;
    margin: 0 -10px 10px;
    padding: 10px 10px 5px;
    width: 650px;
    z-index: 2;
}
div.box .likeButtonVoting {
    background-color: #FFFF99;
}
div.box .likeButton .text {
    color: #3B5998;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding-right: 5px;
}


/*top*/
div.topUsers {
}
div.topUsers .item {
    float: left;
    margin-bottom: 8px;
    margin-right: 5px;
    position: relative;
    width: 130px;
}
div.topUsers .itemWide {
    width: 215px;
}
div.topUsers .item img {
    margin-left: -37px;
    float: left;
    height: 35px;
    width: 35px;
}
div.topUsers .item .info {
    margin-left: 38px;
}
div.topUsers .item a:hover{
   text-decoration: none;
}
div.topUsers .name {
    font-weight: bold;
    height: 15px;
    margin-bottom: 3px;
    overflow: hidden;
}
div.topUsers .item a:hover .name {
   color:#FF3300
}
div.topUsers span.likes {
    color: #333333;
   background: url("http://i.imgur.com/AwvX1zE.png") no-repeat scroll 0 2px transparent;
    padding-left: 13px;
}
h3.topUsers {
    background: url("../img/smile_icon.png") no-repeat scroll 5px 10px transparent;
    padding-left: 25px;
}
div.topUsers span.num {
   position: absolute;
   left: -5px;
   top: -5px;
   background-color: #000;
   display:inline-block;
   float: left;
   width: 15px;
   height:15px;
   text-align: center;
   display: inline-block;
   color:#ffffff;   
}

div.topUsers span.num.number_0 {
   background-color: #009DDC;
}
div.topUsers span.num.number_1 {
   background-color: #47AA42;
}
div.topUsers span.num.number_2 {
   background-color: #F57B20;
}
/*sider top tabs phải*/
div.tab .uibutton-group {
position: absolute;
top: 12px;
right: 5px;
}
.uibutton-group > .uibutton:first-child, .uibutton-group li:first-child .uibutton {
margin-left: 0;
}
/*login*/
#_Login{
   position: absolute;
   right: 0;
   top: 20px;
}

#_Login .login {
    background: url("http://i.imgur.com/DuVolAK.png") no-repeat scroll 5px 5px #3B5998;
    color: #FFFFFF;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 8px 0 33px;
    vertical-align: middle;
}
#_Login .login:hover,
#_Login .login.act {
   background-color: #5977B6;
   text-decoration: none;
}

#_Login .tab_login {
    background-color: #5977B6;
    position: absolute;
    right: 0;
    width: 150px;
    z-index: 2;
   display: none;
}

#_Login .tab_login > li {
    list-style: none outside none;
}
#_Login .tab_login a {
    color: #FFFFFF;
    display: block;
    padding: 5px 15px;
}
#_Login .tab_login a:hover {
   background-color: #3B5998;
   text-decoration: none;   
}

#_Login .login.btn_fb {
   position: relative;
   padding:0;
   width:30px;
   background-image:url(http://www.ngamvn.com/ngamvnTemp/img/icon-user.png);
   cursor:pointer;
        margin-right: 5px;
}
#_Login .login.btn_fb.msg_1 {
   background-position: 5px 2px;
}
#_Login .login.btn_fb.msg_2 {
   background-position: 5px -33px;
}
#_Login .login.btn_fb.msg_3 {
   background-position: 5px -103px;
}

#_Login .login.btn_fb span {
   background-color:#FF0000;
   height:15px;
   font-size:11px;
   position: absolute;
   right:-2px;
   top:-3px;
   display: inline-block;
   line-height: normal;
   padding: 0 3px;   
}
#_Login .box_fb{
   position: absolute;
   right:0;
   top: 40px;
   z-index:2;
   width:400px;
   background-color: #ffffff;
   border: 1px solid rgba(100, 100, 100, 0.4);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
   display: none;
}
#_Login .box_fb span.arrow {
    background: url("http://www.ngamvn.com/ngamvnTemp/img/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 8px;
    margin-left: 193px;
    margin-top: -8px;
    position: absolute;
    width: 11px;
    z-index: 3;
}
#_Login .box_fb span.arrow.m2 {
   margin-left: 226px;
}
#_Login .box_fb span.arrow.m3 {
   margin-left: 258px;
}

#_Login .box_fb h3 {
   color: #333333;
   font-size:11px;
   border-bottom: 1px solid rgba(100, 100, 100, 0.4);
   padding: 5px 10px;   
}
#_Login .box_fb .contents li{
   border-bottom: 1px solid rgba(100, 100, 100, 0.4);
   padding: 10px;
   list-style: none;
   position: relative;
}
#_Login .box_fb .contents li a:hover {
   text-decoration: none;   
}

#_Login .box_fb .contents li .img {
    float: left;
    width: 50px;
}
#_Login .box_fb .contents li .img > img {
    width: 40px;
}
#_Login .box_fb .contents li .info2 {
    float: left;
    width: 200px;
}
#_Login .box_fb .contents li .info2 a {
   font-weight: bold;
   line-height: 40px;
   display: inline-block;
}
#_Login .box_fb .contents li .action {
    float: right;
   padding-top: 10px;
}
#_Login .box_fb .contents li.act {
   background-color: #E7E7E7;
}

#_Login .box_fb .contents li.nodata {
   height:40px;
   text-align: center;
   font-size:11px;
   border-bottom:none;
   line-height:40px;
}
#_Login .box_fb .contents li.ajax,
#msg_n_page.ajax {
   background:url(http://www.ngamvn.com/ngamvnTemp/img/indicator.gif) no-repeat 6px 9px;
   padding-left:25px;
   font-style:italic;
}
#_Login .box_fb .contents li .info {
   float:right;
   width:330px;
}
#_Login .box_fb .contents li .info strong{
   color: #333333;
}
#_Login .box_fb .contents li .info span{
   color: #666666;
   font-size:11px;
}
#_Login .box_fb .contents li .info span.time {
   font-style: italic;   
}

#_Login .box_fb .contents {
   max-height: 305px;
}
/*seditor*/
.sceditor-group a {
cursor:pointer!important;
border:1px solid #999!important;
background:#FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left!important;
box-shadow:0 1px 0 #dedade!important;
margin-left:-1px;
border-radius:0;
-moz-border-radius:0;
padding:0px 3px!important;
}

a.sceditor-button-faspoiler div {
background:#FFF url(http://i35.servimg.com/u/f35/16/18/15/10/183.png)no-repeat center!important;
border:1px solid #ccc!important;
height:9px!important;
width:9px!important;
padding:3px!important;
}

.sceditor-container {
border:1px solid #bdbdbd!important;
border-radius:0!important;
-moz-border-radius:0!important;
}

.sceditor-toolbar {
text-align:left;
border-bottom:1px solid #cecfce!important;
background:#f2f2f2!important;
}

.sceditor-group a:active {
background:#dedede!important;
box-shadow:inset 0 1px 1px #b0b0b0!important;
}

.sceditor-group a.hover,.sceditor-group a.active {
background:#dedede!important;
box-shadow:inset 0 0 0 #b0b0b0!important;
}

.sceditor-toolbar .sceditor-group {
background:none!important;
border:0!important;
}
.sceditor-button-date,.sceditor-button-time{display:none!important}


/*button*/
input.button2:hover,input[type=button],.pun input[type=submit],input[type=reset] {
cursor:pointer;
border:1px solid #999;
border-bottom:1px solid rgb(131,131,131);
color:#000;
background-color:#FFF;
background-image:url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png);
background-repeat:repeat-x;
background-position:bottom left;
font:bold 11px Tahoma!important;
box-shadow: 0px 1px 0px #dedade;
height:23px!important;
padding:3px 5px 5px 5px!important;
}

input.button2,select{padding:3px 5px;}
.pun input[name=login],.pun input[name=submit],.pun input.mainoption,.pun input[name=post] {
box-shadow: 0px 1px 0px #dedade;
border:1px solid rgb(32,100,202);
color:#fff;  
background-color:rgb(87,145,237);
background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/1189.png);
background-position:top left;
}

.pun input[type=reset]:active,input[type=submit]:active {
background-color:#dedede;
background-image:none;
box-shadow: inset 0 1px 1px #b0b0b0;
}

input[name=submit]:active,input.button2:active,.pun input[name=login]:active,input.mainoption:active,input[name=post]:active {
background:rgb(69,130,230) url();
box-shadow: inset 0 0px 0px #b0b0b0;
}

.pun-crumbs {
display:none;
}

#pun-visit {margin:5px 0px;color:rgb(128,128,128);font:bold 12px Arial;display:none}


/*xem them con nhieu lam*/
.uibutton.special {
    border-color: #3b6e22 #3b6e22 #2c5115;
    color: #fff!important;
    background-color: #69a74e;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
    background-image: -moz-linear-gradient(#75ae5c, #67a54b);
    background-image: -o-linear-gradient(#75ae5c, #67a54b);
    background-image: linear-gradient(#75ae5c, #67a54b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ae5c', EndColorStr='#67a54b'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    padding: 6px;
}

.uibutton.special:active {
    border-color: #3b6e22;
    background: #609946;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.uibutton.large {
font-size: 13px;
}
#pages a {
display: block;
width: 655px;
}
/*pass*/
#username_reg,#email,#password_reg,#password,#subject,#username {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
width:200px;
margin-bottom:4px;
margin-top:-4px;
border:1px solid #a6a6a6;
border-top:1px solid #858583;
border-left:1px solid #858583;
padding:5px 4px 5px 28px;
}

#password_reg,#password {
float:left;
background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 2px center;
}

#username_reg,#username {
float:left;
background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 2px center;
}

#pwd_bad:before {
content:"Xin vui lòng chọn mật khẩu với độ dài ít nhất là 6 kí tự. Mật khẩu phải chứa ít nhất 1 ký tự (a-z) và 1 ký tự số .";
font:11px Arial;
color:red;
margin-top:-7px;
display:inline-block;
}

#pwd_bad {
text-align:left;
  
width:300px;
font-size:0;
padding-left:30px;
background:url(http://i48.servimg.com/u/f48/14/28/30/23/regwro10.png)no-repeat scroll left;
margin-left:-40px;
margin-top:-2px;
}
#pwd_middle:before,#pwd_good:before {
content:"Hợp lệ có thể dùng ";
font:11px Arial;
color:green;
}

#pwd_middle,#pwd_good {
text-align:left;
width:300px;
font-size:0;
padding-left:25px;
margin-left:-40px;
margin-top:-2px;
background:url(http://i48.servimg.com/u/f48/14/28/30/23/regrig10.png)no-repeat scroll left;
}



.subtitle ,.subtitle  a{
    color: #359BED!important;
    font-size: 26px;
    font-weight: 300;
    text-shadow: 0px 0px 2px #FFF, 0px 0px 2px #FFF, 0px 0px 2px #FFF, 0px 0px 2px #FFF;
    padding: 0px;
}
.main-head .h3{color: #359BED!important;font-weight: 700}
/*drop down menu*/
.menubit {
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
-webkit-background-clip: padding-box;
-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.3);
-webkit-transition: all .25s ease;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
margin-top: -10px;
opacity: 0;
padding: 5px 0;
position: absolute;
transition: all .25s ease;
visibility: hidden;
width: 145px;
margin-left: -105px;
z-index: 999;
list-style: none;
}
ul.menubit li.submenubit{
   border: solid #fff;
   border-width: 1px 0;
   color: #141823 !important;
   font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
   font-size: 12px;
   -webkit-font-smoothing: antialiased;
   font-weight: normal;
   line-height: 22px;
   padding: 0 12px;
}
ul.menubit li.submenubit:hover{background-color:#42599e;border-color:#30497a;color:#fff !important;}
ul.menubit li.submenubit a{color: #141823 !important;}
ul.menubit li.submenubit a:hover, ul.menubit li.submenubit:hover a{color: #fff !important;}
ul.menubit li.gach {
border-bottom: 1px solid #e9eaed;
margin: 0px;
}
.submenu:hover .menubit, .submenu .menubit:hover{
   visibility: visible;
   opacity: 1;
   margin-top: 5px;
}

ACP >> Display >> QLTT
Thay từng template tương ứng
Index_body

Code:

{JAVASCRIPT}
<div style="height:20px"></div>
<div><!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}<!-- END giefmod_index1 --></div>

{CHATBOX_TOP}


{BOARD_INDEX}



{CHATBOX_BOTTOM}



{AUTO_DST}

Index_box

Code:

<span class="clear"></span>

Overall_footer_begin

Code:

<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
         </div>
      </div>
   </div>
</div>
<div id="pun-foot">
   <div id="pun-about" class="clearfix" style=" background: 0; border: 0; ">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
      
      </form>
      <ul>
         <li>
<!-- BEGIN html_validation -->
         </li>
      </ul>
   </div>
</div>
<!-- END html_validation -->

Tags: #skin #punbb

Overall_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>
        <script type="text/javascript">
   //<![CDATA[
   function lang_vi(a) {
      a = a.toLowerCase();
      a = a.replace(/\u00e0|\u00e1|\u1ea1|\u1ea3|\u00e3|\u00e2|\u1ea7|\u1ea5|\u1ead|\u1ea9|\u1eab|\u0103|\u1eb1|\u1eaf|\u1eb7|\u1eb3|\u1eb5/g, "a");
      a = a.replace(/\u00e8|\u00e9|\u1eb9|\u1ebb|\u1ebd|\u00ea|\u1ec1|\u1ebf|\u1ec7|\u1ec3|\u1ec5/g, "e");
      a = a.replace(/\u00ec|\u00ed|\u1ecb|\u1ec9|\u0129/g, "i");
      a = a.replace(/\u00f2|\u00f3|\u1ecd|\u1ecf|\u00f5|\u00f4|\u1ed3|\u1ed1|\u1ed9|\u1ed5|\u1ed7|\u01a1|\u1edd|\u1edb|\u1ee3|\u1edf|\u1ee1/g, "o");
      a = a.replace(/\u00f9|\u00fa|\u1ee5|\u1ee7|\u0169|\u01b0|\u1eeb|\u1ee9|\u1ef1|\u1eed|\u1eef/g,
         "u");
      a = a.replace(/\u1ef3|\u00fd|\u1ef5|\u1ef7|\u1ef9/g, "y");
      a = a.replace(/\u0111/g, "d");
      a = a.replace(/\W+/g, "-");
      a = a.replace(/^\-+|\-+$/g, "");
      a = a.replace(/(-group)$/, "");
      return a.replace(/(-page-\d+)$/, "")
   }
   var path = location.pathname,
      canonical = path + location.search + location.hash;
   /(\-category|\-forum|\-topic|\-group)/.test(path) && history.replaceState(null, null, canonical.slice(1).replace(/(\-category|\-forum|\-topic|\-group)/, "-" + lang_vi(document.title)));
   //]]>
    </script>
 <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="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" 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[
 jQuery().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 -->
 $(window).load(function() { 
 Ticker.start({
 height : {switch_ticker.HEIGHT},
 spacing : {switch_ticker.SPACING},
 speed : {switch_ticker.SPEED},
 direction : '{switch_ticker.DIRECTION}',
 pause : {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 -->

 <a id="top" name="top" accesskey="t"></a>
<div class="wauto">
  <div id="header">
     <h1><a href="/">Mousety</a></h1>
        <div class="search"><gcse:search></gcse:search></div>
    <!-- BEGIN switch_user_logged_out -->
    <div class="loginpro" style="display: block" id="_Login"><a class="login" href="/login">Đăng nhập</a></div>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
<div id="_Login" style="display: block;">
 <a class="login btn_fb msg_1" href="/memberlist"></a>
 <a class="login btn_fb msg_2" href="/privmsg?folder=inbox"></a>
 <a class="login btn_fb msg_3" href="/search?search_id=egosearch"></a>
 <div class="box_fb hide_tab" id="tab_fr" style="display: none;">
 <span class="arrow"></span>
 <h3>Lời mời kết bạn</h3>
 <div class="contents" id="loadadd" tabindex="5000" style="overflow: hidden; outline: none;"><li class="nodata">Chưa có yêu cầu nào.</li></div>
 <div id="ascrail2000" class="nicescroll-rails" style="width: 5px; z-index: 2; cursor: default; position: absolute; top: 26px; left: 396px; height: 60px; display: none;"><div style="position: relative; top: 0px; right: 5px; float: right; width: 5px; height: 0px; background-color: rgb(66, 66, 66); border: 0px; background-clip: padding-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;"></div></div><div id="ascrail2000-hr" class="nicescroll-rails" style="height: 5px; z-index: 2; top: 81px; left: 1px; position: absolute; cursor: default; display: none;"><div style="position: relative; top: 0px; height: 5px; width: 0px; background-color: rgb(66, 66, 66); border: 0px; background-clip: padding-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;"></div></div></div>
 <div class="box_fb hide_tab" id="tab_msg" style="display: none;">
 <span class="arrow m2"></span>
 <h3>Tin nhắn</h3>
 <div class="contents" id="loadmsg" tabindex="5001" style="overflow: hidden; outline: none;"><li class="nodata">Chưa có tin nhắn nào.</li></div>
 <div id="ascrail2001" class="nicescroll-rails" style="width: 5px; z-index: 2; cursor: default; position: absolute; top: 26px; left: 396px; height: 60px; display: none;"><div style="position: relative; top: 0px; right: 5px; float: right; width: 5px; height: 0px; background-color: rgb(66, 66, 66); border: 0px; background-clip: padding-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;"></div></div><div id="ascrail2001-hr" class="nicescroll-rails" style="height: 5px; z-index: 2; top: 81px; left: 1px; position: absolute; cursor: default; display: none;"><div style="position: relative; top: 0px; height: 5px; width: 0px; background-color: rgb(66, 66, 66); border: 0px; background-clip: padding-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;"></div></div></div>
 <div class="box_fb hide_tab" id="tab_log" style="display: none;">
 <span class="arrow m3"></span>
 <h3>Thông báo</h3>
 <div class="contents" id="loadlog" tabindex="5002" style="overflow: hidden; outline: none;"><li class="nodata">Chưa có thông báo nào.</li></div>
 <div id="ascrail2002" class="nicescroll-rails" style="width: 5px; z-index: 2; cursor: default; position: absolute; top: 26px; left: 396px; height: 60px; display: none;"><div style="position: relative; top: 0px; right: 5px; float: right; width: 5px; height: 0px; background-color: rgb(66, 66, 66); border: 0px; background-clip: padding-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;"></div></div><div id="ascrail2002-hr" class="nicescroll-rails" style="height: 5px; z-index: 2; top: 81px; left: 1px; position: absolute; cursor: default; display: none;"><div style="position: relative; top: 0px; height: 5px; width: 0px; background-color: rgb(66, 66, 66); border: 0px; background-clip: padding-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;"></div></div></div>
  <li class="login submenu" href="#?"><font style="cursor: pointer" color="white"><strong{LOGGED_AS}</strong></font>
    
                       <ul class="menubit">
 <li class="submenubit"><a href="/profile?mode=editprofile">Trang cá nhân</a></li>
                        <li class="submenubit"><a href="/search?search_id=egosearch">Ảnh của bạn</a></li>
                        <li class="submenubit"><a href="/profile?change_password=Change+your+password&mode=editprofile&page_profil=informations">Mật khẩu</a></li>
                        <li class="submenubit"><a href="/profile?mode=editprofile&page_profil=preferences">Tài khoản</a></li>
 <li class="submenubit"><a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{PRIVATE_MESSAGE_INFO}</a></li>
 <li class="submenubit"><a href="/faq">Trợ giúp</a></li>
                        <li class="submenubit"><a href="{U_LOGIN_LOGOUT}">Thoát</a></li>
 </ul>
    
  </li>

 </div>
<!-- END switch_user_logged_in -->
  </div>
     <ul id="nav">
     <li class="sub"><a class="home" href="/"></a></li>
        <li class="sub"><a href="/f1-new">Mới Nhất</a></li>
        <li class="sub"><a href="/f2-hot">Hot</a></li>
        <li class="sub"><a href="#">Facebook</a>  <span class="hot"></span>
          <ul>
            <li><a href="/list/pl/clip/">Status hay</a></li>
            <li><a href="/list/pl/anh-vui-anh-che/">Ảnh Bìa Đẹp</a></li>
            <li><a href="/list/pl/anh-girl/">Avatar sock</a></li>
            <li><a href="">Khác</a></li>
          </ul>
       </li>
       <li class="sub"><a href="#">Hướng dẫn</a>
        <ul>
            <li><a href="/list/pl/clip/">Úp ảnh</a></li>
            <li><a href="/list/pl/anh-vui-anh-che/">Like ảnh</a></li>
          </ul>
       </li>
       <li class="sub"><a href="https://www.facebook.com/girl9x.beautiful">Fanpage</a></li>
     </li>
        <li class="upload"><a class="uibutton icon add" href="/post?f=1&mode=newtopic"><img src="//i.imgur.com/ORDwBAu.png" style=" padding-right: 6px; ">Đăng ảnh</a></li>
    </ul>
          
 <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">
<script>
  (function() {
    var cx = '015688087196010205419:q_n5lfkes_o';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
 <div id="main">
 
<div class="m-top">
        </div>
<!-- BEGIN html_validation -->
 
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
  </div>
</body>
</html>
<!-- END html_validation -->
  
    <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
  
  
  
  
  
 <!-- BEGIN switch_user_logged_out --> 

  <div style="background-image: url(http://i57.servimg.com/u/f57/16/18/15/10/1225.png); width: 100%; height: 100%; position: fixed; z-index: 999; top: 0px; left: 0px; text-align: center; display: none;" class="loginpop">
 <div style="width:500px;height:360px;border:1px solid rgb(222,223,222);background-color:#FFF;position: fixed;top:50%;left:50%;margin-left:-250px;margin-top:-180px;text-align:left">
 <div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/1284.png);font:bold 16px Arial;padding:13px;color:rgb(99,101,99);border-bottom:1px solid rgb(239,243,239)">
 Đăng nhập tài khoản Ngam9xTG<a style="float:right" href="javascript:more" class="dongloginpop"><img src="http://i57.servimg.com/u/f57/16/18/15/10/1287.png"></a>
 </div>
 <div style="padding:20px">
 <script>$(function(){$(".dongloginpop").click(function(){$(".loginpop").hide()});$('.loginpro a[href*="/login"],.loginpro a[href*="/register"]').click(function( event ) {event.preventDefault();$(".loginpop").css({'display':'inline-block'})});})</script>
 <style>
.dang_nhap {float:right;width:240px;font-family:Arial;margin-top:5px}.dang_nhap #username,.dang_nhap #password{width:200px!important;padding:10px 10px 10px 30px;font:16px Arial;margin-bottom:20px;border:1px solid #cccccc}.dang_nhap #username:focus,.dang_nhap #password:focus,.dang_ky #username:focus,.dang_ky #email:focus,.dang_ky #password:focus {border:1px solid rgb(74,142,231)}.pun .dang_nhap input.button2 {width:240px!important;font:bold 16px Arial!important;height:40px!important}.dang_ky {float:left;width:180px;background-color:rgb(247,247,247);padding:10px;height:220px;background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/1286.png);background-repeat:no-repeat;background-position:top center;padding-top:40px}.dang_ky #username,.dang_ky #email,.dang_ky #password{width:140px!important;padding:5px 5px 5px 30px;font:14px Arial;margin-bottom:5px;border:1px solid #b0b0b0}.dang_ky p{margin-bottom:10px;font:bold 14px Arial;color:rgb(99,101,99)}.dang_ky .luuy {color:rgb(99,101,99);font:14px Arial;margin-top:10px}.dang_ky .luuy div{background: url(http://i57.servimg.com/u/f57/16/18/15/10/1285.png)no-repeat left;padding-left:20px}#pwd_bad:before {content:"Không hợp lệ";margin-top:0px;}#pwd_middle:before,#pwd_good:before {content:"Hợp lệ";margin-left:4px;margin-top:5px;}
 </style>
                
 <form action="/login" method="post" name="form_login" class="dang_nhap">
  <script type="text/javascript">document.write('<input type="hidden" name="redirect" value="' + location.href + '" />')</script>
<input type="text" name="username" id="username" size="15" maxlength="40" placeholder="Tên truy cập" value="" class="inputbox autowidth"><input type="password" id="password" name="password" size="15" maxlength="25" placeholder="Mật khẩu" class="inputbox autowidth">
 <div style="font:14px Arial;margin-bottom:10px">
 <input type="checkbox" name="autologin" checked="true"> Tự động mỗi khi truy cập
 </div>
 <input type="submit" name="login" tabindex="6" value="Đăng Nhập" class="button2" style="margin-left:0px">
 <div style="font:bold 14px Arial;margin-top:10px;text-align:right">
 <a href="/profile?mode=sendpassword" target="_blank">Quên mật khẩu ?</a>
 </div>
 </form>
 <form action="/register?agreed=true&amp;step=2" method="post" target="_blank" name="post" id="ucp" class="dang_ky">
 <p>
 Tài khoản :
 </p>
 <input id="username" name="username" value="" placeholder="Bắt buộc" type="text">
 <p>
 Email :
 </p>
 <input id="email" name="email" value="" placeholder="" type="text">
 <p>
 Mật khẩu :
 </p>
 <input class="left ltr password_reg" placeholder="●●●●●●" type="password" id="password" name="password" value="" size="25" maxlength="25">
 <div id="cont_pwd" style="float:right;overflow:hidden;width:60px;height:16px;margin-top:5px;margin-bottom:-5px">
 <div class="pwd_img" id="pwd_bad">
 Weak
 </div>
 <div class="pwd_img" id="pwd_middle">
 Normal
 </div>
 <div class="pwd_img" id="pwd_good">
 Strong
 </div>
 </div>
 <script src="http://illiweb.com/rs3/85/frm/jquery/pwd_strength/passwordStrengthMeter.js"></script>
 <script type="text/javascript">//<![CDATA[
jQuery(document).ready(function(){$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('.password_reg,#username').keyup(function() {if ( $('.password_reg').val() != "" ){var level = passwordStrength($('.password_reg').val(),$('#username').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});});//]]></script>
 <input id="profile_field_16_-7" name="profile_field_16_-7" value="1" checked="checked" type="radio" style="display:none"><input class="button2" name="submit" value="Đăng kí" type="submit" style="margin-top:5px">
 <div class="luuy">
 <div>
 Mật khẩu có số và chữ
 </div>
 </div>
 </form>
 </div>
 </div>
</div>
                                  <!-- END switch_user_logged_out -->

Topics_blog_box

Code:

<div style="height:20px"></div>
<script src="https://lasperpenpro.googlecode.com/svn/jquery-1.7.1.min.js"></script>
<script src="https://lasperpenpro.googlecode.com/svn/jquery.isotope.min.js"></script>
<script src="https://lasperpenpro.googlecode.com/svn/script.js"></script>

<!-- BEGIN topics_blog_box -->
<div class="m-left">
<div class="contents" id="masonry">
<!-- BEGIN row -->
<!-- BEGIN topic -->
<div class="items masonry_item">
 <div class="top">
          <span class="lastime">{topics_blog_box.row.LAST_POST_TIME}</span>
  <div class="like"><span class="fb-like" data-href="{topics_blog_box.row.U_VIEW_TOPIC}" data-send="false" data-layout="button_count" data-width="85" data-show-faces="false" style="display:inline-block;float:left;width:85px;margin-right: -60px; margin-top: -5px"></span><span style="float:left;display:inline-block;width:50px;margin-right:5px"></span></div> 
  </div>
 <div class="center">
 <h3><a target="_blank" title="{topics_blog_box.row.TOPIC_TITLE}" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}{topics_blog_box.row.ICON}</a></h3>
 <div class="pic">
                  <a class="lasvl" target="_blank" title="{topics_blog_box.row.TOPIC_TITLE}" href="{topics_blog_box.row.U_VIEW_TOPIC}"><span>{topics_blog_box.row.FIRST_POST_TEXT}</span></a>
 </div>
 </div>
</div>

<!-- END topic -->
<!-- END row -->
</div>
  <div style="height:85px" class="clear"></div>
</div>
<!-- END topics_blog_box -->

<div class="m-right">
 <div id="adv_right_top">
 </div>
 
 <div class="ffffff mrbottom" id="m-shared">
 <div class="box tab">
 <h3>Ủng hộ Ngắm nhé bạn ^^</h3>
 <div class="html socialBox">
 <div class="media facebook">
 <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fgirl9x.beautiful&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>
                                  
 </div>
 
 </div>
 </div>
 </div>
 <div id="m-right">
 </div>
</div>
<div class="clear">
</div>

Viewcomments_body

Code:

<script>
$(function(){
  $('.postbody img').wrap("<center><a href=#view></a></center>");
});
</script>
<style>
#fixadent {
padding: 8px 6px;
height: 20px!important;
overflow: visible!important;
border: 1px solid #315092;
border-bottom: 1px solid #315092!important;
background: #FFF;
margin-left: -1px;
margin-top: -10px;
width: 656px
}
  
  .baiviet2 .center:nth-child(1),.baiviet2 .center:nth-child(2) {display:none}
.pic .lasvl:hover{border: 2px solid red}
.pic .lasvl {
display: inline-block;
width: 105px;
height: 90px;
border: 2px solid #333;
padding: 1px;
}
.pic img {
display: inline-block;
max-width: 105px!important;
margin-left: -1px;
min-width: 105px!important;
min-height: 90px!important;
}
  
.pic span  {
display: inline-block;
width: 106px;
height: 90px;
overflow: hidden;
}
.center h3 {
float: right;
font-size: 13px!important;
border-bottom: none;
line-height: 0;
width: 158px;
padding-left: 5px;
height: 80px;
text-align: left;
display: inline-block;
}
.center  {
padding-top: 5px;
padding-bottom: 5px;
}
  .center h3 a{line-height: 16px;font-weight: bold;color: #000!important;width: 155px; display: inline-block; }
  .main .main-head .h2{height: 33px;font-size:0px!important}
  div.sceditor-toolbar {display:none}
.sceditor-container textarea {
background: url(http://i.imgur.com/jVrsdAp.png)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
  .mrbottom {
margin-bottom: 10px;
}.mrtop {
margin-top: 10px;
}
    .sceditor-container textarea:hover { background:#fff!important}
  #textarea_content{
width: 560px!important;
height: 100px!important;
}
.sceditor-container textarea {
  height: 80px!important;
}
  #fixadent {
display: inline-block;
overflow: hidden;
}
  .pun .main-content {
border: 1px solid #315092;
}
  
.postbody .entry-content img {
 margin:5px 0px
}
.postbody .entry-content img[src*="r12.imgfast.net"] {
 margin:0px
}
.pun a.ola_1 {
 display:inline-block;
 margin-top:-2px;
 margin-left:10px;
 font:bold 13px Tahoma;
 color:#333;
 background:url(http://i16.servimg.com/u/f16/16/18/15/10/116.png) no-repeat left top;
 padding-left:14px;
}
.pun a.ola_2 {
 display:inline-block;
 margin-top:-2px;
 margin-left:10px;
 font:bold 13px Tahoma;
 color:#333;
 background:url(http://i16.servimg.com/u/f16/16/18/15/10/214.png) no-repeat right;
 padding-right:14px;
}
a.ola_1:hover {
 color:red;
 background:url(http://i80.servimg.com/u/f80/16/18/15/10/312.png) no-repeat left top
}
a.ola_2:hover {
 color:red;
 background:url(http://i80.servimg.com/u/f80/16/18/15/10/158.png) no-repeat right top
}
#ab115 embed {
 width:640px;
 height:390px
}
div[style="display:block;"].post {
 background-color:rgb(253,248,217)!important;
}
.pun div[style="background-color:#ffffff;"] {
 border:2px solid rgb(204,0,0)!important;
 background-color:rgb(237,239,244)!important;
}
img[alt="Topic already thanked"],img[alt="Thank you"] {
 float:right;
 margin-right:5px;
 margin-bottom:-5px;
 margin-top:-3px
}
img[src="http://r12.imgfast.net/users/1211/23/83/92/avatars/gallery/110.png"],img[src*="phutu.org"] {
 display:none
}
.pun .posting img[src="http://i48.servimg.com/u/f48/16/18/15/10/khoa110.png"] {
 width:0;
 height:0;
 background:url(http://i35.servimg.com/u/f35/16/18/15/10/4threa10.gif)no-repeat left top;
 border:0;
 padding:12px 56px;
}
.pun .paging b {
 margin:4px 2px;
 display:inline-block;
}
#ab115 {
 text-align:center;
}
.postbody ol,.postbody ul {
 margin-left:20px;
}
a[href*="report?mode=report"],a[href*="&mode=delete"],a[href*="mode=quote"],a[href*="mode=editpost"] {
 display:inline-block;
 text-decoration:none !important;
 padding:0 5px;
}
.post-options a[href*="mode=editpost"]:before {
 content:"· Sửa";
 font:12px Arial;
 color:#385a9c;
}
.khung2 a[href*="mode=delete"] {
 float:right;
 display:inline-block;
 width:15px;
 height:15px;
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/1127.png)no-repeat;
 margin-right:-12px;
}
.khung2 a[href*="mode=delete"] img {
 display:none
}
.post-options img {
 display:none!important;
}
.post-options a[href*="/report?mode=report"]:before {
 content:"Báo cáo vi phạm";
 font:bold 12px Tahoma;
 color:#333;
 background:url(http://i16.servimg.com/u/f16/16/18/15/10/untitl33.png)no-repeat left;
 padding-left:13px;
}
.post-options a[href*="mode=quote"]:before {
 content:"· Trích dẫn";
 font:12px Arial;
 color:#385a9c;
}
.khung1 {
 background:#FFF url(http://i57.servimg.com/u/f57/16/18/15/10/11175.jpg)no-repeat center center;
 position:absolute;
 margin-top:2px;
 width:55px;
 height:55px;
 border:1px solid rgb(204,204,204);
 padding:1px
}
.khung1 img {
 width:55px;
 height:55px;
}
.khung2 {
 margin-left:70px
}
.postbody1 embed {
 width:620px;
 min-height:320px;
}
.postbody img {
 max-width:620px;
 margin:3px;
}
#avatar_1 {
 float:left;
 display:inline-block;
 width:90px;
 height:90px;
 border:1px solid #949294;
 margin-right:10px;
 margin-top:-4px;
 margin-left:-4px;
 background:#FFF;
 border-radius:4px;
 -moz-border-radius:4px;
 padding:3px;
}
#avatar_1 span {
 width:90px;
 height:90px;
 overflow:hidden;
 display:inline-block;
}
#avatar_1 table img {
 min-width:90px;
 min-height:90px;
 background-color:#FFF;
}
#avatar_1 table {
 margin-left:-55px;
 margin-top:-55px;
 width:200px;
 height:200px;
}
.khung2 img {
 max-width:600px;
}
sub,#icon_new,a[href*="report?mode=report"] img,a[href*="report?mode=lock"],.quote table,.postbody sub {
 display:none;
}
.post {
 border:2px solid rgb(237,239,244)!important;
 border-bottom:1px solid #FFF!important;
 padding:6px 10px 8px 10px;
 background-color:rgb(237,239,244);
}
.nav_blog {
height: 10px;
background: url(http://www.servimg.com/u/f74/16/18/15/10/imuzik10.png)repeat-x top left;
border: 1px solid #315092;
border-top: 6px solid #3b5998;
margin-top: 10px;
border-bottom: 0;
padding: 8px 10px 12px 0px;
text-transform: uppercase;
}
  
.pun .nav_blog a.ac1 {
 font:bold 12px Arial;
 color:#333;
 display:inline-block;
 margin-top:-13px;
 border-top:5px solid transparent;
 float:left;
 padding:8px 13px 8px;
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/128.png)no-repeat right;
}
.pun .nav_blog a.ac1:hover, .pun .nav_blog a.ac1.f1 {
border-top: 5px solid #00C2FF;
color: #0095C4;
}
  
.nav_bl {
 display:inline-block;
 float:left;
}
.nav_bl:hover .nav_bl1 {
 display:inline-block;
 position:absolute;
 z-index:3;
 padding-bottom:5px;
}
.pun .nav_bl1 a {
 display:inline-block;
 font:bold 12px Arial;
 color:#333;
 width:130px;
 padding:6px 0 2px 20px;
}
.pm_1 span:nth-of-type(4) {
 display:inline-block;
 float:left;
 height:12px;
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/136.png)no-repeat left;
 font:bold 18px Arial;
 padding:14px 2px 14px 50px;
 color:#333333;
}
.pm_1 {
 float:right;
 margin-top:-48px;
 margin-right:10px;
 display:inline-block;
 width:auto
}
.nav_bl1,.pm_1 span {
 display:none;
}
.gensmall {
 font-size:12px;
}
.tit1 {
 display:inline-block;
 color:#333333;
 margin-top:4px;
 margin-left:5px;
 font:bold 12px Tahoma;
}
.tit1 br,.tit1 span,.tit1 span:nth-of-type(6)+span+b,.tit1 span:nth-of-type(6)+b,.profile_pt div:nth-of-type(6) {
 display:none;
}
.tit1 span:nth-of-type(6) {
 display:block;
}
.postbody1 img {
 border:1px solid #d4d4d4;
 background-color:#FFF;
 padding:4px
}
.postbody1 img[src*="imgfast.net"] {
 border:0px!important;
 background:none;
 padding:0px
}
.postbody1 img:hover {
 border:1px solid #385a9c
}
.postbody1 {
 color:#333333;
 margin-top:2px
}
.tit2 {
 display:inline-block;
 margin-top:4px;
 margin-left:5px;
 font:12px Arial;
}
.tit2 br,.tit2 span,.tit2 span:nth-of-type(6)+span+b,.tit2 span:nth-of-type(6)+b,.profile_pt div:nth-of-type(6) {
 display:none;
}
.tit2 span:nth-of-type(6) {
 display:block;
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/173.png)no-repeat left;
 padding-left:14px;
}

.vote-Zzbaivong {
 margin-top:2px;
 display:inline-block;
 float:left;
 white-space:nowrap;
 font:12px Arial;
 color:#385a9c
}
.vote-plus[href="javascript:;"] {
 cursor:default;
 background:url(http://i.imgur.com/GCgHBnm.png)no-repeat;
 display:inline-block;
 padding-left:16px;
 font-size:0px;
 height:14px;
 float:left
}
.pun .vote-plus {
 color:#385a9c!important
}
.topbai .blog_pt1 {
 display:inline-block;
 width:95px;
}
.topbai #blog_tintuc {
 padding-top:10px;
 height:60px;
 display:inline-block;
 overflow:hidden;
 border-top:1px solid #ededed;
 margin-top:8px;
 margin-left:-7px;
 width:216px;
 margin-right:-14px;
}
.topbai #blog_tintuc:nth-of-type(1) {
 border-top:0px;
}
.topbai .ava_pt {
 display:inline-block;
 width:100px;
 height:58px;
 overflow:hidden;
 float:left;
 margin:0px 10px;
 background:#FFF;
}
.topbai .ava_pt img {
 display:inline-block;
 width:100px;
 min-height:64px;
}
.pun .topbai #blog_tintuc a {
 font:bold 12px/19px arial;
}
.pun .topbai .topictitle img,.html_phutu,dl.blog_pt dt br,.topbai img,.topbai .blog_pt2 {
 display:none;
}
.topbai .blog_pt1 div {
 display:inline-block;
 font-size:0px!important;
 width:auto;
 float:left;
 margin:2px 4px -2px 0px
}
.topbai .blog_pt1 div * {
 display:none!important
}
.topbai .blog_pt1 div span#reptl {
 font-size:0px!important;
 display:inline-block!important;
 float:left
}
.topbai .blog_pt1 div span#reptl span {
 display:inline-block!important;
 color:rgb(102,102,102);
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/1229.png)no-repeat left;
 padding-left:16px;
 font-size: 11px!important
}
</style>

   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
<div style="margin: 0; float: left; width: 670px;" class="main">
   <!-- END postrow -->
   <!-- END displayed -->


<div class="nav_blog">
<div id=fixadent>
<span style="float:left;font:bold 13px Tahoma;color:#333333;margin-right:4px;margin-top:1px;overflow: hidden;text-overflow: ellipsis;max-width: 290px;white-space: nowrap">{TOPIC_TITLE}</span>
<span class="fb-like" data-href="http://phutu.vn/t{TOPIC_ID}-topic" data-send="false" data-layout="button_count" data-width="85" data-show-faces="false" style="display:inline-block;float:left;width:85px;margin-right:5px"></span><span style="float:left;display:inline-block;width:50px;margin-right:5px">
 </span>
<span class="gensmall bold" style="float:right;margin-top:4px;margin-right:4px"><span id="tnext">
<a class="ola_1" href="{U_VIEW_OLDER_TOPIC}">Bài trước</a></span><span id="tprev"><a class="ola_2" href="{U_VIEW_NEWER_TOPIC}">Bài sau</a></span></span>
<span style="float:right;margin-right:10px;margin-top:-3px"><span style="display:inline-block;width:25px;height:21px;float:right;font:bold 14px Arial;margin-left:4px;padding-top:5px;background:url(http://i80.servimg.com/u/f80/16/18/15/10/136.png)no-repeat left;padding-left:5px;color:#385a9c">
<!-- BEGIN switch_vote_active --><div id="oot{postrow.displayed.U_POST_ID}" align="center"><script type="text/javascript">var str ='{postrow.displayed.switch_vote_active.L_VOTE_TITLE}'; if (str=="Message not voted"){str="0";document.write(str);}else {str=str=str.replace("s","");str=str.replace("(","");str=str.replace("(","");str=str.replace(")","");str=str.replace("reputation","dc che");k=str.search("%");z=str.search(":");y=str.search("vote");a=str.slice(z+1,k);b=str.slice(k+1,y);lulu=Math.round((((Number(a))*Number(b))/100));document.write(lulu);}</script></div><span id="z{postrow.displayed.U_POST_ID}"> </span><!-- END switch_vote_active --></span>
<span style="display:inline-block;width:24px;height:26px;background: url(http://i80.servimg.com/u/f80/16/18/15/10/134.png)no-repeat left;float:right"><!-- BEGIN switch_vote_active --><!-- BEGIN switch_vote --> <span id="zt{postrow.displayed.U_POST_ID}"> <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" target="vzt{postrow.displayed.U_POST_ID}v" onClick="document.getElementById('zt{postrow.displayed.U_POST_ID}').innerHTML='<img src=http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif>';document.getElementById('z{postrow.displayed.U_POST_ID}').innerHTML='<img src=http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif>';var str ='{postrow.displayed.switch_vote_active.L_VOTE_TITLE}';if (str=='Message not voted'){str='0';}else {str=str=str.replace('Message','Bài ziet');str=str.replace('s','');str=str.replace('(','');str=str.replace('(','');str=str.replace(')','');str=str.replace('reputation','dc che');k=str.search('%');y=str.search('vote');z=str.search(':');a=str.slice(z+1,k);b=str.slice(k+1,y);lulu=Math.round(Number(b) - (((100-Number(a))*Number(b))/100));str=lulu;} if(str=='0'){str='1';}else{lulu=Math.round(Number(b) - (((100-Number(a))*Number(b))/100) +1);str=lulu;}document.getElementById('oot{postrow.displayed.U_POST_ID}').innerHTML='<span class=gensmall>'+ str+'</span>';"><img src="http://i80.servimg.com/u/f80/16/18/15/10/133.png" id="zt{postrow.displayed.U_POST_ID}" border="0" alt="Bạn chưa cảm ơn người này" vspace="1" /></a> </span><iframe name="vzt{postrow.displayed.U_POST_ID}v" height="0" frameborder="0"width="0"></iframe><!-- END switch_vote --><!-- END switch_vote_active --></span>
  </div>
  
  
</div>
<div style="background: #FFF;padding:18px;border-top:1px solid #315092;" class="forum_pt main-content">
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
<a name="view"></a><a name="{postrow.displayed.U_POST_ID}"></a>

  <div style="height:60px;background-color:rgb(237,239,244);padding:10px;margin-bottom:10px">
 <div class="khung1">
{postrow.displayed.POSTER_AVATAR}
 </div>
 <div class="khung2">
 <div style="font:bold 12px Arial;height:20px;width:100%;color:#1542ab">
 <span class="title_profile">{postrow.displayed.POSTER_NAME}</span>
 {postrow.displayed.DELETE_IMG}<div class="post-options" style="display:inline-block;float:right">
 {postrow.displayed.REPORT_IMG} {postrow.displayed.EDIT_IMG}  
 </div>
 <a href="#1274926" class="tit2" style="color:#858285">
                          <!-- BEGIN profile_field --><span>• {postrow.displayed.profile_field.CONTENT}</span>
                        <!-- END profile_field --><b>• {postrow.displayed.POSTER_RANK_NEW}</b>
                          </a>
 </div>
 <div style="display:inline-block;color:rgb(238,93,12);font:bold 16px Arial;margin-top:10px;overflow: hidden;text-overflow: ellipsis;max-width: 470px;white-space: nowrap">
 {postrow.displayed.ICON} {postrow.displayed.POST_SUBJECT}
 </div>
 <span style="display:inline-block;float:right;text-transform:uppercase;font:bold 11px Tahoma;color:#1542ab;margin-top:19px"><img src="http://i35.servimg.com/u/f35/16/18/15/10/176.png" alt="" border="0" style="margin-bottom:-2px"> {postrow.displayed.POST_DATE_DMY_VALUE0}-{postrow.displayed.POST_DATE_DMY_VALUE1}-{postrow.displayed.POST_DATE_DMY_VALUE2}</span>
 </div>
</div>
  
  
<div class="postbody entry-content"  id="ab{FORUM_ID}">{postrow.displayed.MESSAGE}
</div>
<span class="fb-like" data-href="https://www.facebook.com/phutuvn" data-send="false" data-width="620" data-show-faces="false" style="height:25px;display:inline-block;overflow:hidden;width:430px;margin-top:-3px"></span>
<span style="font:12px Arial;color:#858285">{postrow.displayed.EDITED_MESSAGE}</span>
   <!-- END postrow -->   
   <!-- END displayed -->
<a name="comments"></a>
<div style="background:#FFF url(http://i57.servimg.com/u/f57/16/18/15/10/149.png)no-repeat 20px 0px;border-bottom:3px solid rgb(237,239,244);height:5px"></div>
<div class="reply">
<!-- BEGIN switch_user_logged_in -->   
<a name="quickreply"></a>
         {QUICK_REPLY_FORM}
         <!-- END switch_user_logged_in -->
</div>
<div class="post1" style="display:inline-block;width:100%;background: rgb(237,239,244) url(http://i57.servimg.com/u/f57/16/18/15/10/1217.jpg)repeat-x bottom left"><p class="paging" style="padding:0px 3px;margin-right:0px">{PAGINATION}</p></div>
<div class="a111">
<!-- BEGIN comment --><!-- BEGIN displayed -->
<a name="{comment.displayed.U_POST_ID}"></a>
<div class="post" {comment.displayed.THANK_BGCOLOR}><div class="khung1"> {comment.displayed.POSTER_AVATAR}</div>
<div class="khung2"><div style="font:bold 12px Arial;height:20px;width:100%;color:#1542ab"><span class="title_profile">{comment.displayed.POSTER_NAME}</span> {comment.displayed.L_ONLINE} <a href="#{comment.displayed.U_POST_ID}" class="tit2" style="color:#858285"><!-- BEGIN profile_field --><span> {comment.displayed.profile_field.CONTENT}</span>
                        <!-- END profile_field --><b style="font:12px Arial">·        {comment.displayed.U_POST_ID}</b></a>{comment.displayed.DELETE_IMG}{comment.displayed.THANK_IMG} {postrow.displayed.COUNT_POSTS}</div>
<div class="postbody postbody1">
{comment.displayed.MESSAGE}</div>
<div class="post-options" style="margin-top:5px">    <div class="vote-Zzbaivong">
      <!-- BEGIN switch_vote_active -->
      <a class="vote-plus" href="<!-- BEGIN switch_vote -->{comment.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}<!-- END switch_vote -->">
          · Thích 
        </a>
      <span class="vote-time plus-time"></span>
      <input class="vote-tip" type="hidden" value="<!-- BEGIN switch_bar -->{comment.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_bar --><!-- BEGIN switch_no_bar -->{comment.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_no_bar -->" />
      <!-- END switch_vote_active -->
    </div>
                              {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG}
                           <span style="font:12px Arial;color:#858285">· {comment.displayed.POST_DATE_NEW} {comment.displayed.EDITED_MESSAGE}</span></div></div></div>
<!-- END displayed --><!-- END comment -->
</div>
      <!-- BEGIN no_comment -->
<div style="background-color:rgb(237,239,244);padding: 10px;text-align:center;color:#333;font:12px Arial">{no_comment.L_NO_COMMENT}</div>
      <!-- END no_comment -->
  <script type="text/javascript">
      //<![CDATA[
      $(".vote-Zzbaivong").each(function () {
          var b = $(this);
          if (b.is(":empty")) b.html('<a class="vote-plus" href=""> · Th\u00edch </a><span class="vote-time plus-time"></span>');
          else {
            var a = b.find(".vote-tip").val(),
                c;
            /Message\sreputation\s:/.test(a) ? (c = a.split(/\W/), a = Math.round(c[4] / 100 * c[7]), c = c[7] - a) : a = c = 0;
            b.find(".plus-time").text(a);
            b.find(".minus-time").text(c)
          }
      });
      $(".vote-Zzbaivong").click(function (b) {
          b.stopPropagation()
      });
      $(".vote-plus").one("click", function (b) {
          b.preventDefault();
          var a = $(this);
          b = a.attr("href");
          /us\&p_vote\=/.test(this.href) && (a.parent().children(".vote-plus").attr("href", "javascript:;"), a.next(".vote-time").text(function () {
            return parseInt($(this).text()) + 1
          }), $.get(b, function () {
            a.parent().children(".vote-plus").removeAttr("style")
          }), a.siblings("." + a.attr("class") +
            "-post").fadeIn().children(".vote-mess").focus())
      });
      $(".vote-Zzbaivong > a[href='']").attr("href", "javascript:;");
      //]]>
    </script>
<div align="right" style="display:inline-block;width:100%;background-color: rgb(237,239,244);margin-bottom:5px"><p class="paging" style="padding:0px 3px;margin-right:0px">{PAGINATION}</p></div>
<div class="fb-comments" data-href="http://www.phutu.vn/t{TOPIC_ID}-topic" data-num-posts="10" data-width="631"></div>

</div></div>
                                                   <div style="margin-top: 11px;" class="m-right">
 <div class="ffffff mrbottom" id="m-shared">
 <div class="box tab">
 <h3>Ủng hộ Ngắm nhé bạn ^^</h3>
 <div class="html socialBox">
 <div class="media facebook">
 <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fgirl9x.beautiful&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>
                                  
 </div>
 
 </div>
 </div>
 </div>
 <div id="adv_right_top">
 </div>
 <div class="ffffff">
 <div class="box">
 <h3>Ảnh mới</h3>
 <div class="html">
                          <div class="list-right"> <div class="baiviet" id="baiviet"></div></div>
 </div>
 </div>
 </div>
 <div class="ffffff mrtop mrbottom">
     <div class="box">
         <h3>Có thể bạn sẽ thích ?</h3>
            <div class="html"> <div class="list-right"> <div class="baiviet2" id="baiviet"></div></div></div>
        </div>
    </div>
 <!-- ngam1.vn -->
 
 <div id="adv_right_scroll" class="mrtop">
 </div>
</div>

<script type="text/javascript">
$(function() {
 $('<span class="bv" />').load('/f1-forum .items .center:not(".center:gt(6)")',
 {
 limit: 10
 },
function() {
 jQuery(this).hide().appendTo('.baiviet2').fadeIn(1);
 });return false;
});
</script>
                                                  <script type="text/javascript">
$(function() {
 $('<span class="bv" />').load('/f1-forum .items .center:not(".center:gt(1)")',
 {
 limit: 10
 },
function() {
 jQuery(this).hide().appendTo('.baiviet').fadeIn(1);
 });return false;
});
</script>

Viewforum_body

Code:

{BOARD_INDEX}

{TOPICS_LIST_BOX}

<p class="paging">{PAGINATION}</p>
<script>
$(function () {
   $(".paging").replaceWith(function () {
      var next = $(".sprite-arrow_prosilver_right").parent().attr("href");
      if (void 0 !== next) return '<div id="pages"><a class="uibutton special large" href="' + next + '">xem thêm, còn nhiều lắm</a></div>'
   })
});
  </script>

ACP >> Display >> Portal
Thay từng template tương ứng
Mod_news

Code:

<script src="https://lasperpenpro.googlecode.com/svn/jquery-1.7.1.min.js"></script>
<script src="https://lasperpenpro.googlecode.com/svn/jquery.isotope.min.js"></script>
<script src="https://lasperpenpro.googlecode.com/svn/script.js"></script>
<div class="m-left">
<div class="contents" id="masonry">
<!-- BEGIN post_row -->
<div class="items masonry_item">
   <div class="top">
     <span class="lastime">{post_row.TIME}</span>
     
          <div class="like"><span class="fb-like" data-href="{post_row.U_VIEW_COMMENTS}" data-send="false" data-layout="button_count" data-width="85" data-show-faces="false" style="display:inline-block;float:left;width:85px;margin-right: -60px; margin-top: -5px"></span><span style="float:left;display:inline-block;width:50px;margin-right:5px"></span></div>
  </div>
   <div class="center">
      <h3><a target="_blank" title="{post_row.TITLE}" href="{post_row.U_VIEW_COMMENTS}">{post_row.TITLE}{post_row.ICON}</a></h3>
      <div class="pic">
         <a target="_blank" title="{post_row.TITLE}" href="{post_row.U_VIEW_COMMENTS}">{post_row.TEXT}</a>
      </div>
   </div>
</div>
<!-- END post_row -->
</div>
  <div style="height:85px" class="clear"></div>
   <div id="pages" style="display: block;"><a class="uibutton special large" href="/f1p4-forum">xem thêm, còn nhiều lắm</a></div>
</div>

Mod_top_post_users_week

Code:

<div class="m-right">
   <div id="adv_right_top">
   </div>
   <div class="ffffff mrbottom" id="top_ngamvn">
      <div class="box tab">
         <h3 class="topUsers">Top Ngắm</h3>
         <div class="uibutton-group idTabs">
            <a class="uibutton" href="#week">Tuần</a>
         </div>
                         <script type="text/javascript" src="http://www.lasperpen.coo.me/sta/u/w/2822/tabsjs.js"></script>
                  <script type="text/javascript">$(document).on('ready',function(){$('.info span a').each(function(){var avmb=$(this).attr('href');$(this).prepend('<a href="'+avmb+'" class="avas"><img src="http://i.imgur.com/Y23uFu7.gif"  /></a>');$(this).children('a').load(avmb+' .short.photo_holder img:eq(0)')})});</script>
         <div id="week" class="html content_tab topUsers">
                  <!-- BEGIN POSTER -->

  
<div class="item"> 
   <span class="num number_0">1</span>
      <div class="info">
        <span class="name">{POSTER.NAME}</span> <br />
        <span class="likes">{POSTER.NB_POSTS}</span>
  </div> 
  </div>
  

                  <!-- END POSTER -->
                  </div>
                  

                    <div class="clear">
   </div>
                      
                  
                  
                   <script type="text/javascript"> $(".info .likes").text(function(){
   return this.innerHTML.replace(/(\d+)\s.+/, "$1")
});</script>
        </div>
  </div>
   <div class="ffffff mrbottom" id="m-shared">
      <div class="box tab">
         <h3>Ủng hộ Ngắm nhé bạn ^^</h3>
         <div class="html socialBox">
            <div class="media facebook">
            <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fgirl9x.beautiful&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>
                                  
            </div>
         
         </div>
      </div>
   </div>
   <div id="m-right">
   </div>
</div>
<div class="clear">
</div>

ACP >> Display >> Post & Tin nhắn
Thay từng template tương ứng
Posting_body

Code:

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://lasperpenpro.googlecode.com/svn/zzImgUr.js"></script>
    <script type="text/javascript">
         $(function() {
            $(".zzImgUr").zzImgUr({
                cliendID: "661e33f76b52bdb",
                success: function(firstVal, arrVal) {
                    $("textarea").val($("textarea").val() + firstVal);
                    $(".sceditor-servimg, .sceditor-tinypic").fadeOut();
                },
                input: function(arrInput) {
                    arrInput.click(function() {
                        this.select();
                    });
                },
                remove: function(firstVal, arrVal) {
                    $("textarea").val($("textarea").val().replace(firstVal, ""));
                }
            });
        });
    </script>
<style>
  .tips {
padding: 10px;
background-color: #FFFBCC;
border: 1px solid #E6DB55;
color: #666452;
text-shadow: 0 1px 0 #FFFFFF;
}
  .box .html {
padding: 10px;
}ul.guidelines li {
margin-left: 20px;
margin-bottom: 5px;
}
  .imgur_Zzbv-status img {
    margin: 0px!important;
  }
  .imgur_Zzbv { width:450px!important}
/*
 * jQuery plugin zzImgUr ver 1.6 by zzbaivong
 * http://devs.forumvi.com/ 
 */
.imgur_Zzbv,.imgur_Zzbv *{box-sizing:content-box;-moz-boxsizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}
.imgur_Zzbv{border:1px solid #333;background:#FFF;height:auto}
.imgur_Zzbv-iconError,.imgur_Zzbv-iconDevs,.imgur_Zzbv-delete,.imgur_Zzbv-remove,.imgur_Zzbv-iconSelect,.imgur_Zzbv-button div img,.imgur_Zzbv-iconComplete,.imgur_Zzbv-iconImage{display:inline-block;background:url(http://i.imgur.com/e9GpBzF.png) no-repeat center center;width:16px;height:16px;float:left;margin:7px!important}
.imgur_Zzbv-iconDevs{background-position:0 0}
.imgur_Zzbv-iconComplete{background-position:-32px -16px}
.imgur_Zzbv-status img{margin:0}
.imgur_Zzbv-iconError{background-position:0 -32px}
.imgur_Zzbv-iconSelect{background-position:0 -16px}
.imgur_Zzbv-iconUpload{background-position:-16px -16px}
.imgur_Zzbv-iconReset{background-position:-16px 0}
.imgur_Zzbv-iconImage{background-position:-16px -32px}
.imgur_Zzbv-iconImage.imgur_Zzbv-iconUrl{background-position:-32px -32px}
.imgur_Zzbv-mode{cursor:pointer;width:30px;height:30px;float:left;background-color:#FF475D}
.imgur_Zzbv-mode.imgur_Zzbv-zzURL{background-color:#0B704C}
.imgur_Zzbv-button div{cursor:pointer;background-color:#359BED;border:0;height:30px;display:none;padding:0 10px 0 0}
.imgur_Zzbv-button .imgur_Zzbv-reset{background-color:#01686D}
.imgur_Zzbv-delete,.imgur_Zzbv-remove{background-position:-32px 0;position:absolute;right:3px;top:3px;height:16px;width:16px;text-indent:-9999px;overflow:hidden;background-color:transparent;margin:0}
.imgur_Zzbv-control{position:relative;height:30px;line-height:30px;overflow:hidden;background:#333;color:#FFF}
.imgur_Zzbv-preview{overflow-y:auto;overflow-x:hidden}
.imgur_Zzbv-li{background:#f2f2f2;list-style-type:none;position:relative;height:68px;border-top:1px solid #DDD;overflow:hidden}
.imgur_Zzbv-li:first-child{border-top:0 none}
.imgur_Zzbv-li:nth-child(2n){background:#E7E6E6}
.imgur_Zzbv-li:hover{background:#007CEE;color:#FFF}
.imgur_Zzbv-li.imgur_Zzbv-success{background:#FFFFA1}
.imgur_Zzbv-image{width:100px;overflow:hidden;position:absolute;height:100%}
.imgur_Zzbv-image img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.imgur_Zzbv-info{position:absolute;left:100px;top:0;right:0;height:100%}
.imgur_Zzbv-info > *{white-space:nowrap}
.imgur_Zzbv-dl{line-height:34px}
.imgur_Zzbv-dl > div{height:34px}
.imgur_Zzbv-dt{float:left;width:70px;font-weight:300;font-size:12px}
.imgur_Zzbv input.imgur_Zzbv-input{width:calc(100% - 84px)!important;height:16px!important;line-height:16px!important;margin:8px 0!important;padding:0!important}
.imgur_Zzbv-status{position:absolute;width:16px;height:16px;line-height:16px;left:5px;top:7px;display:none}
.imgur_Zzbv-add{cursor:pointer;position:absolute;width:100px;height:30px;overflow:hidden;background:orange;left:30px;top:0;z-index:10}
.imgur_Zzbv-upload-URL.imgur_Zzbv-add{background:#C100E6}
.imgur_Zzbv-textSelect{position:absolute;width:100%;left:30px;height:30px;line-height:30px}
.imgur_Zzbv-choose{cursor:pointer;z-index:10;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;font-size:300px;height:1000px;right:0;top:0;position:absolute}
.imgur_Zzbv-length{position:absolute;width:50px;text-align:center;top:0;left:50%;margin-left:-25px;display:none}
.imgur_Zzbv-button{position:absolute;width:90px;right:0;top:0;white-space:nowrap;z-index:10}
.imgur_Zzbv-mode:hover,.imgur_Zzbv-button div:hover,.imgur_Zzbv-add:hover{background-color:#666}
.imgur_Zzbv-devs-icon{position:absolute;right:0;top:0;line-height:16px}
.imgur_Zzbv-tip{height:24px;font-size:13px;font-style:italic;line-height:26px}
.imgur_Zzbv-tip img{vertical-align:middle;float:none;margin:-4px 0 0}
.imgur_Zzbv-wrap-progress{background:#FFF;height:3px;border:0;position:absolute;bottom:0;left:-100px;right:0}
.imgur_Zzbv-progress{height:3px;background:red;width:1px}
.imgur_Zzbv-errorURL{color:red}
.imgur_Zzbv input.imgur_Zzbv-imageURL{width:calc(100% - 11px)!important;border:0 none!important;box-shadow:0 0 0 1px #DDD!important;height:16px!important;line-height:16px!important;margin:0 0 0 1px !important}
.imgur_Zzbv-mini .imgur_Zzbv-button,.imgur_Zzbv-mini .imgur_Zzbv-add{width:30px}
.imgur_Zzbv-mini .imgur_Zzbv-info{left:10px}
.imgur_Zzbv-mini .imgur_Zzbv-wrap-progress{left:-10px}
.imgur_Zzbv-upload-URL,.imgur_Zzbv-mini .imgur_Zzbv-image{display:none}
</style>
    <script type="text/javascript">
       //<![CDATA[
       $(function () {
          $('#fieldset_left input[name=description]').bind('VerifInput', function () {
             $(this).find('~ img').remove();
             var url = $(this).val();
             $(this).after(new RegExp('^(https?|ftps?)://.+/.+\.(jpe?g|gif|png)$').test(url) ? '<img src="' + url + '" alt="" class=load123 title="" />' : '');
          }).change(function () {
             $(this).trigger('VerifInput');
          }).keyup(function () {
             $(this).trigger('VerifInput');
          }).focus(function () {
             $(this).trigger('VerifInput');
          }).trigger('VerifInput');
       })
       //]]>   
    </script>
<script type="text/javascript">
    $(function () {
    $("#text_editor_textarea").length && ($(window).on("beforeunload", function () {
        if ($(".sceditor-container textarea").val().length || $(".sceditor-container iframe").contents().find("body").text().length) return "B\u00e0i vi\u1ebft c\u1ee7a b\u1ea1n ch\u01b0a \u0111\u01b0\u1ee3c l\u01b0u."
    }), $("form[name='post']").submit(function () {
        $(window).off("beforeunload")
    }));
    });</script>
<script type="text/javascript">
$(function(){
   var $kz = $("#text_editor_textarea");
   $kz.scroll(function () {
      if (0 != $kz.scrollTop()) var a = $kz.scrollTop();
      if (0 != $kz.scrollLeft()) var b = $kz.scrollLeft();
      $(".button2, .select button").click(function () {
         $kz.scrollTop(a);
         $kz.scrollLeft(b)
      })
   })
});
</script>
<script type="text/javascript">function display_upload_imageshack(button){var container=document.getElementById('servimg_upload_gui');if(!document.getElementById('obj_servimg')){container.innerHTML='
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="alt1"><tr><td  width="100%"style="padding: 4px">
<div style="background-color:#F2F2F2;border-style: solid;
border-top : 2px solid #000000;
border-right : 2px solid #a8a8ab;
border-bottom : 2px solid#a8a8ab ;
border-left : 2px solid #000000;padding: 10px"><iframe src="/h37-page" width="500" height="220" target="_ifrupload" name ="_ifrupload" style="overflow-x: hidden;overflow-y: hidden;" frameborder="0"></iframe></div></td></tr></table>
'}var div=document.getElementById('servimg_upload_gui');var visible=div.style.visibility;if(visible=='hidden'){var window_w=(document.body)?document.body.clientWidth:window.innerWidth;var cd=FindXY(button);var h=button.offsetHeight;var i=0;while(i<selectId.length){if(document.getElementById(selectId[i])){document.getElementById(selectId[i]).style.visibility='hidden'}i++}var sub=((window_w-cd['x'])<555)?(555-window_w+cd['x']):0;div.style.visibility='visible';div.style.width='auto';div.style.left=(cd['x']-sub)+'px';div.style.top=(cd['y']+h)+'px'}else{div.style.visibility='hidden'}}</script>
<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<style>
.multi input[value="3"]{display:none}
#a123 input[value="3"]{display:inline-block}
    .sceditor-emoticons > div > img{background:#FFF;border:1px solid #DDD;padding:5px}
    .sceditor-emoticons > div{height:200px;overflow-y:scroll}
    .sceditor-emoticons > div > img{left:auto!important;top:-38px!important;right:-8px;background:#FFF;border:1px solid #DDD;padding:5px}
    .sceditor-container,#textarea_content{width:100%!important}
    .frm-form textarea,.frm-form iframe{width:calc(100% - 10px)!important}
    .frm-form [class|="sceditor"]{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;border-radius:0!important;text-align:left}
    .sceditor-color-option:hover:after{width:20px;height:20px;display:block;background:inherit;content:" ";position:absolute;top:-24px;left:2px;border:1px solid #FFF}
    .sceditor-group,#pun-qpost .main-content.frm{border:1px solid #D1D1D1!important}
.pun img.load123 {
float: right;
width: 90px;
height: 50px;
border: 1px solid #ccc;
margin-top: -88px;
background: #FFF;
padding: 2px;
margin-right: -122px;
}
.pun .frm-set.multi dl dd#a123,.pun .frm-set.multi dl dd.frm-input{float:left;margin-left:-6px}
.pun .frm-set.multi dl dd.frm-input input{padding:3px 10px;color:#333;font:bold 15px Tahoma}
.pun #format-buttons{
  border:1px solid #b0b0b0;
  padding:2px;
  width:746px;
  display:inline-block;
  margin-left:10px;
  margin-bottom:-5px;
  border-bottom:1px solid #d4d4d4;
  background:#f2f2f2;
}
.pun #text_editor_controls{margin-left:-10px;margin-bottom:4px}
.pun #text_editor_iframe{width:750px !important;height:300px;}
#main .m-right {width: 290px;
}
</style>
<div class="main">
<form action="{S_POST_ACTION}" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data">

{POST_PREVIEW_BOX}
       <!-- must enclose helpbox in a floating div for ie bug -->
      <div class="clear"></div>
<!-- BEGIN switch_forum_rules -->
<div id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_quote_limit -->
<div class="main">
   <div class="main-head"></div>
   <div class="main-content warning">
      <p class="center">{switch_quote_limit.L_QUOTE_LIMIT_WARNING}</p>
      <br />
   </div>
</div>
<!-- END switch_quote_limit -->
<div class="m-left" style=" margin-left: 2px; "><div id="main-contents" class="box">
<div class="main-head clearfix">
   <p class="h2"><!-- BEGIN switch_post_a -->{L_POST_A}<!-- END switch_post_a --> <div class="left" style="margin-left:-150px"><span id="helpbox" class="helpline"></span></div></p>
   <p class="options">
      <a class="exthelp" title="{L_HELP}" href="http://{URL_FORUM}{U_FAQ}" target="_blank">{L_BBCODE_GUIDE}</a>
   </p>
</div>

<div class="main-content frm">
{ERROR_BOX}
   <fieldset class="frm-set multi" style="margin-top:0px;border:0px">
      <!-- BEGIN switch_username_select -->
      <dl>
         <dt><label>{L_USERNAME}</label></dt>
         <dd><input type="text" name="username"  maxlength="8" value="{USERNAME}" /></dd>
      </dl>
      <!-- END switch_username_select -->

      <!-- BEGIN switch_reasons -->
      <dl>
         <dt><label>{L_REASON}</label></dt>
         <dd>{REASON_NEW}</dd>
      </dl>
      <!-- END switch_reasons -->

      <!-- BEGIN switch_privmsg -->
      <dl>
         <dt><label>{L_USERNAME}</label></dt>
         <dd>
            <!-- BEGIN switch_username -->
            <input style="margin-top:2px" type="text" name="username[]" value="{switch_privmsg.switch_username.USERNAME}" /><br />
            <!-- END switch_username -->
            <input style="margin-top:2px" type="text" id="username" name="username[]" value="{USERNAME}" tabindex="1" />&nbsp;
            <img id="add_username" src="{ADD_USERNAME_IMG}" class="selectHover" alt="" />&nbsp;
            <input type="button" id="find_user" value="{L_FIND_USERNAME}" />
         </dd>
      </dl>
      <!-- BEGIN switch_privmsg_friend -->
      <dl>
         <dt><label>{switch_privmsg.switch_privmsg_friend.L_OR_FRIEND}</label></dt>
         <dd>{switch_privmsg.switch_privmsg_friend.FRIEND_PM}</dd>
      </dl>
      <!-- END switch_privmsg_friend -->
      <!-- BEGIN switch_privmsg_group -->
      <dl>
         <dt><label>{switch_privmsg.switch_privmsg_group.L_OR_GROUP}</label></dt>
         <dd>{switch_privmsg.switch_privmsg_group.MASS_PM}</dd>
      </dl>
      <!-- END switch_privmsg_group -->
      <!-- END switch_privmsg --> <br />
<div class="tips">
                    Bạn có ảnh hài hước, vui nhộn? Hãy chia sẻ tiếng cười với mọi người bằng cách đăng lên Ngam9xtg.Com. 
                    Và đừng quên đọc <b style="color: red">Nội quy</b> ở bên phải nhé!
</div><br /> <br />
      <!-- BEGIN switch_icon_checkbox -->
      <dl>
         <dd  id="a123">
            <!-- BEGIN row -->
            <!-- BEGIN cell -->
            <label style="vertical-align:bottom">

               <input type="radio" name="post_icon" tabindex="2" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" />&nbsp;
               <span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span>
            </label> &nbsp;
            <!-- END cell -->
            <!-- END row -->
         </dd>
      </dl>
      <!-- END switch_icon_checkbox -->

      <!-- BEGIN switch_subject -->
      <dl style="border:1px solid #b0b0b0;background:#edf2f7 url(http://i80.servimg.com/u/f80/16/18/15/10/176.png)repeat-x top left;padding-left:10px;margin-bottom:5px;margin-right: -1px; width: 625px">
         <dd class="frm-input" style="width:100%">
            <input type="text" name="subject" value="{SUBJECT}" maxlength="{TOPIC_TITLE_MAXLENGTH}" title="{TOPIC_TITLE_LENGTH_EXPLAIN}" onkeypress="if (event.keyCode==13){return false}" placeholder="Tiêu đề của ảnh : " style="float:left;width:555px;padding:10px;border:1px solid #b0b0b0"/>

            <!-- BEGIN switch_subject_color -->
            <script type="text/javascript">
            //<![CDATA[
            input = document.getElementsByName('subject');
            //]]>
            </script>
            <select name="topic_color" onchange="input[0].style.color = topic_color.value" style="margin-left:-1px;padding:5px;width:120px">

            {switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_OPTIONS}

            </select>
            <script type="text/javascript">
            //<![CDATA[
            input[0].style.color = '{switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_DEFAULT}';
            //]]>
            </script>
            <!-- END switch_subject_color -->
         </dd>
      </dl>
      <!-- END switch_subject -->
<br /><br />
      <!-- BEGIN switch_description -->
      <dl><dd class="frm-input" id="fieldset_left" style="margin-top:-16px">
<input type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" placeholder="Mô tả ngắn cho ảnh ' nếu không có thể bỏ trống '" style="border:1px solid #b0b0b0;font:12px Tahoma;padding:8px 30px;width:575px;margin-right:-7px;background:#f7f3ef url(http://i80.servimg.com/u/f80/16/18/15/10/114.png)repeat-x top left" />
         </dd>
      </dl>
      <!-- END switch_description --><br /><br />
<div class="zzImgUr"></div>
Chọn file ảnh (không quá 5MB) *
      <div class="left"><span id="helpbox" class="helpline"></span></div> <!-- must enclose helpbox in a floating div for ie bug -->
      <div class="clear"></div>

      <div style="width:100%">
<textarea id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual" style="display:none">{MESSAGE}</textarea>   
            </dd>
         </dl>

         <!-- BEGIN edit_reason -->
         <dl style="display:none">            
            <dd><input class="inputbox medium" style="width:63%" type="text" name="edit_reason" value="http://phutu.vn"  value="{edit_reason.EDIT_REASON}" maxlength="255"></dd>
         </dl>
         <!-- END edit_reason -->

      </div> </fieldset>
<br /><br /><br /><br />
      <fieldset class="frm-set" style="margin-top:-20px;margin-bottom:-20px">
         <div align="center">
            {S_HIDDEN_FORM_FIELDS}
            <input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
            <!-- BEGIN switch_preview -->
            <input type="submit" name="preview" value="Xem trước" tabindex="5" />&nbsp;
            <!-- END switch_preview -->
             <!-- BEGIN switch_draft -->
            &nbsp;<input type="submit" name="draft" value="Lưu nháp" tabindex="7" accesskey="d" />&nbsp;
            <!-- END switch_draft -->
            <!-- BEGIN switch_publish -->
            &nbsp;<input type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />&nbsp;
            <!-- END switch_publish -->
             &nbsp;<input type="submit" name="post" value="Đăng ảnh" tabindex="6" accesskey="s" />
         </div>
      </fieldset>
<br /><br />
      <!-- BEGIN switch_topic_modif -->
      <fieldset class="frm-set">
         <!-- BEGIN switch_icon_checkbox -->
         <dl>
            <dt><label>{POST_ICON_TITLE}</label></dt>
            <dd>
               <!-- BEGIN row -->
               <!-- BEGIN cell -->
               <label style="vertical-align:top">
                  <input type="radio" name="post_icon" value="{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" id="post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" {switch_topic_modif.switch_icon_checkbox.row.cell.ICON_CHECKED} />&nbsp;<span onclick="document.forms['post'].post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_IMG}</span>
               </label>
               <!-- END cell -->
               <!-- END row -->
            </dd>
         </dl>
         <!-- END switch_icon_checkbox -->
         <dl>
            <dt><label for="modif_topic_title">{L_TOPIC_TITLE_MODIFY}</label></dt>
            <dd>
               <input type="text" name="modif_topic_title" id="modif_topic_title" value="{MODIF_TOPIC_TITLE}" maxlength="{TOPIC_TITLE_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
               <!-- BEGIN switch_topic_button -->
               &nbsp;<input type="button" value="{L_SOLVED_WITHOUT_BRAKETS}" onclick="set_solved(this.form.elements['modif_topic_title'],'{L_SOLVED}')" style="display:none" id="button_solved" />
               <script type="text/javascript">
               //<![CDATA[
               document.getElementById('button_solved').style.display = 'inline';
               //]]>
               </script>
               <!-- END switch_topic_button -->
            </dd>
         </dl>
      </fieldset>
      <!-- END switch_topic_modif -->
</div>

<div class="main">
   <!-- BEGIN switch_roll_dice -->
   <div class="main-head clearfix">{ROLL_DICE_TITLE}</div>
   <div class="main-content frm" style="margin-bottom:5px">
      <script type="text/javascript">
         function add_dice(dice_number,dice,number)
         {
            var content = document.getElementById('post_dice').innerHTML;
            document.getElementById('dice_to_del').innerHTML = '';
            document.getElementById('dice_to_del').id = '';

            var new_tr = document.createElement('tr');
            new_tr.appendChild(document.createElement('td'));
            new_tr.firstChild.innerHTML = '{ROLL_DICE_TITLE_LOW} #' + (dice_number + 1) + ' :&nbsp;<select name="post_dice_' + dice_number + '" id="post_dice_' + dice_number + '" value="' + dice + '">' + content + '</select>&nbsp;<label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_' + dice_number + '" id="nb_rolls" value="' + number + '" />&nbsp;<span id="dice_to_del"><a href="javascript:add_dice(' + (dice_number + 1) + ',\'\',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>';
            document.getElementById('list_dice').lastChild.appendChild(new_tr);

            var select_dice = document.getElementById('post_dice_' + dice_number);
            if ( dice == '' )
            {
               select_dice.selectedIndex=0;
            }
            for ( var i = 1; select_dice.options[i]; i++ )
            {
               select_dice.options[i].selected = ( select_dice.options[i].value == dice );
            }
         }
      </script>
      <table style="width:100%" id="list_dice"><tr><td>
         {ROLL_DICE_TITLE_LOW} #1 :&nbsp;
         <select name="post_dice_0" id="post_dice">
            <option value="">-</option>
         <!-- BEGIN row_replace -->
            <option value="{switch_roll_dice.row_replace.DICE_ID}"{switch_roll_dice.row_replace.DICE_SELECTED}>{switch_roll_dice.row_replace.DICE_NAME}</option>
         <!-- END row_replace -->
         </select>
         &nbsp;<label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_0" id="nb_rolls" value="{switch_roll_dice.S_DICE_ROLLS_VALUE}" />
         &nbsp;<span id="dice_to_del"><a href="javascript:add_dice(1,'',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>
         </td></tr>
      </table>
      {switch_roll_dice.DICE_SCRIPT}
   </div>
   <!-- END switch_roll_dice -->


</form>
{TOPIC_REVIEW_BOX}
</div></div></div>
<div class="m-right ffffff"><div class="box">
   <h3>Nội quy đăng ảnh</h3>
   <div class="html">
    <ul class="guidelines">
        <li>Không đăng ảnh đã bị trùng</li>
        <li>Đừng xóa watermark của ảnh (nếu có) để đăng bạn nhé!
            Hãy tôn trọng sự sáng tạo!</li>
        <li>Hãy dùng chức năng tìm kiếm bằng hình ảnh của <b><a href="https://www.google.com/imghp" target="_blank">Google Images</a></b> để tìm bản gốc của ảnh</li>
        <li>Không đăng ảnh tự sướng, dìm hàng</li>
        <li>Không đăng ảnh chứa thông tin cá nhân của người khác
            (kể cả tên, avatar, link Facebook), trừ người nổi tiếng</li>
        <li>Nhập các thông tin bằng <b>tiếng Việt có dấu</b> và <b>đúng chính tả</b></li>
        <li>Hãy đặt tiêu đề và mô tả ảnh một cách <b>sáng tạo</b>. Tránh đặt kiểu như: "hay
            vãi", "chuẩn", ":))"...Không đặt tiêu đề câu like, vote hay
                có chữ câu like, vote trong ảnh.</li>
        <li>Hạn chế sử dụng emoticon (mặt cười)</li>
        <li>Không đăng ảnh liên quan đến các vấn đề chính trị, tôn giáo</li>
        <li>Không spam link ảnh của bạn trong phần bình luận
            của ảnh khác</li>
        <li>Đăng ảnh phản động, đồi trụy sẽ bị khóa tài khoản ngay
            lập tức</li>
    </ul>
    </div>      
</div></div>

<!-- BEGIN switch_privmsg -->
<div id="find_username" class="jqmWindow"></div>

<script src="{JS_DIR}jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_privmsg -->
<script type="text/javascript">
//<![CDATA[
$(function(){
<!-- BEGIN switch_privmsg -->
   privmsg_add_username('{U_SEARCH_USER}', '<br /><input style="margin-top:2px" type="text" name="username[]" />');
<!-- END switch_privmsg -->
<!-- BEGIN switch_image_resize -->
    resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} });
<!-- END switch_image_resize -->
});
//]]>
  </script></div>

Privmsgs_body

Code:

<script type="text/javascript">
  document.write('<style>.pun .tin_nhan a[href*="' + location.search + '"],.tin_nhan a[href*="' + location.search + '"]:hover{background-color:#d4d4d4;font-weight: bold}</style>')
</script>
<style>
  input.button2:hover,.pun input[type=submit],input[type=button],input[type=reset] {
cursor:pointer;
border:1px solid #999;
border-bottom:1px solid rgb(131,131,131);
color:#000;
background:#FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left;
font:bold 11px Tahoma!important;
box-shadow: 0px 1px 0px #dedade;
height:23px!important;
padding:3px 5px!important;
}
input.button2,select,.pun input[type=text]{padding:3px 5px;}
.pun input[name=submit],.pun input.mainoption,.pun input[name=post] {
box-shadow: 0px 1px 0px #dedade;
border:1px solid #c20000;
border-bottom:1px solid rgb(151,0,0);
color:#fff;
background:#ff1100 url(http://i72.servimg.com/u/f72/16/18/15/10/161.png)repeat-x top left;
}
input.button2:active,.pun input[type=reset]:active,input[type=submit]:active {
background:#dedede;
box-shadow: inset 0 1px 1px #b0b0b0;
}
  
.quang_cao{display:none}
.pun td[href*="/t_unre10.png"] a.topictitle{font-weight: bold;}
.pun .pun-privmsg {display:inline-block;width:230px;height:300px;border-right:0px;float:left}
.pun ul.pun-privmsg li{width:78%;display:inline-block;margin:0px;height:25px;text-align:left;border:1px solid #b0b0b0;padding:21px 0px 13px 50px;background-color:#f0f0f0;}
.pun ul.pun-privmsg li a{display:inline-block;padding:23px 0px 23px 51px;width:100%;background:#FFF;margin-left:-51px;margin-top:-22px;border-top:1px solid #d4d4d4;color:#333333}
.pun div[href*="/t_unre10.png"] a.topictitle{font-weight: bold;}
.pun-privmsg img{float:left;margin:-8px 10px 0px -40px;position:absolute;}
</style>
<div style="border:1px solid #ccc;top:42px;background:#FFF;width:752px">
<div style="width:230px">
<div style="padding:5px 10px 10px 10px;height:auto;display:inline-block;float:left;font:bold 10px Arial;">
<!-- BEGIN switch_box_size_notice --><div style="width:200px;background: #e8e8e8;margin-bottom:5px;padding:3px">
<div style="width:{INBOX_LIMIT_PERCENT}%;height:4px;background:#cf0000"></div></div>
{BOX_SIZE_STATUS}
<!-- END switch_box_size_notice -->
</div>
<ul class="pun-privmsg">
 <li><img src="http://i35.servimg.com/u/f35/16/18/15/10/email10.png">{INBOX}</li>
 <li><img src="http://i35.servimg.com/u/f35/16/18/15/10/approv10.png">{SENTBOX}</li>
 <li><img src="http://i35.servimg.com/u/f35/16/18/15/10/folder10.png">{OUTBOX}</li>
 <li><img src="http://i35.servimg.com/u/f35/16/18/15/10/pen10.png">{SAVEBOX}</li>
</ul></div><div style="display:inline-block;width:521px;border-left:1px solid #ccc;overflow-x: hidden;"><form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">
<div style="height:27px;background: url(http://i80.servimg.com/u/f80/16/18/15/10/122.png)repeat-x bottom left;padding:10px">
{POST_PM_IMG} <p class="paging" style="float:right">
            {S_HIDDEN_FIELDS}
            <!-- BEGIN switch_save -->
            <input type="submit" name="save" value="{L_SAVE_MARKED}" />&nbsp;&nbsp;
            <!-- END switch_save -->
            <!-- BEGIN switch_move_profile -->
            <input type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />&nbsp;&nbsp;
            <!-- END switch_move_profile -->
            <input type="submit" name="delete" value="{L_DELETE_MARKED}" />&nbsp;&nbsp;
            <input type="submit" name="deleteall" value="{L_DELETE_ALL}" />
         </p>

</div>
<div style="margin:10px;height:400px;overflow-y: scroll;width:501px;padding-right:10px">
<a href="javascript:select_switch_privmsg(true);"><input type="checkbox" style="float:left"> <span style="font:bold 10px Arial;color:#333;display:inline-block;margin-left:10px">{L_MARK_ALL}</span></a>
<!-- BEGIN listrow -->
<div href="{listrow.PRIVMSG_FOLDER_IMG}" style="margin:4px 0px">
<label><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" style="margin-right:5px" /> <a href="{listrow.U_READ}" class="topictitle">{listrow.SUBJECT}</a> <span style="font:bold 10px Arial;color:#a6a6a4">- {listrow.DATE}</span><span style="float:right;font:bold 11px Arial">{listrow.FROM}</span></label>
</div>
<!-- END listrow -->
<!-- BEGIN switch_no_messages --><br><br><br><strong>{L_NO_MESSAGES}</strong>
               <!-- END switch_no_messages -->
</div><p class="paging" style="float:left;margin-left:-118px;margin-bottom:4px">{PAGINATION}</p><span style="font: 11px Arial;display:inline-block;color:#333;margin:5px">{PAGE_NUMBER}</span>
</form>
</div></div>

Sắp xếp Widget
skin - [Skin] Chia sẻ skin Ngamvn version Punbb. Untitl12

Lưu ý: Nhớ bật chế độ Blog

js die kìa em ơi

Admin đã viết:

js die kìa em ơi

Js google không die đâu anh Smile

Code:

<script src="https://lasperpenpro.googlecode.com/svn/jquery-1.7.1.min.js"></script>
<script src="https://lasperpenpro.googlecode.com/svn/jquery.isotope.min.js"></script>
<script src="https://lasperpenpro.googlecode.com/svn/script.js"></script>

chẳng die gì đây Neutral

anh oi, sao forum em post bai thy bai viet no to hon hay sao, ma no bi lòi ra ngoai luon roi, skin nay post bai thy lam sao ạ,:

Code:

http://ngamvnn.0forum.biz/post

demo :

Code:

http://ngamvnn.0forum.biz/

hoilamgi đã viết:

anh oi, sao forum em post bai thy bai viet no to hon hay sao, ma no bi lòi ra ngoai luon roi, skin nay post bai thy lam sao ạ,:

cho link vào thẻ code nhé Neutral

cái skin này gốc nó đã ko áp dụng cho video rùi. :)

cho vào css

Code:

#main .m-left .items iframe {
    max-width: 300px;
}

em vao phan post bài, thỳ chỉ có khung tiêu đề, còn khung đề chèn nội dung thy khong có ạ

niick test đâu?

Admin đã viết:

hoilamgi đã viết:

anh oi, sao forum em post bai thy bai viet no to hon hay sao, ma no bi lòi ra ngoai luon roi, skin nay post bai thy lam sao ạ,:

cho link vào thẻ code nhé cái skin này gốc nó đã ko áp dụng cho video rùi. :)

cho vào css
Code:
#main .m-left .items iframe { max-width: 300px; }

em cho code vao css roi, nhưng phần bài viết youtube vẫn bị lòi ra ngoài ạ

nick text day ạ
tk : ngam9xtg
mk : ngam123

hoilamgi đã viết:

nick text day ạ
tk : ngam9xtg
mk : ngam123

skin này nó dành cho site đăng ảnh mà. thì làm gì có chữ. muốn có thì phải làm thêm e à. còn lỗi video thử gửi admin vào inbox riêng cho a tối về a xem. giờ bận ko sửa dc

the_dav đã viết:

hoilamgi đã viết:

nick text day ạ
tk : ngam9xtg
mk : ngam123

skin này nó dành cho site đăng ảnh mà. thì làm gì có chữ. muốn có thì phải làm thêm e à. còn lỗi video thử gửi admin vào inbox riêng cho a tối về a xem. giờ bận ko sửa dc

tại em thấy bên : http://teenmongcai.clubme.net/ có chữ kìa, em gửi nick admin qua cho anh, anh giúp đở giùm em với ạ