[Skin] share skin Raphue Style ver 3 Edit by pro_qng

[pro_qng]

demo : http://tinve2.forumvi.com/
css

Code:


.pun .main .main-content p.message {background-color: #FFF5F5;border: 1px solid #FF0000;margin: 1.7em;padding: 1em;}


blink b{animation:blink .1s infinite;-moz-animation:blink .5s infinite;-webkit-animation:blink .5s infinite}
@-webkit-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-moz-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-ms-keyframes blink{0%{opacity:1}100%{opacity:.1}}@keyframes blink{0%{opacity:1}100%{opacity:.1}}
/* button */
.pun .frm .frm-info {border: 1px solid #e6c820;background-color: #fffbd6;}
.pun .frm-info {border: 1px solid #de3c10;color: #333;}
.main .frm-info {background: #ffebeb;border: 1px solid #dd;margin: 1.7em;padding: 1em;}
.pun .frm .frm-buttons input {font-size: 1em;line-height: 1.2;margin-right: 1em;overflow: visible;padding: 1px .5em 2px;vertical-align: middle;}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border: 1px solid #16570A;box-shadow: 0px 0px 3px #29691D;}
.pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"] {
background-image: -webkit-linear-gradient(top,#3D9400,#368200);
}
.pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"] {
border: 1px solid #29691D;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
background-color: #3D9400;
padding: 5px 10px;
cursor: pointer;
font: normal 13px arial,sans-serif;
font-weight: 700;
background-image: -moz-linear-gradient(top,#3D9400,#398A00);
background-image: -ms-linear-gradient(top,#3D9400,#398A00);
background-image: -o-linear-gradient(top,#3D9400,#398A00);
background-image: linear-gradient(top,#3D9400,#398A00);
border: 1px solid #29691D;
}
/* Latest topic */
.main .main-foot,.main .main-head,.main-head.clearfix .h2,.main-head.clearfix .options{height:20px;line-height:20px}
/* Thống kê */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;margin:5px 10px 5px 70px}
.starsTitle { background: #ddd; color: #706969; height: 20px; line-height: 20px; text-shadow: 1px 1px 1px #FFF; padding: 5px; }
.online2 strong { color: Orange; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.online1 strong { color: #9acd32; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.post1 strong { color: #00bfff; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.online3 strong { color: #ff0000; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
/* Số trang - paging - www.fmvi.vn */
.pun .pagination.top b,.pun .paging b { background:#385a94 url(http://i80.servimg.com/u/f80/16/18/15/10/1100.png); border:1px solid #17408c; font:bold 12px Tahoma; color:#FFF; margin:2px 2px 2px 1px; padding:4px 6px 5px 6px; }
.pun .pagination.top a,.pun .paging a {background:#e8e8e8 url(http://i80.servimg.com/u/f80/16/18/15/10/199.png);border:1px solid #9c999c;font:bold 12px Tahoma;color:#333;margin:2px 2px 2px 1px;padding:4px 6px 5px 6px;}
.pun .pagination.top,.pun .paging { color:#FFF; display:inline-block; font-size:0; padding:0; }
.pun .pagination.top a:hover,.pun .paging a:hover { background:#e8e8e8 url(); }
/* tooltip */
#tooltip .tiplFMvi{border-bottom:1px dashed;margin-bottom:2px;padding-bottom:2px}
#tooltip{background-color:#FFF;border:1px solid #DDD;border-radius:3px 3px 3px 3px;box-shadow:2px 2px 3px #746E6E;color:#131313;max-width:550px;padding:15px 20px;position:absolute;z-index:999}
#active_starters,#most_active,#pun-visit,#users_month,#users_week,#tooltip .header {
display:none;
    }
/* Đường Dẫn Liên Kết */
.pun-crumbs {font-size: 11px;background: url(http://i34.servimg.com/u/f34/17/54/83/01/catego11.png) 50% 0% repeat-x rgb(250, 250,250);border: 1px solid rgb(210, 210, 210);overflow: hidden;zoom: 1;padding: 0 0 0 23px;}
.pun-crumbs p.crumbs{color:transparent!important;text-overflow: ellipsis;white-space: nowrap;}
.pun-crumbs p a{-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;display:inline-block;padding-right:19px;padding-left:0;background:url(http://i1327.photobucket.com/albums/u661/quanligerv/WebFlake/sec_na10.png) no-repeat 100% -1px;line-height:35px;color:#757575!important;margin-left:-9px;background-position:100% -44px}
.pun-crumbs p {font-weight:700!important;margin: 0;}
/*---chatbox---*/
#divcolor img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],img[src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif"],#divsmilies img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],#divunderline{display:none}
div.fontbutton {
cursor:pointer;
height:18px;
border:1px solid #999;
background:#dedede;
}
#submit_button {
margin-right:20px;
border-radius: 1px;
padding: 1px;
}

img[src="http://2img.net/i/fa/resize.gif"]{display:inline-block;margin-bottom:-20px}

div.fontbutton,div.fontbutton_normal {
margin-top:10px;
width:20px;
height:18px;
background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/117.png)repeat-x;
}

div.fontbutton_selected {
border:1px solid #999!important;
background:#dedede;
}

div.fontbutton_clicked {
background:#dedede;
border:1px solid #999;
}
.chatbox-options{font-size:0px;margin-top:2px;padding-right:5px}
.chatbox-options a{border:1px solid #9c999c;
  background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/117.png)repeat-x;
  cursor: pointer;
  box-shadow: 0px 1px 0px #dedade;
  padding:3px 5px;
  color:#000;
  font:bold 12px Tahoma;
  float:left;
  }
.chatbox-options a:active {
background:#dedede;
box-shadow: inset 0 1px 1px #b0b0b0;
}
#chatbox_option_autorefresh{display:none}
#chatbox_members{
  background:#ededed url(http://i74.servimg.com/u/f74/16/18/15/10/126.png)repeat-x 2px 28px;
  border-right:1px solid #ccc;
  margin-bottom:-65px;
  margin-top:-30px;
  font:bold 12px Arial;
}
#chatbox_members .member-title{
  padding:8px;
  background: url(http://i74.servimg.com/u/f74/16/18/15/10/128.png)no-repeat 5px;
  color:#38788c;
}
#chatbox_footer{
  margin-left:181px;
  border-top:1px solid #ccc;
  background:#f7f7f7;
}
#chatbox{overflow-x:hidden;margin-bottom:38px;background:#FFF;}
#chatbox_header.main-head{border:0px;background: #ededed url(http://i74.servimg.com/u/f74/16/18/15/10/126.png)repeat-x 2px 28px;font-size:0px}
#chatbox_header.main-head a{

  color:#333}
#message {
  width:440px;
  height:15px;
  font-size:13px;
  border:1px solid #d3d5d6;
  background-color:#fff;
  margin-left:-180px;
  padding:10px;
  padding-left:50px;
  margin-right:-60px;
  margin-top:5px;
  margin-bottom:15px;
  padding-right:70px;
}
#chatbox img{max-width:550px}
#chatbox img[src*="servimg.com"]{border:1px solid #d4d4d4}
.chatbox_row_1,.chatbox_row_2{color:#adadad;background:#fff}


#divcolor{border:0px;background:none;margin-top:-5px;margin-right:62px}
#divsmilies{
  margin-left:-80px;
  margin-top:13px;
  border:0px;
  background:none;
  border-right:1px solid #ccc;
  padding-right:4px;
}

/*---chatbox---*/
/*xoa @ chatbox----------*/ 
#chatbox_members ul li a span:before{display: none!important;}
#chatbox_members ul li a span:after{display: none!important;}
#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
#chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: inline-block !important;}
 
/*post body image-------------------------------------------------------------------*/
.codebox {
display: block;
text-align: left;
background: #eee;
border: 1px solid #aaa;
display: block;
margin-top: 1.5em;
padding: .25em;
position: relative;
white-space: pre;
max-width: 780px;
}
code:before {
color: #111;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
}

.codebox dd {
background-color: #eee;
margin: .5em;
padding: .5em;
}
a.code-a {
float: right;
padding-left: 100px;
}
.pun .codebox dt {
font-weight: 700;
}




.spoiler_content {
background:#f5f5f5;
margin-top:1px;
border:1px solid #c5ccd1;
padding: 1px 10px 16px;
}
.pun .spoiler dt:hover {
color:red;
background:#e8e8e5 url(http://i48.servimg.com/u/f48/16/18/15/10/untitl74.png) no-repeat 6px 8px;
}

.pun .spoiler dt {
font:bold 12px Tahoma;
color:#333;
background:#e8e8e5;
border:1px solid #c5ccd1;
padding:4px 6px 4px 20px;
margin:0px;
}

.spoiler dd {
background:none;
margin:0;
padding:0;
}

.spoiler {
background:none;
border:0;
width:96%;
margin-top:10px;
padding:0;
}

.main .main-head .page-title {
color: #fff;
text-decoration: none !important;
font-size: 15px;
font-weight: bold;
line-height: 15px !important;
  padding: 4px 4px;
font-weight: bold;
}


/* Khung soạnn thảo */
label[for="text_editor_textarea"] {display:none}
.editorfmvi{background-color:#B86E00;float:none!important;font-weight:700!important}
#textarea_content dt {display:none}
#textarea_content dd {margin-left: 0!important}
#text_editor_controls {margin:0 !important;width: 100% !important}
.sceditor-container,#textarea_content{width:100%!important}
input[type="submit"],input[type="reset"]{float: none !important}

#textarea_content dd {
width: 940px;
}
#smiley-box { margin-left: 6px; width: 930px; height: 90px; margin-top: -23px; border: 1px solid #b0b0b0; overflow: hidden; border-top: 0px; padding: 5px; }
/* soạn thảo 2 */
div.sceditor-toolbar {
text-align: center!important;
}
div.sceditor-group {
background: #f7f7f7!important;
}

    .frm-form [class|="sceditor"]{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;border-radius:0!important}
    .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}
 .sceditor-group a{-moz-border-radius:0;background:#FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left!important;border:1px solid #999!important;border-radius:0;box-shadow:0 1px 0 #dedade!important;cursor:pointer!important;margin-left:-1px;padding: 1px 4px!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;padding:3px!important;width:9px!important}.sceditor-container{-moz-border-radius:0!important;border:1px solid #bdbdbd!important;border-radius:0!important}.sceditor-toolbar{background:#f2f2f2!important;border-bottom:1px solid #cecfce!important;text-align:left}.sceditor-group a:active{background:#dedede!important;box-shadow:inset 0 1px 1px #b0b0b0!important}.sceditor-group a.active,.sceditor-group a.hover{background:#dedede!important;box-shadow:inset 0 0 0 #b0b0b0!important}.sceditor-toolbar .sceditor-group{background:none!important;border:0!important}




/* box */
#smallrum{padding: 0.8em 1em; margin: 1px 1px;  color: #FFFFFF; width: 491px;}
#smallrum a img{margin-top: -3px; padding-right: 5px;}
#smallrum a.gensmall {display: inline-block;text-align: left;width: 220px;}
#clbimg {
border-radius: 4px;
display: block;
font-family: arial;
font-size: 11px;
margin: 10px;
padding: 2px 5px;
}
.pun .main-contentdm {
background-color: #fafafa;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
/* thanhmenu */
.menunav{background: none;height: 35px;}
.menunav ul{height:30px;margin:0 auto;padding:0;}
.menunav ul li{font-size: 11px;display:inline;height:30px;margin:0;text-align:center}
.menunav ul li a{border-radius: 3px;margin-top:-10px;margin-left:10px;background: rgba(0, 0, 0, .20);color: #adadad !important;display:block;float:right;font-weight:bold;height:25px;padding:10px 14px 0;text-align:center;z-index:10}
.menunav ul li a:hover,.menunav ul li .active{margin-top:-20px;background: rgba(0, 0, 0, .80);color:#fff!important;display:block;height:25px;padding-top:10px;text-align:center;z-index:10}
/* main-head */
.main .main-head, .main .main-foot, .main .main-head {
font-weight: bold;
font-size: 12px;
color: #FFF;
background: #232b2b;
padding: 9px;
border-top: 4px solid #4F8F16;
}
.pun .main-foot .h2, .pun .main-head .h2 .page-tile {
color: #fff;
font-weight: bold;
margin-top:3px;
}
.main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color: #fff;
font-size: 13px!important;
font-weight: bold;
}





a:link,a:active,a:visited {text-decoration: none;}
a:hover{text-decoration: none !important;}
/* body */
body {
background-image: url("http://i.imgur.com/eece09J.jpg");
background-repeat: no-repeat;
background-position: center 169px;
background-color: rgb(15, 16, 21);
font-size: 12px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
color: #2c2c2c;
}
div.container_IE {
background: url("http://i.imgur.com/7V1z38d.png") repeat-x bottom;
}
.pun {
width: 1000px!important;
background: #FFF;
overflow: hidden;
margin: 0 auto;
padding:10px;
padding-top: 10px;
}
#pun-intro {
background-color: #1A1E25;
background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #1A1E25;
margin: 0;
padding: 1.5em 1em 1em;
text-align: left;
}
.pun-intro {
background:  #1A1E25;
border-top: 6px solid #71a00e;
border-bottom: 1px solid #363A43;
height: 130px;
}
#pun-intro {
width:1000px;
margin: 0px auto;
}
#pun-logo img {
float: left;
height: 90px;
}
a {text-decoration:none;}

/* Top */
#top-thanhkent {
color: #f4f4f4;
background: #35353e;
font-size: 12px;
z-index: 999;
width: 100%;
height: 33px;
padding-top:3px;
line-height: 30px;
text-align: center;
font-weight: bold;
top: 0px;
position1: fixed;
}

.top-thanhkent {
margin: 0px auto 0px auto;
width: 1100px;
position: relative;
padding: 0;
background:  none;
height: 32px;
}

.topWelcome {
float: left;
margin-left: 6px;
}
.topWelcome h1 {
font-size: 1em;
font-weight: bold;
}
.Login-Box {
float: right;
}

.Login-Box ul {
list-style: none;
padding: 0;
margin: 0;
}

.Login-Box li {
float: left;
margin: 0;
padding: 0 3px;
}

.Login-Box a:link, .Login-Box a:visited {
color: #f4f4f4;
}
.Login-Box a:hover {
color: #FFF;
}


.loginLeft {
float: right!important;
}
.notreg {
border-left: 0px solid #A4A5AA;
padding-left: 10px;
font-weight: 700;
}

.input-login-thanhkent {
background:#FFF;
border: 0;
color: #000;
padding: 0 5px;
font-size: 9pt;
width: 90px;
height: 20px;
line-height: 20px;
border: 1px solid #464646;
margin: 4px 3px 3px 3px;
border-radius: 1px;
}

.oklogin-thanhkent {
background:#FFF;
border: 0;
color: #000;
font-size: 9pt!important;
width: 80px!important;
height: 22px!important;
line-height: 20px;
border: 1px solid #78b506!important;
margin: 3px!important;
border-radius: 1px;
font-weight:bold;
padding-top:1px!important;
}


/* profile */
.friend-block .avatar img {
height: 50px;
width: 50px;
}
.friend-block .avatar {
cursor: pointer;
margin: 0 auto;
border: 1px solid #B9B8B8;
border-radius: 2px;
overflow: hidden;
padding: 2px;
width: 50px;
}
.friend-block span {
outline-style: none;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Arial, Verdana, Tahoma, sans-serif;
width: 60px;
display: inline-block;
}
#tabs ul li.activetab a {
padding: 2px 5px;
border-color: rgb(97, 129, 23);
background: #80b700;
}
#tabs ul li {
padding: 0px;
}
#tabs ul li a {
font: normal 11px helvetica;
border: 1px solid rgb(197, 197, 197);
padding: 2px 5px;
border-bottom: 1px solid rgb(197, 197, 197);
margin: 0 2px;
background: rgb(240, 240, 240);
color: rgb(62, 110, 155);
}
#tabs ul {
padding: 0px;
margin: 0px;
}
#tabs ul li.activetab a:hover {
background: rgb(120, 170, 4);
}
#profile-advanced-left #tabs ul li a {
font: bold 15px arial;
padding: 10px 30px;
}
#tabs ul li.activetab a {
text-decoration: none;
}
#profile-advanced-layout #tabs {
margin-left: 8px;
bottom: -19px;
}

