Trang ChínhĐăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by nightWalker 9/2/2024, 7:00 pm
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
| No user |
Skin cntt-k3 Editor ver 1.0[✔]
+3
sps.kủn
Chúa Tể Địa Ngục
bucnong1
7 posters
CHINH PHỤC :: KHU VỰC CHIA SẺ :: Skin
Trang 1 trong tổng số 1 trang
Skin cntt-k3 Editor ver 1.0[✔]
by bucnong1 4/2/2014, 9:52 am
- demo:
- Code:
http://i57.servimg.com/u/f57/15/64/85/86/tai_xu11.png
cái skin edit tí chút @@ thấy nhiều bạn hỏi nên share luôn . cái này khác cái trước nhé. dự sẽ có nhiều ver - Css:
- Code:
#nav li.active > a {
background-color: #359BED;
color: #FFFFFF;
}
/* submenu */
#nav li:hover ul.subs {
display: block;
}
#nav ul.subs > li {
display: inline-block;
float: none;
padding: 10px 1%;
vertical-align: top;
width: 33%;
}
#nav ul.subs > li a {
color: #777777;
line-height: 20px;
}
#nav ul li a:hover {
color: #F55856;
}
#nav ul.subs > li > a {
font-size: 1.3em;
margin-bottom: 10px;
text-transform: uppercase;
}
#nav ul.subs > li li {
float: none;
padding-left: 8px;
-moz-transition: padding 150ms ease-out 0s;
-ms-transition: padding 150ms ease-out 0s;
-o-transition: padding 150ms ease-out 0s;
-webkit-transition: padding 150ms ease-out 0s;
transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
padding-left: 15px;
}
/* common and top level styles */
#nav span {
display: none;
}
#nav, #nav ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#nav {
background-color: #F5F5F5;
border-bottom: 5px solid #359BED;
float: left;
position: relative;
width: 100%;
}
#nav ul.subs {
background-color: #FFFFFF;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
color: #333333;
display: none;
left: 0;
padding: 2%;
position: absolute;
top: 54px;
width: 96%;
}
#nav > li {
border-bottom: 5px solid transparent;
float: left;
margin-bottom: -5px;
text-align: left;
-moz-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
#nav li a {
display: block;
text-decoration: none;
-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
white-space: normal;
}
#nav > li > a {
color: #333333;
display: block;
font-size: 1.3em;
line-height: 49px;
padding: 0 15px;
text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
background-color: #F55856;
color: #FFFFFF;
}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto} /* Lightbox @leandrovieira ver 0.5 */ #jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0} #jquery-lightbox a img{border:none} #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto} #lightbox-container-image{padding:10px} #lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} #lightbox-container-image-box > #lightbox-nav{left:0} #lightbox-nav a{outline:none} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block} #lightbox-nav-btnPrev{left:0;float:left} #lightbox-nav-btnNext{right:0;float:right} #lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px} #lightbox-container-image-data{color:#666;padding:0 10px} #lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left} #lightbox-image-details-caption{font-weight:700} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em} #lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
.main .main-head .page-title {
font-size: 20px;
font-weight: 400;
}
#indexBox .desc {
font-style: italic;
}
.main .main-foot, .main .main-head {
background-color: #FFF;
color: #359BED;
font-weight: 400;
padding: .7em 1.3em;
}
.main .main-head, #chatbox_header.main-head {
border-bottom: 4px solid #359BED;
}
.prefix{background:#008287;color:#FFF;border-radius:2px;display:inline-block;height:18px;line-height:18px;padding:0 4px} /* Mặc định cho các tiền tố chưa đặt style riêng */
.prefix.code{background:#16499a} /* Màu riêng cho tiền tố code */
.prefix.tool{background:#60a917} /* Màu riêng cho tiền tố Tool */
.prefix.thong-bao{background:#fa6800} /* Màu riêng cho tiền tố Thông báo */
.prefix.zzbaivong{background:#4390df} /* Màu riêng cho tiền tố zzbaivong */
.msg a:after{content:"*****";font-size:12px} .msg a:link{font-size:0;display:inline-block}
.prefix{background:#008287;color:#FFF;border-radius:2px;display:inline-block;height:18px;line-height:18px;padding:0 4px} /* Mặc định cho các tiền tố chưa đặt style riêng */
.prefix.code{background:#16499a} /* Màu riêng cho tiền tố code */
.prefix.share{background:#60a917} /* Màu riêng cho tiền tố Tool */
.prefix.thong-bao{background:#fa6800} /* Màu riêng cho tiền tố Thông báo */
.prefix.skin{background:#4390df} /* Màu riêng cho tiền tố zzbaivong */
.prefix.hoi-dap{background:#4390df} /* Màu riêng cho tiền tố zzbaivong */
.useravatar1 img{
width:180px;
height:180px;}
#content-container div#main {
margin-bottom: 1em;
overflow: visible;
}
#chatbox_header.main-head {
background-color: #962622;
background-image: url(http://i58.servimg.com/u/f58/18/67/94/07/headee10.png);
color: #fff;
font-family: Segoe UI Light;
margin: -4px -8px -5px;
padding: 12px 0 15px;
text-indent: 30px;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
}
#chatbox {
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 30px;
background-color: #fff;
}
.chromestyle {
font-weight:none;
height:35px;
float:left;
z-index: 999;
margin-top: 8px;
}
.chromestyle:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.chromestyle ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 2px 0 0;
float: left;
}
.chromestyle ul li {
float:left;
}
.chromestyle ul li a {
color:#fff;
display:block;
font-family:Tahoma,Helvetica,Verdana,sans-serif;
font-size: 12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:27px;
padding:0px 9px 8px 9px;
font-weight: bold;
text-decoration:none;
margin-left: 3px;
}
.chromestyle ul li a:hover{
color:#666;
background: #fff;
padding:0px 9px 8px 9px !important;
display:block;
font-family:Tahoma,Helvetica,Verdana,sans-serif;
font-weight: 400;
font-size: 12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight: bold;
line-height:27px;
text-decoration:none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.chromestyle ul li a.selected {
color:#666;
background: #fff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.dropmenudiv {
font-family:Tahoma;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
position:absolute;
visibility:hidden;
width:250px;
z-index: 999;
line-height: 25px;
margin-top: -1px;
padding-left: 2px;
background: #fff;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-khtml-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.12);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.12);
box-shadow: 1px 1px 5px rgba(0,0,0,0.12);
padding-bottom: 10px;
}
.dropmenudiv a {
color: #333;
width: 220px;
margin:0 auto;
/*text-shadow: 0px -1px 0px #343a3c;*/
display:block;
font-weight:bold;
padding:5px 0;
text-decoration:none;
z-index: 999;
border-bottom: 1px dotted #999;
}
.dropmenudiv a:hover {
/*text-shadow: 0px -1px 0px #343a3c;*/
color: #555;
font-weight:bold;
z-index: 999;
text-decoration:none;
background: url(http://i55.servimg.com/u/f55/16/58/45/96/single10.gif) left center no-repeat;
text-indent: 10px;
}
#content-container div#left {float: none;margin-bottom: 10px;width: 100%;}.module.main {margin: 0!important;}
div.mekiep {
float: left;
margin-right: -1px;
overflow: hidden;
position: relative;
z-index: 100;
width:800px;
}
.tag div.active {background: #86C2F1;cursor: none;font-style: italic;position: relative;z-index: 999;}
.tag div {background: none repeat scroll 0 0 #F6F8FB;cursor: pointer;float: left;padding: 7px;}
.last {border-bottom: 1px solid #DBE4EF;border-right: 1px solid #DBE4EF;display: block;font-size: 11px;font-weight: 700;line-height: normal;outline: none;text-decoration: none;width: 116px;}
#lastest {line-height: 20px;list-style: decimal-leading-zero outside none;}.****** ol.activea {display: block;}#lastest li {clear: both;}.****** ol {display: none;}
.user-basic-info1 a img {
padding: 2px;
border: 1px solid #7C4A4A;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
width:192px;
height:185px;
}
.user-basic-info a img {
background-color: rgb(255, 255, 255);
padding: 2px;
border: 1px solid rgb(213, 213, 213);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
width:114px;
height:96px;
}
.user-basic-info a img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border-color: #A1A1A1;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.pun .main-content {
background-color: #fff!important;
padding: 0 0 10px;
}
.poster-name{
display: none;
}
/* Main box by zzbaivong */
#page-body{background:#FFF;margin:0}
#indexBox .main-head,#pun-info .main-head {margin-top:30px}
.main .main-head > .page-title{margin:0}
.pun .main-content{border:0 none;padding:0 0 10px}
.pun .main .main-content p.message{border:0;margin:0;padding:10px 0}
.main .main-content.frm{padding:10px 0}
.postfoot, .pun .main-content {
padding: 0;
border: 0px solid #d7d7d7;
}
.avatarBox thead{display:none}
.pun table.table th{color:#999}
.pun table.table .status{margin-left:-50px}
#indexBox .status img{width:22px;height:22px;position:absolute;margin-left:20px;z-index:10}
#pun-legend img,.thumbnail{width:45px;height:45px}
#indexBox .desc img:first-child,#pun-info .imgleft{transition:all .2s;-webkit-transition:all .2s;position:absolute;margin-left:-50px;height:45px;margin-top:-16px;width:45px}
.thumbnail{background:transparent}
.pun .main table.table td{line-height:20px;background:#FFF;border-color:#F2F2F2;border-style:solid;border-width:1px 0 0}
.pun table.table tr:first-child td{border-top:0}
.pun table.table td.tcl{overflow:visible;border-left:0;padding-left:62px!important;}
.pun table .tcr{width:25%}
.stat4r{color:#888;font-size:12px;padding-right:10px}
.stat4r > strong{color:#333}
.sub4r.stat4r{position:relative}
.subLink{padding:0!important;position:absolute;display:none;left:0;list-style:none;background:#FFF;top:15px;z-index:30;min-width:97px;border:2px solid #666}
.sub4r.stat4r:hover .subLink{display:block}
.stat4r .subLink + strong{padding-right:15px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/arrow_10.png) no-repeat right center transparent}
.subLink li a{white-space:nowrap;height:20px;line-height:20px;display:block;padding:0 7px}
.subLink li a:hover{background:#f2f2f2}
#indexBox .desc{font-style:italic}
#indexBox .tcr a[href=""]:after{color:#888;content:"Không có bài viết";font-style:italic}
.statusAva{float:left;height:50px;margin:-5px 5px}
#indexBox .statusAva{margin:5px}
.pun table.table tr:hover td,#pun-info dd:hover{background-color:#F5F5F5!important}
.pun #left table.table tr:hover td{background-color:#FFF!important}
#indexBox tr:hover a.forumtitle{color:red}
#indexBox tr:hover .tcl strong{color:#359BED}
#indexBox tr:hover .desc img:first-child,#pun-info dd:hover .imgleft{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.pun table .tcr > span.stat4r{display:block;padding-left:60px}
.faq{padding:0}
.faq dd{border:1px solid #DDD;position:relative;background:#FFF;margin:15px 0 5px;padding:10px 10px 0}
.faq > dd:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #CCC;position:absolute;right:10px;width:10px;left:10px;top:-10px}
.faq > dd:after{content:'';display:inline-block;border-right:9px solid transparent;border-left:9px solid transparent;border-bottom:9px solid #fff;position:absolute;right:11px;left:11px;width:9px;top:-9px}
#pun-info .ddleft{background:transparent;min-height:55px;padding:5px 0 5px 55px}
#pun-info .dttitle{font-weight:600;height:26px;line-height:25px;border-bottom:1px solid #f2f2f2}
#pun-info .dttitle,#pun-info .dttitle a{color:#999}
#pun-info .imgleft{margin-top:0}
#legend{border-top:1px solid #F3F3F3;line-height:20px;height:84px;padding:10px 0}
#legend b{display:block;width:25%;float:left;padding:0 10px}
#legend b:before{content:"[ "}
#legend b:after{content:" ]"}
#content {width: 98%!important}
body {
line-height: 18px;
text-align: left;
background: #eee;
color: #333;
font-size: 11px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
#top-nav {
height: 35px;
margin: 0;
padding: 0;
width: 100%;
background: #333 url(http://i58.servimg.com/u/f58/18/67/94/07/top_na10.png) top center repeat-x;
z-index: 999;
}
#top-nav .inner {
height: 35px;
width: 980px;
margin: 0 auto;
padding: 0;
}
#top-nav .thoigian {
float: left;
color: #fff;
margin-top: 8px;
}
#loginpro {
float: right;
width: 500px;
height: 35px;
position: relative;
top: 0px;
}
#chao {
float: right;
color: #fff;
font-size: 12px;
width: 500px;
padding-right: 15px;
text-align: right;
margin-top: 7px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
#chao a {
color: #fff;
font-weight: bold;
}
a, a:visited {
color: #444;
outline: 0;
text-decoration: none;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#header {
width: 100%;
clear: both;
padding: 0px;
background: url(images/header.png) center top repeat-x;
background: #c33;
}
.inner {
width: 1024px;
margin: 0 auto;
padding: 0;
}
#banner {
width: 1024px;
clear: both;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/map-bg11.png) left bottom no-repeat;
}
#headerlogo {
width: 200px;
float: left;
height: 115px;
}
.logo {
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/logocn11.png);
font-size: 10px;
height: 115px;
margin-left: 2px;
margin-top: 0px;
text-align: left;
text-indent: -9999px;
transition: all .2s ease-out;
width: 330px;
z-index: 10;
}
#header-search {
float: right;
margin-top: 35px;
}
#header-search-box {
margin: 0 auto;
}
#header-search-box input {
border: 0;
float: left;
position: relative;
top: 0px;
left: 0px;
width: 300px;
margin-top: 4px;
padding: 10px;
text-indent: 20px;
color: #333;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
outline: none;
border: 7px solid #772f2c;
background: #fff url(http://i58.servimg.com/u/f58/18/67/94/07/search10.png) 5px center no-repeat;
}
.clear {
border-top: 1px solid transparent !important;
margin-top: -1px !important;
border-top: 0;
margin-top: 0;
clear: both;
width: 100%;
visibility: hidden;
}
#menu-top {
height: 30px;
width: 100%;
margin: 0 auto;
clear: both;
background: #772f2c;
border-top: solid 1px #5b211f;
border-bottom: solid 1px #5b211f;
}
#menu-top {
height: 30px;
width: 100%;
margin: 0 auto;
clear: both;
background: #772f2c;
border-top: solid 1px #5b211f;
border-bottom: solid 1px #5b211f;
}
.inner {
width: 1024px;
margin: 0 auto;
padding: 0;
}
#menu {
width: 100%;
text-align: left;
height: 30px;
padding: 0px 0 0 0px;
margin-bottom: -1px;
}
#home {
float: left;
}
#iconhome {
width: 40px;
height: 30px;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/home10.png) center center no-repeat;
border-right: solid 1px #5b211f;
border-left: solid 1px #5b211f;
}
.chromestyle {
font-weight: none;
height: 35px;
float: left;
z-index: 999;
margin-top: 8px;
}
.chromestyle ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0 2px 0 0;
float: left;
}
.chromestyle ul li {
float: left;
}
.chromestyle ul li a {
color: #fff;
display: block;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
line-height: 27px;
padding: 0px 9px 8px 9px;
font-weight: bold;
text-decoration: none;
margin-left: 3px;
}
.chromestyle:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#wrapper {
text-align: left;
font-size: 12px;
margin: 0px auto;
text-align: left;
width: 1024px;
}
.chu-y {
background-color: #faf6c8;
background-position: 10px center;
background-repeat: no-repeat;
color: #9F6000;
width: 1022px;
margin: 0 auto;
height: 35px;
border-bottom: 1px dotted #D7CF74;
border-top: 1px solid #fff;
font-size: 11px;
color: #333;
clear: both;
}
#note-icon {
height: 35px;
width: 35px;
float: left;
background: url("http://i58.servimg.com/u/f58/18/67/94/07/chu-y10.png") center center no-repeat;
}
#note-content {
float: left;
padding: 10px;
}
#note-content {
float: left;
padding: 10px;
}
.chu-y a {
color: #be5704;
font-weight: bold;
}
#innerWrapper {
width: 1022px;
margin: 0 auto;
background: #fff;
margin: 0 1px;
border: 1px solid #DDD;
}
#footer {
width: 100%;
margin: 0 auto;
padding: 0;
border-top: 5px solid #772f2c;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #fff;
background: #222 url(http://i58.servimg.com/u/f58/18/67/94/07/map-bg10.png) 800px 60px no-repeat;
}
#footer #head {
background: #c33;
width: 100%;
border-bottom: 1px solid #000;
}
#footer #head #inner {
margin: 0 auto;
width: 1024px;
padding: 0;
}
#footer #head #inner #cp {
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
padding: 10px 0px;
margin: 0;
}
#footer .inner {
width: 1024px;
margin: 0 auto;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #999;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/logocn11.png) right center no-repeat;
}
#footer .inner #contact {
float: left;
width: 400px;
margin: 10px 0px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #f9f9f9;
}
#footer .inner #thongke div, #footer .inner #contact div, #footer .inner #nav-footer div {
color: #d1d6d9;
font-size: 13px;
line-height: 21px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
#footer .inner #contact div #cp {
margin-top: -10px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 12px;
color: #f6f6f6;
text-shadow: #000 1px 1px 0;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 15px;
}
#footer .inner #contact #processtime {
font-family: Tahoma,Helvetica,Verdana,sans-serif;
color: #f9f9f9;
font-size: 11px;
}
#footer .inner #contact div #admin {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_t10.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #mail {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f12.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #phone {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f11.png) left center no-repeat;
text-indent: 30px;
}
#footer .inner #contact div #add {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/icon_f10.png) left top no-repeat;
text-indent: 30px;
}
zslogin {
position: fixed;
top: 0px;
width: 100%;
text-align: center;
background: url("http://i58.servimg.com/u/f58/18/67/94/07/tranbg11.png");
height: 150%;
z-index: 999;
margin-top: -200px;
}
#mainpopup {
margin: 0 auto;
width: 550px;
text-align: center;
z-index: 999;
}
#zslogin .popup {
position: fixed;
top: 110px;
z-index: 100;
margin: 0 auto;
}
#zslogin table {
margin: auto;
border-collapse: collapse;
}
#zslogin .tl, #zslogin .tr, #zslogin .bl, #zslogin .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
#zslogin .bl {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share14.png);
}
#zslogin .tl {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share13.png);
}#zslogin .b {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share12.png);
}
#zslogin .tr {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share11.png);
}
#zslogin .br {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/9share10.png);
}
#zslogin .thantrang {
padding: 0px;
background: #fff;
width: 550px;
}#zslogin .headlogin {
color: #000;
height: 30px;
width: 100%;
font-weight: bold;
font-size: 15px;
font-family: tahoma;
text-align: Center;
}
#tieude {
float: left;
width: 200px;
font-size: 16px;
text-align: left;
height: 30px;
text-indent: 10px;
line-height: 25px;
z-index: 1;
}
#nutclose {
background: url("http://i58.servimg.com/u/f58/18/67/94/07/close10.png") top left no-repeat;
width: 78px;
height: 25px;
float: right;
cursor: pointer;
margin: 2px 0px 0px 0px;
z-index: 2;
}#zslogin .noidung {
background: #ffffff;
color: #2f252a;
padding-top: 10px;
font-family: tahoma;
font-size: 13px;
line-height: 30px;
text-align: left;
font-weight: bold;
width: 96%;
margin: 0 auto;
}
#zslogin .noidung .zsinput {
width: 280px;
height: 20px;
float: right;
font-size: 13px;
margin-right: 100px;
color: #333;
}
#zslogin .footer {
background: #f7f3f7;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 10px;
height: 35px;
width: 100%;
text-align: center;
}
.bloginyes {
background: #000000;
color: #ffffff;
cursor: pointer;
font-weight: bold;
border: 1px solid #2f252a;
padding: 5px;
margin-top: 8px;
margin-right: 20px;
}
.bloginno {
background: #efefef;
color: #313031;
cursor: pointer;
font-weight: bold;
border: 1px solid #9c9a9c;
padding: 5px;
margin-top: 8px;
margin-right: 20px;
}
#zslogin {
position: fixed;
top: 0px;
width: 100%;
text-align: center;
background: url("http://i58.servimg.com/u/f58/18/67/94/07/tranbg10.png");
height: 150%;
z-index: 999;
margin-top: -200px;
}
.announce {
background: #faf6c8;
border: 1px solid #D7CF74;
text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 13px;
display: none;
color: #505050;
clear: both;
margin-bottom: 10px;
position: relative;
}
.announce #close {
float: right;
font-weight: normal;
font-size: 10px;
position: absolute;
right: 5px;
top: 5px;
padding: 0px 6px;
background: #f2f2f2;
text-align: center;
border: 1px solid #ddd;
border-radius: 10px;
cursor: pointer;
z-index: 10;
}
.announce-content {
color: #5B5B66;
font-size: 11px;
line-height: 18px;
margin: 5px;
position: relative;
z-index: 0;
}
.sidebar {
float: right;
position: relative;
width: 290px;
margin-right: -11px;
margin-top: 47px;
}
#innerSidebar {
padding: 0;
background: #F9F9F9;
}
#innerSidebarOne {
float: right;
width: 290px;
padding: 0px;
}
.panel {
padding: 0px;
border-left: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
border-top: 1px solid #d7d7d7;
margin: 5px 0px 10px;
}
.panel h5 {
cursor: pointer;
margin: 0px;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/panel10.png) center right no-repeat;
padding: 12px 0px 15px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-family: Segoe UI Light;
text-indent: 30px;
margin-right: -8px;
margin-top: -4px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #000;
}
.panel h5 a {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: normal;
}
.panel-content {
width: 270px;
margin: 0 auto;
line-height: 180%;
color: #333;
font-size: 11px;
padding: 0px 0px 5px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
.zcms-tab {
border: 1px solid #C4CDE0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0px 0px 0px 0px;
background: url(http://i58.servimg.com/u/f58/18/67/94/07/linez10.png) repeat-x scroll left bottom #FFFFFF;
}
.zcms-tab ul#mntabs {
background: #F6F7F8;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
border-bottom: 1px solid #D3D6DB;
width: 99.3%;
height: 30px;
padding: 3px;
list-style: none;
float: left;
display: block;
}
.zcms-tab ul#mntabs li {
margin: 1px 0px 0px -3px;
list-style: none;
float: left;
}
.tabs-thongbao {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/ui410.png) no-repeat 0px 0px;
padding-left: 17px;
padding-bottom: 2px;
}
.zcms-tab .products {
height: auto;
overflow: hidden;
position: relative;
margin-top: 0px;
padding: 0px 5px;
}
/* fb_Vote - DEVs.forumvi.com */
.vote-Zzbaivong, .vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{margin-left:13em} /* 13em là khoảng cách đến mép trái, sửa nó về 0 hoặc số khác nếu bị lệch */
.vote-Zzbaivong{float:left;height:26px;line-height:24px;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-minus-post{left:120px}
.vote-note{height:20px;line-height:20px;font-size:11px;background:#ffffd3;border:1px solid #F7EB93;margin-bottom:2px;padding:0 5px}
.vote-mess{width:200px;resize:vertical;min-height:40px;height:40px}
.vote-Zzbaivong .vote-send{width:36px;margin-top:0!important;margin-left:2px;cursor:pointer;text-align:center;vertical-align:top;height:40px;background:#0085FF;border:1px #87CEEB;color:#FFF}
.vote-plus-post:before,.vote-minus-post:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E2E2E2;position:absolute;left:10px;width:10px;right:-10px;top:-10px}
.vote-plus-post:after,.vote-minus-post:after{content:'';display:inline-block;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;position:absolute;left:11px;right:-9px;width:9px;top:-9px}
.vote-plus{background:url(http://i57.servimg.com/u/f57/17/05/17/70/like10.png) no-repeat 5px 2px #deeaf7;height:24px;border:1px solid #C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:0 5px 0 25px}
.vote-plus:hover{border-color:#6A9AD6}
.vote-plus[href="javascript:;"]{color:#666!important;background-color:#DDD;cursor:no-drop;background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/gpqbxh10.png);border-color:#CCC}
.vote-time{position:relative;border-radius:2px;display:inline-block;height:24px;line-height:22px;border:1px solid #D8D7D7;margin:auto 5px;padding:0 5px}
.vote-time:before{content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #CCC;position:absolute;left:-6px;width:6px;top:5px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #fff;position:absolute;left:-5px;width:5px;top:6px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
#GO-quickrep .repnotice{background-color:#d9ffd1;background-image:url(http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png);background-position:10px center;background-repeat:no-repeat;border:1px solid #36bf00;display:block;font-size:15px;font-weight:700;height:40px;line-height:35px;margin:20px auto;padding:5px;text-align:center;width:50%}
#GO-quickrep .previewdata{background:#fcfcfc;border:1.5px solid #D5D5D5;margin:20px auto;width:97%}
#GO-quickrep .buttonrep #sendrep:focus,#GO-quickrep .buttonrep #preview:focus,#GO-quickrep #backpreview:focus,#GO-quickrep .buttonrep #re-advance:focus{outline:none}
#GO-quickrep #repsmile{background:#F7F7F7;border:1px solid #D5D5D5;display:none;margin-left:15%;margin-top:35px;min-height:100px;padding:3px;position:absolute;width:600px}
#GO-quickrep #repcolour td{border:1px solid #AAA;float:left;height:13px;margin:0 2px 2px 0;outline:0 none;width:13px}
#GO-quickrep #repcolour table:last-child{background-color:transparent!important}
#GO-quickrep #repcolour{background:#F7F7F7;border:1px solid #D5D5D5;display:none;margin-left:20%;margin-top:35px;max-width:400px;min-height:100px;padding:3px;position:absolute}
#GO-quickrep .go-bbcodeimg,#GO-quickrep .senddata{background:#fff;border:1px solid #D5D5D5;color:#000;display:none;height:100px;margin-top:20px;padding:3px;position:absolute;width:230px}
#GO-quickrep #bbcodeimg,#GOdata{border-radius:none;display:block;margin-left:auto;margin-right:auto;margin-top:10px;min-height:20px!important;outline:none;padding:5px;width:70%!important}
#GO-quickrep #gorep{border:1px solid #B6B6B6;border-radius:none;display:block;margin:auto;min-height:50px!important;outline:none;width:97%!important}
#GO-quickrep .buttonimg,#GO-quickrep .buttonwall{background-color:#2797f2!important;border:none;color:#fff!important;cursor:pointer;display:block;font-size:12px;font-weight:700;height:25px;margin:10px auto;min-width:50px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep #backpreview{margin-left:1.5%}
#GO-quickrep .buttonrep #re-advance{-moz-transition:all .2s ease;-ms-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:#000!important;color:#FFF!important;float:right!important;margin-right:1.5%;o-transition:all .2s ease;transition:all .2s ease}
#GO-quickrep #backpreview{margin-top:-20px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep .buttonrep #preview,#GO-quickrep .buttonrep #re-advance,#GO-quickrep #backpreview{background-color:#2797f2;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;height:40px;min-width:80px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep:hover,#GO-quickrep .buttonrep #preview:hover,#GO-quickrep #backpreview:hover,.buttonimg:hover{background-color:#7fc5ff;color:#fff}
#GO-quickrep .bbcode{border:none;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:700;height:30px;margin:auto;width:97%}
#GO-quickrep .bbcode span{-moz-border-radius:2px;-moz-box-shadow:inset 0 7px 10px #FFF;-webkit-border-radius:2px;-webkit-box-shadow:inset 0 7px 10px #FFF;border:1px solid #CCC;border-radius:2px;box-shadow:inset 0 7px 10px #FFF;color:#888;cursor:pointer;display:block;float:left;margin-right:3px;padding:4px 10px;text-shadow:0 1px #FFF}
#GO-quickrep .bbcode span:hover{border:1px solid #006adb;color:#000}
#GO-quickrep .buttonrep #re-advance:hover{background-color:#2797f2!important;color:#FFF!important}
#GO-quickrep textarea:focus,#GO-quickrep #bbcodeimg:focus{border:1px solid #0081eb!important;outline:none}
#GOeditor{background: #f5f5f5;border:1px solid #B6B6B6;box-shadow:0 0 3px rgba(0,0,0,0.15);margin:auto;min-height:50px;padding:5px;width:70%}
#GO-quickrep #backpreview,#GO-quickrep .repnotice,#GO-quickrep #repcolour form tr:first-child,#repcolour td:first-child,#repcolour td:nth-child(2),#repcolour td:nth-child(3){display:none}
#GO-quickrep {
background: #fcfcfc;
border: 1px solid #D5D5D5;
display: block;
margin: 10px auto;
max-width: 65%;
padding: 3px;
}
/* Latest topics */
#left{margin:30px 0}
#left td{width:25%;vertical-align:top;border:0 none;padding:10px 0!important}
#left .double{padding-left:0;border-left:0;width:53%}
#left li{position:relative;width:100%;list-style-type:none;height:23px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:100%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-bottom:0;padding-left:20px;margin-left:23px}
#left ul{height:125px}
#left ul#recent_topics{margin-left:-23px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777;font-weight:600}
#left th{width:25%;vertical-align:middle;text-align:left;background:#FFF;border:0 none!important;font-weight:700}
th.topicLast{border-top:1px solid #F3F3F3!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important;}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
/* Paging */
.paging.memlist a{background-color:#FFF!important}
.paging{width:50%;font-family:Trebuchet MS;font-size:0px!important;color:transparent}
.paging a,.paging b,.paging input{font-size:14px!important;border-color:#666;border-style:solid;border-width:1px 0;padding:3px 6px;}
.paging a:hover,.paging b{background-color:#000!important;border-radius:4px 4px 4px 4px;color:#FFF;visibility:visible;margin:-1px;padding:7px;}
.paging > a:last-child{border-right:1px solid #666;}
.paging > a:nth-child(2){border-left:1px solid #666;}
.sprite-arrow_prosilver_right{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558611.png) no-repeat scroll 100% center transparent;height:10px;width:10px}
.sprite-arrow_prosilver_left{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558610.png) no-repeat scroll -1px center transparent;height:10px;width:10px}
form[name="go_page"] .forumline{background:none repeat scroll 0 0 #FFF}
form[name="go_page"] .button{background-color:#4BB7F9;border:1px solid #3F95CB;color:#FFF;font-weight:700;padding:0 5px}
form[name="go_page"] .bginput{border:1px solid #F3F3F3;height:18px}
form[name="go_page"] .row1,form[name="go_page"] .thHead{padding:5px 0}
form[name="go_page"] .thHead{background:none repeat scroll 0 0 #666;color:#FFF}
/* Spoiler + code + quote */
.codebox{background:transparent;border:0 none;margin:0 0 10px}
.codebox dd{background:transparent;margin:0;padding:0}
.codebox > dt{position:relative;background:url(http://i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center #777;color:#FFF;border:1px solid #e2e2e2;height:30px;border-bottom-width:0;line-height:26px;padding:2px 10px 0 30px;width:90px}
.codebox dd.cont_code{background:#FFF;max-height:300px;overflow:auto;border:1px solid #e2e2e2}
.cont_code > code{white-space:pre;display:block;line-height:17px;padding:10px}
.codebox.spoiler{border:1px solid #e2e2e2}
.codebox.spoiler > dt{border:0;background:url(http://i83.servimg.com/u/f83/16/58/89/73/icon-a10.gif) no-repeat 10px center #777;width:100%}
.codebox > dt:hover{color:#333;background-color:#F2F2F2}
.spoiler_content{color:#333;margin:10px 20px}
.postmain blockquote{border-color:#DDD;color:#333;position:relative;margin:0 0 10px 10px;padding:10px 15px!important}
.postmain cite{font-size:13px;text-decoration:underline;background:url(http://i83.servimg.com/u/f83/16/58/89/73/commen10.gif) no-repeat left 2px transparent;margin:0!important;padding:0 0 3px 20px}
.postmain blockquote:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #CCC;position:absolute;top:10px;left:-10px}
.postmain blockquote:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-9px}
table[width="90%"]{color:#333;width:100%}
/* Quickreply */
.left-box{float:left}
.right-box{text-align:right}
#pun-qpost .frm-set{border:0 none;padding:0}
#quick_reply .frm-buttons{text-align:center;border-top:0 none}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited{background-image:url(http://r19.imgfast.net/users/1911/13/87/62/album/th/giupdo10.png)}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto}
/* Lightbox @leandrovieira ver 0.5 */
#jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}
#lightbox-container-image-data{color:#666;padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
/* Tooltip */
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
#tooltip .statusAva{margin:0}
/* fb_Vote - DEVs.forumvi.com */
.vote-Zzbaivong, .vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{margin-left:13em} /* 13em là khoảng cách đến mép trái, sửa nó về 0 hoặc số khác nếu bị lệch */
.vote-Zzbaivong{float:left;height:26px;line-height:24px;position:relative;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-minus-post{left:120px}
.vote-note{height:20px;line-height:20px;font-size:11px;background:#ffffd3;border:1px solid #F7EB93;margin-bottom:2px;padding:0 5px}
.vote-mess{width:200px;resize:vertical;min-height:40px;height:40px}
.vote-Zzbaivong .vote-send{width:36px;margin-top:0!important;margin-left:2px;cursor:pointer;text-align:center;vertical-align:top;height:40px;background:#0085FF;border:1px #87CEEB;color:#FFF}
.vote-plus-post:before,.vote-minus-post:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E2E2E2;position:absolute;left:10px;width:10px;right:-10px;top:-10px}
.vote-plus-post:after,.vote-minus-post:after{content:'';display:inline-block;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;position:absolute;left:11px;right:-9px;width:9px;top:-9px}
.vote-plus{background:url(http://i57.servimg.com/u/f57/17/05/17/70/like10.png) no-repeat 5px 2px #deeaf7;height:24px;border:1px solid #C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:0 5px 0 25px}
.vote-plus:hover{border-color:#6A9AD6}
.vote-plus[href="javascript:;"]{color:#666!important;background-color:#DDD;cursor:no-drop;background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/gpqbxh10.png);border-color:#CCC}
.vote-time{position:relative;border-radius:2px;display:inline-block;height:24px;line-height:22px;border:1px solid #D8D7D7;margin:auto 5px;padding:0 5px}
.vote-time:before{content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #CCC;position:absolute;left:-6px;width:6px;top:5px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #fff;position:absolute;left:-5px;width:5px;top:6px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
- index_body:
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<style>
.main-head1 {
background: #171f35;
color: #FFF;
font-size: 12px;
font-weight: 700;
padding: 15.5px;
}
page-title1 {
font-size: 12px;
font-weight: 400;
}
page-title1 {
font-size: 12px;
font-weight: 400;
}
.page-title1 h2 {
color: #fff;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
background: #cc3333;
padding: 8px 5px;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
FLOAT: Left;
margin-top: -15px;
}
</style>
<!-- BEGIN disable_viewonline -->
<div class="main1"><div class="main-head1"><div class="page-title1"><b><h2>Tình Hình Diễn Đàn</h2></b></div></div><div class="main-content"><br><div style="padding-left:20px"><img src="http://i37.servimg.com/u/f37/17/47/85/23/wall10.gif"> {TOTAL_POSTS}</div> <br> <div style="padding-left:20px"><img src="http://i36.servimg.com/u/f36/17/46/03/61/chart10.png"> {TOTAL_USERS}</div> <br><div style="padding-left:20px"><img src="http://i37.servimg.com/u/f37/17/47/85/23/profil10.gif"> {NEWEST_USER}</div> <br></div> </div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
- index_box:
- Code:
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div id="indexBox" class="main avatarBox">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_FORUM}</th>
<th class="tc2">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
</span>
<h3 class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h3>
<div class="desc">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"/>
{catrow.forumrow.FORUM_DESC} </div>
<span class="topic4r stat4r">Chủ đề: <strong>{catrow.forumrow.TOPICS}</strong></span>
<span class="post4r stat4r">Bài viết: <strong>{catrow.forumrow.POSTS}</strong></span>
<span class="sub4r stat4r"></span></td>
<td class="tcr">
<div class="statusAva"><span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
nav
![Skin cntt-k3 Editor ver 1.0[✔] Blueprint_HorizontalDropDownMenu](https://2img.net/h/codropspz.tympanus.netdna-cdn.com/codrops/wp-content/uploads/2013/03/Blueprint_HorizontalDropDownMenu.jpg)
http://tympanus.net/codrops/2013/03/05/horizontal-drop-down-menu/ cho ai thícĐược sửa bởi bucnong1 ngày 4/2/2014, 11:46 am; sửa lần 2.
bucnong1- CPMember
-
Ngày đăng ký : 23/02/2012
Số bài : 364
CPP : 217
Châm ngôn sống : div class :3 -
Re: Skin cntt-k3 Editor ver 1.0[✔]
by bucnong1 4/2/2014, 9:53 am
- overall_footer_begin:
- Code:
<script src="https://dl.dropboxusercontent.com/u/57978077/New%20Folder/jquery.js" type="text/javascript"></script>
<!-- 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">
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
<fieldset>
<p><label>{L_JUMP_TO}: </label></p>
{S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
</fieldset>
</form>
<ul>
<li>
<li> <script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=zongshenlogin]').facebox()
})
</script>
</li>
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
<!-- END html_validation -->
<!-- BEGIN switch_user_logged_out -->
<div id="zslogin" style="top: 22px; left: 0px; display: none;">
<div id="mainpopup">
<div class="popup">
<table> <tbody>
<tr>
<td class="tl"></td><td class="b"></td><td class="tr"></td>
</tr> <tr> <td class="b"></td>
<td class="thantrang">
<script type="text/javascript">//<![CDATA[
$(function(){$('#signin').attr('action','/login?redirect=/h3-page'+this.location.pathname);});//]]></script>
<form name="register" method="post" action="/login.forum?redirect=/h3-page" class="dangnhap" id="signin">
<div class="headlogin">
<div id="tieude">Đăng nhập</div>
<div id="nutclose" class="close_image close" src="facefiles/huybo.jpg"></div>
</div> <div class="noidung">
<b>Tài khoản:</b>
<input name="username" type="text" id="username" class="zsinput" value="">
<input type="hidden" name="urlreturn" value="javascript:history.go(-1)"><br>
<b>Mật khẩu:</b>
<input type="password" class="zsinput" name="password" value="" id="login_password"> <br>
<center>
<input name="autologin" type="checkbox" id="savecookie" value="1" checked="checked"> Ghi nhớ đăng nhập </center>
</div>
<div class="footer">
<input type="submit" name="login" class="bloginyes" value="Đăng nhập">
<input type="reset" onclick="$("#dang_ky").fadeIn("slow");" class="bloginyes" value="Đăng ký">
<input type="reset" value="Làm lại" class="bloginno">
</div>
</form>
<form name="register" method="post" action="/register?agreed=true&step=2" class="dangky">
<div id="dang_ky" style="display:none;">
<div class="headlogin">
<div id="tieude">Đăng ký thành viên</div>
<div id="nutclose" onclick="$("#dang_ky").fadeOut("slow");"></div>
</div><div></div>
<div class="noidungdangky">
<div class="noidung">
<b>Tài khoản: </b>
<input type="text" class="zsinput" name="username"><br>
<b>Mật khẩu: </b>
<input type="password" class="zsinput" name="password"><br>
<b>Lặp lại: </b>
<input type="password" class="zsinput" name="confirmpsw"><br>
<b>Email: </b>
<input type="text" class="zsinput" name="email"><br>
<b>Giới tính:</b>
<input type="radio" name="gender" value="0">Không rõ <input type="radio" name="gender" value="1">Nam <input type="radio" name="gender" value="2">Nữ <br>
</div>
<div class="footer">
<input type="submit" name="submit" class="bloginyes" value="Đăng ký">
<input type="reset" value="Làm lại" class="bloginno">
</div>
</div>
</div>
</form>
</td>
<td class="b"></td>
</tr>
<tr>
<td class="bl"></td><td class="b"></td><td class="br"></td>
</tr>
</tbody>
</table> </div>
</div> </div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div id="zslogin" style="top: 66.5px; left: 0px; display: none;">
<div id="mainpopup">
<div class="popup">
<table>
<tbody>
<tr>
<td class="tl"></td>
<td class="b"></td><td class="tr"></td> </tr>
<tr> <td class="b"></td>
<td class="thantrang" style="background: rgba(0, 0, 0, .8);">
<div class="headlogin" style="font-weight: bold; color: rgb(211, 211, 211); padding: 5px 0 9px; margin: 3px 0 9px; border-bottom: 1px solid rgb(100,100,100);">
<div id="tieude">Trỉnh sửa lí lịch</div>
<div id="nutclose" class="close_image close" src="facefiles/huybo.jpg"></div>
</div>
<div class="noidung">
<div id="memberCard10" data-overlayclass="memberCard" style="margin-top: -20px;">
<div class="avatarCropper" style="
float: left; border: none; padding: 0; position: relative;
width: 192px; height: 192px; direction: ltr;
">
<a class="avatar NoOverlay Av10l" href="/profile?mode=editprofile&page_profil=avatars" style="
">
<div id="avatar1"><span class="vf_avatar_user"></span></div>
<script type="text/javascript">$(function() {var logoutlink = $('a.mainmenu[href*="/login?logout"]').attr("href");$('.logoutt a[href="#logout"]').attr("href", logoutlink);jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) { link = jQuery('#ucp .frm dl dd img', data).attr('src'); if(link){ jQuery('#avatar1').html('
<span class="useravatar1">
<img src="'+link+'" alt=""/></span>'); }else{ jQuery('#avatar1').html(''); } }); });</script>
</a>
</div>
<div class="userInfo" style="margin-left: 205px; font-size: 11px;">
<h3 class="username" style="font-size: 18px; color: #FFF!important; ">
Welcome <strong><a href="/profile?mode=editprofile"><strong{LOGGED_AS}</strong></a></strong>
</h3><br>
<div class="userTitleBlurb">
<a title="Cài đặt thông tin cá nhân" href="/profile?mode=editprofile" style="z-index: 10000;">» Cài đặt</a>
<a class="profile_link" title="Your Profile" style="margin-right: 100px; z-index: 10000;float: right; max-width: 100%; text-align: right;" href="/profile?mode=editprofile">» Thông tin</a>
<br>
<a title="Thay đổi avatar" href="/profile?mode=editprofile&page_profil=avatars" style="z-index: 10000;">» Thay Avatar</a>
<a style="margin-right: 90px; z-index: 10000;float: right; max-width: 100%; text-align: right;" href="/profile?mode=editprofile&page_profil=signature">» Sửa chữ ký</a>
<br>
<a href="/search?search_id=egosearch" title="My Posts" style="z-index: 10000;">» Bài của tôi</a>
<a style="margin-right: 107px; z-index: 10000;float: right; max-width: 100%; text-align: right;" href="/faq" style="z-index: 10000;">» Trợ giúp</a>
</div>
<div class="userLinks" style="font-weight: bold; color: rgb(211, 211, 211); padding: 5px 0 9px; margin: 3px 0 9px; border-bottom: 1px solid rgb(100,100,100);">
<a href="{U_PRIVATEMSGS}">
<div><b style="
font-size: 15px;
">{PRIVATE_MESSAGE_INFO}</b></div>
</a>
</div>
<dl class="userStats pairsInline" style="">
</dl>
<span class="USERNAME" style="
color: #F01515;">Bạn là: </span>
<span class="USERBIRTHDAY">Sinh nhật: </span>
<br><span class="USERCOUNTPOST" style="
color: #3ACC1E;
">Bài Gửi: </span>
<br>
<span class="USERREGDATE">Ngày tham gia: </span>
<br>
<span class="USERLASTVISIT">Ghé thăm gần đây nhất:</span>
<dl class="pairsInline lastActivity" style="padding-top: 9px; margin-top: 9px; border-top: 1px solid rgb(100,100,100);">
<dt><span class="FORUMNAMELINK">Chào mừng bạn đã đến với Diễn Đàn:</span> </dt>
<br> Hãy cập nhật thông tin chính xác nhá !!!
<dd>
</dd>
</dl></div><a class="close OverlayCloser"></a></div></div>
</td> <td class="b"></td> </tr> <tr> <td class="bl"></td><td class="b"></td><td class="br"></td> </tr> </tbody> </table> </div> </div></div>
<style>
#zslogin .noidung {
background: #000!important;
color: #2f252a;
font-family: tahoma;
font-size: 13px;
font-weight: 700;
line-height: 20px!important;
margin: 0 auto;
padding-top: 1px!important;
text-align: left;
width: 96%;
}#zslogin .headlogin {
color: #FFF!important;
font-family: tahoma;
font-size: 15px;
font-weight: 700;
height: 30px;
text-align: Center;
width: 100%;
}
.avatar {
background-color: #fff;
border: 0px solid #1f537b;
width: 50px;
}
.avatar1 img {
width: 192px;
height: 192px;
}
</style>
<!-- END switch_user_logged_in -->
- 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="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('#fa_ticker_content').css('display','block');
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main">
<div id="login_popup_title" class="main-head">
<div class="h3">{SITENAME}</div>
</div>
<div class="main-content">
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button2" value="{L_LOGIN}" />
<input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
<a id="top" name="top" accesskey="t"></a>
<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE">
<div id="top-nav">
<div class="inner">
<div class="thoigian" id="clock">
</div>
<a class="redvn-logo" href="/forum" title="Diễn Đàn Cntt-k3" style="
background-image: url(http://i38.servimg.com/u/f38/16/58/45/96/logoit10.png);
background-repeat: no-repeat;
height: 31px;
padding: 0px;
width: 103px;
position: absolute;
"></a>
<!-- BEGIN switch_user_logged_out -->
<div id="loginpro">
<div id="chao"><a title="Đăng nhập/đăng ký" href="#login" rel="zongshenlogin"><b>Đăng nhập or Đăng Ký</b>
</div>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div id="loginpro">
<div id="chao"><a title="Kick để xem lí lịch" href="#login" rel="zongshenlogin"><b>Lí lịch</b>
<img alt="down icon" class="tiled-icon" style="width: 14px; height: 10px; " src="http://png-3.findicons.com/files/icons/977/rrze/32/sort_down.png" data-private-src="/icons/117795/243952/16/raster">
</a> | <a href="/">Trang chủ</a> | <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
</div>
</div>
<!-- END switch_user_logged_in -->
</div>
</div>
<script src="https://dl.dropboxusercontent.com/u/57978077/New%20Folder/FAv.js" type="text/javascript">
/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<body onload="_l='t';">
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#s1">Menu 1</a>
<span id="s1"></span>
<ul class="subs">
<li><a href="#">Header a</a>
<ul>
<li><a href="#">Submenu x</a></li>
<li><a href="#">Submenu y</a></li>
<li><a href="#">Submenu z</a></li>
</ul>
</li>
<li><a href="#">Header b</a>
<ul>
<li><a href="#">Submenu x</a></li>
<li><a href="#">Submenu y</a></li>
<li><a href="#">Submenu z</a></li>
</ul>
</li>
</ul>
</li>
<li class="active"><a href="#s2">Menu 2</a>
<span id="s2"></span>
<ul class="subs">
<li><a href="#">Header c</a>
<ul>
<li><a href="#">Submenu x</a></li>
<li><a href="#">Submenu y</a></li>
<li><a href="#">Submenu z</a></li>
</ul>
</li>
<li><a href="#">Header d</a>
<ul>
<li><a href="#">Submenu x</a></li>
<li><a href="#">Submenu y</a></li>
<li><a href="#">Submenu z</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="http://www.script-tutorials.com/css3-responsive-menu/">Back to Responsive menu tutorial</a></li>
</ul>
</body>
<br>
<div id="wrapper">
<div id="innerWrapper">
<div class="chu-y"><div id="note-icon"></div>
<!-- BEGIN switch_user_logged_out -->
<div id="note-content"><b>Note:</b> Chào mừng bạn đến với <b>Cntt-k3.com</b>. Hãy <a rel="nofollow" title="Đăng ký thành viên" href="/register"><b>Đăng ký thành viên</b></a> hoặc <a title="Đăng nhập/đăng ký" href="#login" rel="zongshenlogin"><b>Đăng nhập</b></a> để có thể tham gia cùng Cntt-k3 nhá !
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div id="note-content"><b>Note:</b> Chúc mừng bạn đã đăng nhập thành công trên <b>Cntt-k3</b>. Giờ bạn có thể đăng <a rel="nofollow" title="hỏi đáp - thắc mắc" href="http://www.cntt-k3.com/f101-forum"><b>Hỏi đáp - Thắc mắc</b></a> Và <b>Viết Bài</b></a> nhá</div>
<!-- END switch_user_logged_in -->
</div>
<div class="pun">
<div id="pun-head">
</div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="main">
<div id="main-content">
<!-- BEGIN html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div></div>
</body>
</html>
<!-- END html_validation -->
- overall_footer_end:
- Code:
<!-- BEGIN html_validation -->
<!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">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
<div class="footer" original-title=""></div>
<script src="http://my-project-na.googlecode.com/files/FMvar.js"></script>
<script>$(function() {$(".tag div").click(function() {$(".active").removeClass("active");$(this).addClass("active");var a = $(this).attr("data");0 != a ? ($("#loading").show(),$("#loadddddd").load("/f" + a + "-forum .table tr", function() {var b = "";for(i = 1;i < $("#loadddddd tr").length;i++) {b = b + '<li><span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">' + $(this).find('tr:eq('+i+') .topic-title').html() +'</span> <span style="float: right;margin-right: -7px;">' + $(this).find('tr:eq('+i+') td.tcr strong').html() + '</span></li>'}$(".activea").removeClass("activea");$(".forum" + a).addClass("activea").html(b);$("#loading").fadeOut();})) : ($(".activea").removeClass("activea"), $(".forum" + a).addClass("activea"))})});</script>
<style>
.footer {
border-top: 5px solid #6cb2e4;
padding-top: 2px;
background-color: #2B2F33;
}
#noelevent {
position: fixed;
bottom: 0;
display: block;
width: 100%;
}#noelevent div a {
background: url(http://i58.servimg.com/u/f58/18/67/94/07/sticky10.png) no-repeat 0px 0px;
display: block;
width: 892px;
height: 61px;
text-align: center;
color: #e8ca56;
line-height: 97px;
font-size: 15px;
}
#noelevent div a {
text-align: center;
color: #e8ca56;
line-height: 97px;
font-size: 15px;
}</style>
bucnong1- CPMember
-
Ngày đăng ký : 23/02/2012
Số bài : 364
CPP : 217
Châm ngôn sống : div class :3 -
Chúa Tể Địa Ngục- CPYellowMember
-
Ngày đăng ký : 15/07/2013
Số bài : 2203
CPP : 380
Châm ngôn sống : Không có gì cả :v -
đẹp có demon onl không ?
sps.kủn- CPMember
-
Ngày đăng ký : 22/12/2013
Số bài : 45
CPP : 74
Châm ngôn sống : Dao có mài mới sắc, người có học mới nên. -
anhdaodaica1- CPPurpleMember
-
Ngày đăng ký : 01/03/2011
Số bài : 857
CPP : -16 -
Re: Skin cntt-k3 Editor ver 1.0[✔]
by kinô 7/2/2014, 1:06 pm
có vẽ như forum em bị lệch ấy nhỉ
http://vip9x.forum-viet.com/
http://vip9x.forum-viet.com/
kinô- CPMember
-
Ngày đăng ký : 14/06/2011
Số bài : 48
CPP : 5
Châm ngôn sống : chết liệu có hết ? :D -
Re: Skin cntt-k3 Editor ver 1.0[✔]
by subin217 27/7/2014, 8:57 am
Kết cái thanh nav ở Overall_header mỗi lần chỉnh sửa mệt đấy. Skin đẹp vote cho bác
subin217- CPMember
-
Ngày đăng ký : 07/02/2014
Số bài : 414
CPP : 169
Châm ngôn sống : Kéo quân qua đánh JavaScript và JQuery -
Re: Skin cntt-k3 Editor ver 1.0[✔]
by khaiproqn81 6/8/2014, 10:31 am
Kiếm cái view của DEVs mà bác không share 
khaiproqn81- CPMember
-
Ngày đăng ký : 06/04/2014
Số bài : 51
CPP : -7
Châm ngôn sống : Trên con đường của sự thành công thì không có vết chân của sự lười biếng -
Similar topics» [Skin] Cntt-k3 editor ver 1.1 GTA V[✔]
» [Skin] share skin cntt-k3 Facebook profile 2012 Full Mod 1
» Share skin Cntt-k3 ( 2014 ) Mừng xuân [✔]
» Skin CNTT-K3 2015 (Full Mod)[✔]
» [Thắc mắc] Cần Giúp Đỡ Skin Cntt-k3 Bị Mất Hình Ảnh Post Lên
» [Skin] share skin cntt-k3 Facebook profile 2012 Full Mod 1
» Share skin Cntt-k3 ( 2014 ) Mừng xuân [✔]
» Skin CNTT-K3 2015 (Full Mod)[✔]
» [Thắc mắc] Cần Giúp Đỡ Skin Cntt-k3 Bị Mất Hình Ảnh Post Lên
CHINH PHỤC :: KHU VỰC CHIA SẺ :: Skin
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết|
|
|