#profile-advanced-layout {
float: right;
margin-right: 0px;
width: 70%;
}
#profile-advanced-left {
margin-right: 0px;
float: none;
}
#profile-advanced-right {
float: left;
width: 30%;
}
#profile-advanced-left #profile-advanced-details .main-head {
background-image: url("http://i.imgur.com/TlzzVvk.jpg");
height: 70px;
border-bottom: solid #569605;
border-width: 0 0 5px 5px;
}
#profile-advanced-details {
margin-right: 0px;
margin-left: 10px;
margin-top: 23px;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle {
line-height: 60px;
font-size: 25px;
font-weight: bold;
}
#profile-advanced-left #profile-advanced-details .main-head .subtitle span {
color: #00B8FF!important;
}
#profile-advanced-details .avatar {
border-top: none;
float: left;
height: 36px;
position: relative;
width: 60px;
z-index: 999;
background: transparent;
border-width: 2px 0px 0px 0px;
display: inline-block;
}
#profile-advanced-details .avatar a img {
height: 40px;
position: relative;
width: 40px;
z-index: 999;
top: 5px;
left: 5px;
border: 1px solid #BEBEBE;
border-radius: 2px;
padding: 2px;
}
#profile-advanced-details .avatar a img:hover {
border: 1px solid #A8A8A8;
}
#profile-advanced-details .message-header {
font-size: 0!important;
position: relative;
top: 10px;
background: none;
border: none;
margin: 0px;
padding: 0px;
visibility: hidden;}
#profile-advanced-details .message-header em {display: none;}
#profile-advanced-details .message-date {
float: right;
visibility: visible;
font: normal 10px helvetica;
color: #869096;
overflow: hidden;
height: 13px;}
#profile-advanced-left #profile-advanced-details .top {
margin-bottom: -1px;
}
#profile-advanced-left #new-message-link a img {
display: none;
}
#profile-advanced-left #new-message-link a {
width: 145px;
height: 47px;
background-image: url("http://img88.xooimage.com/files/3/1/1/publicar-36b43b9.png");
position: absolute;
margin-left: -150px;
border-radius: 5px;
background-repeat: no-repeat;
margin-top: 40px;
}
#profile-advanced-right .main-content.clearfix.center {
background: #EEE;
font-size: 15px;
color: #777575;
font-weight: bold;
text-shadow: 1px 1px 2px #F0F0F0;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
width: 150px;
height: 150px;
padding: 5px;
border-radius: 5px;
border: 1px solid #AFAEAE;
background: #F3F1EE;
box-shadow: 0 0 0 1px white inset ,0 0 10px #A2A2A2;
}
#profile-advanced-right .main-head .h3 span{
font-size: 14px!important;
}
#profile-advanced-details .main-content ol .clearfix {
border-top: 1px dotted #AFAFAF;
background: #F3F3F3;
margin: 0px;
position: relative;}
#profile-advanced-details ol {
list-style: none;
border-top: 3px solid #2F4A90;
padding-top: 10px;
}
#profile-advanced-left .message-block .clearfix , .message-block .clearfix {
border-top: none!important;
}
#profile-advanced-details .message-block .message-footer li a {
font-size: 0px;
text-decoration: none;}
.message-header img {
display:none;}
.message-header a {
font-size: 14px;
visibility: visible;}
#profile-advanced-right .main-content.clearfix {
background: #EEE;
color: #777575;
text-shadow: 1px 1px 1px white;
}
#profile-advanced-left #profile-advanced-details .main-content.clearfix .stats-field.genmed {
border: 1px solid #D6D6D6;
}
#profile-advanced-left #profile-advanced-details .main-content.clearfix .stats-field.genmed legend {
background: #E9E9E9;
border: 1px solid #DDD;
padding: 1px 10px;
border-radius: 2px;
}
#profile-advanced-details .main-content {
padding: 4px;
background: #F3F3F3;
border: 1px solid#D8D8D8;
font-family: "helvetica neue", helvetica, arial,sans-serif;
color: #333;
}
#profile-advanced-details .message-block .message-text {
font-family: 'Helvetica Neue', arial, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
}
#pun-about{background-color:#f9f4d4;border-color:#f9f4d4;border-style:solid;border-width:0;color:#f9f4d4;line-height:0;padding:0;text-align:right}#pun-about a{color:#f9f4d4;font-size:9px}  #pun-about #qjump {display: none;}


[pro_qng]

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>
  <meta name="google-site-verification" content="9ToL7Gv4_05rTunlJaKBYGc48TTCGW23Cdm_64E0e8E" />
  <meta name="google-site-verification" content="ucYwoelHyFH14_COJQvpDnB9ZPklpNrdzrzL4FWIEvI" />
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

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

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

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

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

        case 'left':
            break;

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

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

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

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

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

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

            if (slid_vert)
            {
              var height_max = h_perso;

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

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

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

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

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

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

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

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

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

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

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
 
<script>jQuery(document).ready(function(){my_setcookie('mytid',jQuery("#logout").attr("href"),1,0);})</script>
 <script src="http://onehackoranother.com/projects/jquery/tipsy/javascripts/jquery.tipsy.js" type="text/javascript"></script>
<script type="text/javascript">

    $(function() {$('.pun a:link,.pun img').tipsy({gravity: 's'});});

</script>
</head>


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

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


 
 
  <div id="top-thanhkent"><div class="top-thanhkent">
  <div class="topWelcome">

    VNGENZ.COM CỔNG THÔNG TIN GAME PRIVATE VÀ GIẢI TRÍ
           
  </div>
           
           
             
             
  <div class="Login-Box">
 
           
      <div class="loginLeft">
                 


             
      <ul>
                          <form action="/login" method="post" name="form_login">
               
<li><a>
<!-- BEGIN switch_desc -->
{switch_desc.SITE_DESCRIPTION}
<!-- END switch_desc -->
</a></li>
       
<!-- BEGIN switch_user_logged_out -->

        <li><a href="register" rel="nofollow" class="notreg">Đăng Ký</a></li>
     

        <li class="inputPad"><div class="loginBoxInput">
        <input type="text" class="input-login-thanhkent" id="loginUsername"  name="username" alt="Tài Khoản" value="Tài Khoản" onblur="if (this.value == '') {this.value = 'Tài Khoản';}" onfocus="if (this.value == 'Tài Khoản') {this.value = '';}" />
                          </div></li>
        <li class="inputPad"><div class="loginBoxInput">

        <input type="password" class="input-login-thanhkent" size="10" name="password" alt="Mật khẩu" value="Mật khẩu" onblur="if (this.value == '') {this.value = 'Mật khẩu';}" onfocus="if (this.value == 'Mật khẩu') {this.value = '';}"/>
                          </div></li>
        <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" class="radio" name="autologin" checked="checked" /> Lưu?</label></li>
        <li class="searchButton"><input type="submit" class="oklogin-thanhkent " name="login" value="Đăng nhập" /></li>
                    <!-- END switch_user_logged_out -->
         
                          <!-- BEGIN switch_user_logged_in -->
                 
          <li><a href="/profile?mode=editprofile" rel="nofollow" class="notreg" style="padding-left:10px;">Hồ Sơ Cá Nhân</a></li>
        <li><a href="/profile?mode=editprofile&page_profil=avatars" rel="nofollow" class="notreg">Đổi Avatar</a></li>
      <li><a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" rel="nofollow" class="notreg">{PRIVATE_MESSAGE_INFO}</a></li>
                  <li><a href="/login?logout" rel="nofollow" class="notreg">Thoát</a></li>
                      <!-- END switch_user_logged_in -->
</form>
</ul>
</div>
</div>       
      </div></div>


<div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
           
                            <div class="pun-intro">
                                                                 
              <div id="pun-intro" class="clearfix">
<div style="float:left;width:20%">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
                                          </div>
<div style="float:right;width:70%">

            <div style="float:right;height: 70px;width:100%">
<form style="float:right;" action="/search?mode=results" method="get" name="searchform" class="frm-form">
              <input id="timkiem" type="text" name="search_keywords" style="border: 1px solid #464646;margin-top: 5px;margin-left: 20px;font: 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;background:rgba(0, 0, 0, .50) url(http://i35.servimg.com/u/f35/17/75/86/58/search10.png) no-repeat right;width:300px;color:gray;padding-right:25px !important;padding: 10px;padding-left: 10px;" id="query" name="submit" placeholder="Nhập từ khoá tìm kiếm..." value="" lang="en">
                </form>
              </div>

 
 
 
  <div class="menunav">
<ul>

 
  <li>
    <a rel="bookmark" href="/faq" title="Hepl">Trợ Giúp</a>
  </li>
  <li>
    <a rel="bookmark" href="/memberlist" title="Member">Thành Viên</a>
  </li>
  <li>
    <a rel="bookmark" href="/groups" title="Group">Nhóm</a>
  </li>
  <li>
    <a rel="bookmark" href="/search?search_id=activetopics" title="Bài Mới">Có Gì Mới</a>
  </li>
<li>
    <a rel="bookmark" href="/" title="Home">Trang Chủ</a>
  </li>
  <li>
    <a rel="bookmark" href="/forum" title="Forum">Diễn Đàn</a>
  </li>
 
</ul>
</div>
 
 
 
 
            </div>   
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
                                         
              </div>
                          </div>
                         
                         
                         
                         
                     
                         
                         
                          <div class="pun">
                           
                            <div class="pun2">
                             
             
                             
              </div>

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

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

              <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                          <div id="container">
                              <div id="content">
                               
                                <div id="main">
                                    <div id="main-content">
                                 

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







<!-- END html_validation -->


recent_topic

Code:

<div class="main recentWidth" style="width: 668px;float: right;margin-left: 10px;margin-top: 0px;">
  <div id="recentnew123" class="main-content1" style="border-left:0 none;border-top:0 none;">
    <div class="main-head">
      <div class="page-title">
        <h2>
      THỐNG KÊ BÀI VIẾT
    </h2>
      </div>
    </div>
    <div class="main-content"><div style="padding:2px;"><div style="background: url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat -2px 1px transparent;padding: 1px;padding-left: 21px;"><div style="background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat;">

        <!-- BEGIN classical_row -->
       
<ul class="baixemnhieu" style="overflow: hidden;max-height: 277px;padding-right: 7px">
       
       
       
         
              <!-- BEGIN recent_topic_row -->
          <li width="0%" class="newtopic">
         
           
            <span id="tieude1" onmouseover="show_tooltip(this,$(this).next().html(),'Thông Tin Bài Viết');"><a href="{classical_row.recent_topic_row.U_TITLE}" oncontextmenu="return xemtopic(this.href,'hehee');"><span  class="lengtht" ><b>{classical_row.recent_topic_row.L_TITLE} </b></span></a></span>
            <span style="display:none" class="dulieu2">
              <p class="tiplFmvi">Tiêu đề:
                <font color="blue">{classical_row.recent_topic_row.L_TITLE}</font>
                                </p>
           
                <p>Thời gian gửi:
                                  <font color="#FF6600">{classical_row.recent_topic_row.S_POSTTIME}</font>
                                </p>
                <p>Người gửi cuối:      <!-- BEGIN switch_poster --> {classical_row.recent_topic_row.switch_poster.S_POSTER}  <!-- END switch_poster -->
          </p>
            </span>
          <!-- BEGIN switch_poster -->
            <span class="username"><a id="tacgia" style="float:right" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a></span>
              <!-- END switch_poster -->
          <span class="thoigian" style="display:none">{classical_row.recent_topic_row.S_POSTTIME}</span>
              <!-- BEGIN switch_poster_guest -->
              {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
              <!-- END switch_poster_guest -->
       
           
          </li>
              <!-- END recent_topic_row -->
        <ul>
        <!-- END classical_row -->
          <ul>
          </ul>
                    </ul>
      </div>
      </div>
      </div>
      <script type="text/javascript" src="http://illiweb.com/rs3/24/frm/admin/admin.js"></script>
      <style>
      .lengtht {overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:460px}.baixemnhieu li {font-weight: bold;position: relative;line-height: 20px;list-style: decimal-leading-zero outside none;}.li { text-decoration: none; }   
    </style>
      </div>
    </div>
  </div>
       

<div class="module main">
  <div class="main-head">
    <div class="h3">
      LIKE FANPAGE
    </div>
  </div>
  <div class="main-content clearfix">
    <div class="main-conten1t" style="width: 292px;float: left;height: 259px;">
      <iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width: 293px; height: 258px;" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FNh%25E1%25BA%25ADt-K%25C3%25BD-Cu%25E1%25BB%2599c-S%25E1%25BB%2591ng%2F462500713823294%3Fref%3Dhl&width=307&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=true&appId=306942712778711">#document</iframe>
  </div>
  </div>
  </div>
</div>

chỉ cần cài đặt Forum widgets management là :
RECENT thôi là ok
ai xài like dùm với nha

[bucnong1]

pro_qng
xuất hiện thêm a này không dùng nhưng cũng 1 like

[ligerv]

tên skin raphue mà chưa thấy dc mang phong cách rap , css hơi thừa . phần thống kê index body vẫn sài style của hóng-er share .

[anhcodon]

skin này là admin darkmon edit nhé xong bạn này rip về rồi nói mình edit

[Thànhkent]

Edit nhưng đâu phải là skin mang tên Raphue nhỉ , thấy hại não  

[An Nguyễn]

bác Thành onl rồi

[Gầy Xa Đọa ™]

like phát

[úT Lì]

ai edit thớt . rip của ng ta về kêu mình edit à =))rip FM- FM nữa chớ

[An Nguyễn]

ai edit thớt . rip của ng ta về kêu mình edit à =))rip FM- FM nữa chớ

2 người . người nào cũng edit . còn nhớ k lằm cái luật FM > FM hình như k còn tác dụng nữa rùi chú à . giờ thích thì cứ Rip  

[Lùn Lì Lợm]

có chút jr đó giống skin tronos phải k nhỉ ???

[úT Lì]

ai edit thớt . rip của ng ta về kêu mình edit à =))rip FM- FM nữa chớ

2 người . người nào cũng edit . còn nhớ k lằm cái luật FM > FM hình như k còn tác dụng nữa rùi chú à . giờ thích thì cứ Rip  

chắc v .

[úT Lì]

có chút jr đó giống skin tronos phải k nhỉ ???

đúng á. mình lấy mã màu từ đó

[noname2103]

hay nhỉ

[nonamewar]

Skin Bị Lỗi rồi Chim Ơi

[Sponsored content]