ST.Kun
[Share] Skin Đồ Họa Ver 4
on 27/05/2013ST.Kun
loading...
Demon nhé : http://dohoa-vn5.forumvi.com/
CSS :
- Code:
/* box con tá»± auto */
#smallrum{padding: 0.8em 1em; margin: 3px 1px;
background: #DDD url(http://i34.servimg.com/u/f34/17/54/30/53/box-bg10.gif) center top fixed;
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
/* nền */
body{
background: #000000 url("http://i46.servimg.com/u/f46/15/86/65/76/page10.png ") repeat bottom center fixed ;
color:#474747;
font-family:tahoma,helvetica,arial,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
/* thanh nav */
#navbar{
background: rgba(0,0,0,0.75);
height: 50px;
}
#navbar { height: 50px; background: rgba(0, 0, 0, 0.75);}
#topnav, #topnav ul { margin: 0; padding: 0; z-index: 999;}
#topnav li { float: left; margin: 0; padding: 0; position: relative; list-style: none;}
#topnav > li { margin-right: 1px;}
#topnav li a { display: block; line-height: 50px; padding: 0 15px; color: #adadad; font-size: 13px; text-decoration: none; transition: all 0.2s ease-out;}
#topnav li a.active { background: #CC33FF ; color: #fff; font-weight: bold;}
#topnav li:hover > a { background: #CC33FF ; color: #fff;}
#topnav li ul { position: absolute; width: 200px; left: -999em; padding: 5px 0; background: #000000;}
#topnav li li { width: 200px; height: auto; padding: 0; margin: 0;}
#topnav li li a { display: block; width: 170px; margin: 0 5px; padding: 0 10px; color: #d2d2d2; height: auto; float: none; line-height: 30px; font-size: 12px;}
#topnav li:hover ul { left: 0; top: 50px;}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul { top: -999em; left: auto; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul { left: 176px; top: 0;}
#button_login, #button_register, #button_logout { display: none;}
#account li a:hover {background: #ff0000
}
#quicknav li.social a:hover {
background-color: #3d3d3d;}
.wrapper {
margin: 0 auto;
width: 950px;
}#account {
float: right;
}#quicknav {
float: left;
margin: 0;
}#account ul {
margin: 0;
padding: 0;
list-style: none;
}#account li {
float: left;
list-style: none;
height: 50px;
line-height: 50px;
margin: 0 0 0 1px;
padding: 0;
}#account li.signin a {
background: #4D4D4D;
}
#account li.signin a, #account li.signup a {
padding: 0 20px;
}
#account li a {
display: block;
text-decoration: none;
color: #fff;
font-size: 13px;
padding: 0 15px;
background: #4D00FF;
}
.menunav{
height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: #2C2C2C;
background-image: -moz-linear-gradient(top, #333, #222);
background-image: -ms-linear-gradient(top, #333, #222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
background-image: -webkit-linear-gradient(top, #333, #222);
background-image: -o-linear-gradient(top, #333, #222);
background-image: linear-gradient(top, #333, #222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
position: fixed;z-index: 100;
}
.n-search .search-query {
min-height: 1px;
display: block;
width: 163px;
height: 14px;
padding: 6px 27px 6px 12px;
font-size: 12px;
line-height: 1;
color: rgb(102, 102, 102);
background-color: rgb(204, 204, 204);
border: 0px none;
border-radius: 13px 13px 13px 13px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
-moz-transition: all 0.2s ease-in-out 0s;
}
.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;width:960px;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:center}
.menunav ul li a{border-right: 1px solid #454545;color:#FFF;display:block;float:left;font-weight:bold;height:30px;padding:10px 14px 0;text-align:center;z-index:10}
.menunav ul li a:hover,.menunav ul li .active{color:#FFF;display:block;height:23px;padding-top:10px;text-align:center;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:1px solid #474747;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{height:23px!important;padding:0!important}
.icon1, .menunav ul a.ico_home, .menunav ul a.ico_home:hover {background: url("http://i48.servimg.com/u/f48/17/18/08/55/_home10.png") no-repeat scroll 0 0 transparent;height:25px!important;}
.menunav { width:100%;}
a {
font-weight: bold;
}
.i-search{background-position:-48px 0;}
.n-search{position:relative;float:left;margin-top:6px;margin-bottom:0}
.n-search .search-query{min-height:1px;display:block;width:163px;height:14px;min-height:auto 9;padding:6px 27px 6px 12px;font-size:12px;line-height:1;color:#666;background-color:#CCC;border:0;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}.n-search .search-query:-moz-placeholder{color:#cccccc}
.n-search .search-query::-webkit-input-placeholder{color:#cccccc}
.n-search .icon{position:absolute;top:7px;left:173px;display:block;width:26px;height:26px;cursor:pointer}
/* thanh end */
.end{background: none;height: 35px;}
.end ul{height:30px;margin:0 auto;padding:0px;position:relative;}
.end ul li{display:inline;height:30px;margin:0;text-align:center}
.end ul li a{margin-left:10px;background:#B800F5;color: #fff !important;display:block;float:right;font-weight:bold;height:25px;padding:10px 14px 0;text-align:center;z-index:10}
.end ul li a:hover,.end ul li .active{margin-top:0px;background:#CC33FF;color:#000;display:block;height:25px;padding-top:10px;text-align:center;z-index:10}
.pun { margin: 0 auto; padding: -10px; width: 950px; background: rgba(255, 255, 255, 1);background-image: url(' '); }
.newtopic{clear:both}
#chatbox > p span.user > span strong {
display: none;
}
#chatbox > p span.user > span:after {
content: '. ';
}
/* Số trang - paging - www.fmvi.vn */
.posting,.paging{margin:7px 0 0}
.paging.memlist a{background-color:#FFF!important}
.paging{width:50%;font-family:Trebuchet MS;font-size:0px!important;color:transparent;visibility:hidden}
.paging a,.paging b,.paging input{text-decoration:none;font-size:14px!important;visibility:visible;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 #DDD;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}
/* Avatar in index */
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
#chatbox > p span.user > span strong {
display: none;
}
#chatbox > p span.user > span:after {
content: '. ';
display: none;
}
.duongvien { background:white; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #AAAAAA; } .duongvien:hover { -moz-box-shadow: 0px 0px 5px black; -webkit-box-shadow: 0px 0px 5px black; border: 0px; } .title {background: url(sieusaohsf/top-quote.png) no-repeat 0px 10px; padding-left: 20px; }
.lastpost-avatar a.inx img {
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 1px;
border: 1px solid #DDD;
border-image: initial;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 1px;
float: left;
height: 40px;
margin: 2px 5px;
max-height: 200px;
max-width: 200px;
padding: 1px;
width: 40px;
margin-left: 5px;
}
.pun .post .user {
margin-top: 0;
background: #FFFFFF;
background-image: url();
background-size: 100% 100%;
position: relative;
}
/* Main */
.main .main-head-quangcaobenphai
{ background-color: #000000;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid rgba(13, 58, 236, 0.21);
-moz-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
-webkit-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2),0px 1px 1px rgba(255, 255, 255, 0.4);}
.main .main-head
{ background-color: #000000;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid rgba(13, 58, 236, 0.21);
-moz-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
-webkit-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2),0px 1px 1px rgba(255, 255, 255, 0.4);}
.main .main-head-quangcaobenphai {
font-weight: bold;
font-size: 12px;
color: #555;
background: #EDEDED url('http://i39.servimg.com/u/f39/17/79/47/51/highli10.png') repeat-x 0 0;
padding: 8px;
border-top: 1px solid #DDD;
border-right: 1px solid #DDD;
border-left: 1px solid #DDD;
border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
text-shadow: white 0px 1px 0px;
box-shadow: inset white 0px 1px 0px;
-webkit-box-shadow: inset white 0px 1px 0px;
-moz-box-shadow: inset #fff 0px 1px 0px;
-khtml-box-shadow: inset #fff 0px 1px 0px;
}
a[href*="mode=post_profile"],a[href*="mode=reply"],a[href*="mode=newtopic"],a[href*="merge?t="],a[href*="cp?mode=split"],a[href*="cp?mode=lock"],a[href*="cp?mode=move"],a[href*="cp?mode=trash"],a[href*="cp?mode=delete"],a[href*="cp?mode=unlock"],a[href*="mode=unlock&p"],a[href*="mode=lock&p"],a[href*="mode=report"],a[href*="&mode=delete"],a[href*="mode=editpost"],a[href*="mode=quote"]{background:#000000;color:#FFF!important;border-radius:10px;font:11px Arial,sans-serif;margin:2px;padding:2px 9px}
a[href*="mode=post_profile"]:hover,a[href*="mode=reply"]:hover,a[href*="mode=newtopic"]:hover,a[href*="cp?mode=unlock"]:hover,a[href*="merge?t="]:hover,a[href*="cp?mode=split"]:hover,a[href*="cp?mode=lock"]:hover,a[href*="cp?mode=move"]:hover,a[href*="cp?mode=trash"]:hover,a[href*="cp?mode=delete"]:hover,a[href*="mode=unlock&p"]:hover,a[href*="mode=lock&p"]:hover,a[href*="mode=report"]:hover,a[href*="&mode=delete"]:hover,a[href*="mode=editpost"]:hover,a[href*="mode=quote"]:hover{background:#FFFFFF;border:1px solid #000000}
a[href*="mode=reply"],a[href*="mode=newtopic"]{font:13px Arial,sans-serif!important}
a[href*="mode=quote"]:before{content:"Trích dẫn"}
a[href*="mode=editpost"]:before{content:"Sửa"}
a[href*="&mode=delete"]:before{content:"Xóa"}
a[href*="mode=report"]:before{content:"Báo xấu"}
a[href*="mode=lock&p"]:before{content:"Chặn báo xấu"}
a[href*="mode=unlock&p"]:before{content:"Cho phép báo xấu"}
a[href*="cp?mode=delete"]:before{content:"Xóa chủ đề"}
a[href*="cp?mode=trash"]:before{content:"Cho vào sọt"}
a[href*="cp?mode=move"]:before{content:"Di chuyển"}
a[href*="cp?mode=lock"]:before{content:"Khóa chủ đề"}
a[href*="cp?mode=split"]:before{content:"Tách bài viết"}
a[href*="merge?t="]:before{content:"Gộp bài viết"}
a[href*="cp?mode=unlock"]:before{content:"Mở khóa chủ đề"}
a[href*="mode=post_profile"]:before{content:"//Viết lên tường"}
a[href*="mode=newtopic"]:before{content:"* Tạo chủ đề mới"}
a[href*="mode=reply"]:before{content:"+ Trả lời chủ đề"}
img[src="http://2img.net/i/fa/empty.gif"]{display:none}
/* kích thước ảnh bài viết */
.postbody img{max-width:850px!important;}
/*************3d link**************/
a:hover{
text-decoration: none!important;
color : red;text-shadow:0 0 .2em black, 0 0 .2em black, 0 0 .2em black;
}
.noidungbai img{max-width:800px}
/* kích thước anh chu ky*/
.signature_div img
{
max-width: 930px;}
.thongtin{border:1px solid #EEE;margin:-2px -2px 2px;padding:5px;width:200px}
.mamoi strong {
font-family: georgia;
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size:48px;
}
/* [FMvi.Org] Thống kê tình hình diễn đàn*/
.leftStats{float:left;margin-left:-71px;vertical-align:middle;width:60px}
.rightStats{min-height: 50px;border-left:2px solid #CFC9C9;padding-left:10px;width:858px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#BFBFBF;border:1px solid #989898;color:#F8FF04;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;text-shadow:1px 1px 1px #000;padding:5px}
#pun-about, .boxfmvi .tc2, .boxfmvi .tcr {
background: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif) repeat scroll 0 0 #F4F4F4!important;
}
/* box con tự auto */
#smallrum{padding: 0.8em 1em; margin: 3px 1px;
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
body.chatbox{background-color:#f3f3f3}#chatbox_members .online-users li{background-image:url(http://i.imgur.com/6A6tt.png);background-position:left;background-repeat:no-repeat;background-size:13%;padding-left:20px}#chatbox_header{background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl20.jpg) repeat-x!important;border-bottom:1px solid #c9c9c9;border-left:0;border-right:0;border-top:0;margin:0!important}h2.chatbox-title{margin-top:4px}#chatbox_header .chat-title{background:url(http://i25.servimg.com/u/f25/14/45/99/41/112_co11.png) no-repeat;color:transparent;cursor:default;font-size:14px;letter-spacing:-.4em;margin-bottom:-20px;margin-left:-20px}#chatbox_header .chat-title:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/112.png) no-repeat;letter-spacing:2.1em}#chatbox_main_options,#chatbox_main_options a,#chatbox_main_options span{color:#9a9a9a !importat;font-family:Arial #000;text-decoration:none;text-shadow:1px 1px 1px #fff;text-transform:uppercase}#chatbox_main_options a:hover{color:grey;font-family:Arial #000;text-decoration:none!important;text-shadow:1px 1px 1px #b8b8b8;text-transform:uppercase}#chatbox_main_options{-moz-border-radius:0 0 5px 5px;-moz-box-shadow:0 0 4px #c6c6c6;-webkit-box-shadow:0 0 4px #c6c6c6;background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;border:1px solid #c9c9c9;border-radius:0 0 5px 5px;box-shadow:0 0 4px #c6c6c6;float:right;margin-right:50px;margin-top:-10px;padding:2px 3px 1px 5px}#chatbox_main_options:hover{margin-top:-1px}ul#chatbox_main_options li,ul#chatbox_main_options li,ul#chatbox_main_options li a,ul#chatbox_main_options li label{color:#9a9a9a!important;text-shadow:1px 1px 1px #fff}#chatbox_members{background:url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);background-color:#fff;border-right:1px solid #c9c9c9;margin-bottom:-30px}#chatbox_members:hover{background-color:#fcfcfc;border-right:1px solid #b7b7b7}h4.member-title{background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x!important;color:#fff!important;cursor:default;font-family:Arial #000;letter-spacing:.5em;margin-top:0;text-shadow:0 0 3px #000;text-transform:uppercase}#chatbox_members ul{list-style:none;margin:0}#chatbox_members ul li{background:url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);border-bottom:1px solid #e2e2e2;color:#393939;font-family:Arial #000;font-size:14px;font-weight:700;margin:0;padding-left:10px}#chatbox_members ul li:hover{background-color:#f4f4f4;background-image:url(http://i25.servimg.com/u/f25/14/45/99/41/114.png);background-position:center left;background-repeat:no-repeat}#chatbox_members ul li:active{background-image:url(http://i25.servimg.com/u/f25/14/45/99/41/213.png)}#chatbox_members ul li a{color:#909090;font-size:12px;text-decoration:none;text-shadow:1px 1px 1px #fff}#chatbox_members ul li a:hover{color:#393939;text-decoration:none!important}#chatbox{background-image:url(http://www.servimg.com/u/f34/12/24/45/65/map12810.jpg);background-position:center center;background-repeat:no-repeat}.chatbox_row_1,.chatbox_row_2{background-color:transparent!important}.chatbox_row_1:hover,.chatbox_row_2:hover{-moz-border-radius:5px;-moz-box-shadow:0 0 3px #dcdcdc;-webkit-box-shadow:0 0 4px #dcdcdc;background:-moz-linear-gradient(top,#ffffff,#f9f9f9);background-color:#fff!important;border:1px solid #c9c9c9;border-radius:5px;box-shadow:0 0 3px #dcdcdc;margin:5px}.date-and-time{color:#c3c3c3!important;font-size:9px!important;font-style:italic!important;letter-spacing:-.1em!important}.user-msg{color:#8c8c8c!important;font-family:Georgia!important}.user-msg a:hover{color:#000!important;text-decoration:none!important}#chatbox_messenger_form{-moz-border-radius:5px 5px 0 0;-moz-box-shadow:0 0 4px #c6c6c6;-webkit-box-shadow:0 0 4px #d4d4d4;background:-moz-linear-gradient(top,#ffffff,#e2e2e2)!important;background-color:#fff;border-bottom:0;border-left:1px solid #c9c9c9;border-radius:5px 5px 0 0;border-right:1px solid #c9c9c9;border-top:1px solid #c9c9c9;bottom:0;box-shadow:0 0 4px #c6c6c6;float:none!important;height:30px;left:0;margin-left:auto;margin-right:auto;position:fixed;right:0;width:650px;z-index:999}#chatbox_messenger_form:hover{border-left:1px solid #a7a7a7;border-right:1px solid #a7a7a7;border-top:1px solid #a7a7a7}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline{-moz-border-radius:3px;background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;background-color:#fff;border:1px solid #c9c9c9;border-radius:3px}#divbold:hover,#divcolor:hover,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;border:1px solid #a2a2a2}#divbold:active,#divcolor:active,#divitalic:active,#divsmilies:active,#divstrike:active,#divunderline:active{background:url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x}label input#message{-moz-border-radius:3px;background-color:#fff;border:1px solid #c9c9c9;border-radius:3px;font-size:12px;height:17px}label input#message:hover{background-color:#f5f5f5;border:1px solid #b2b2b2}label input#message:focus{background-color:#e0fdff;border:1px solid #a4a4a4}input#submit_button{-moz-border-radius:3px;background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;background-color:#fff;border:1px solid #c9c9c9;border-radius:3px;color:#929292;cursor:pointer;font-family:Arial #000;font-size:12px;padding-left:2px;padding-right:2px;text-transform:uppercase}input#submit_button:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;border:1px solid #a2a2a2;color:#2c2c2c}input#submit_button:active{background:url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x}.right{padding-top:4px!important}#chatbox_footer{border:0!important}.score{padding-top:20px}.pnsmall{font-size:10px;font-style:italic;margin-top:-5px}.tipsy{font-size:10px;padding:5px;position:absolute;z-index:999}.tipsy-inner{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-radius:3px;color:#FFF;max-width:200px;padding:5px 8px 4px;text-align:center}.tipsy-arrow{border:5px dashed #000;height:0;line-height:0;position:absolute;width:0}.tipsy-arrow-n{border-bottom-color:#000}.tipsy-arrow-s{border-top-color:#000}.tipsy-arrow-e{border-left-color:#000}.tipsy-arrow-w{border-right-color:#000}.tipsy-n .tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;left:50%;margin-left:-5px;top:0}.tipsy-nw .tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;left:10px;top:0}.tipsy-ne .tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;right:10px;top:0}.tipsy-s .tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;left:50%;margin-left:-5px}.tipsy-sw .tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;left:10px}.tipsy-se .tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;right:10px}.tipsy-e .tipsy-arrow{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent;margin-top:-5px;right:0;top:50%}.tipsy-w .tipsy-arrow{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent;left:0;margin-top:-5px;top:50%}.warning2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px red;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px red;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/error10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:red;border-radius:10px;box-shadow:1px 1px 10px red;color:red;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.lock2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px blue;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px blue;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/lock10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:blue;border-radius:10px;box-shadow:1px 1px 10px blue;color:blue;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.yes2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px green;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px green;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/accept11.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:green;border-radius:10px;box-shadow:1px 1px 10px green;color:green;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.tag2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px orange;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px orange;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/link_a10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:orange;border-radius:10px;box-shadow:1px 1px 10px orange;color:orange;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.move2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px #4b0082;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px #4b0082;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/page_w10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:#4b0082;border-radius:10px;box-shadow:1px 1px 10px #4b0082;color:#4b0082;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.ban2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px #000;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px #000;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/set_se10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:#000;border-radius:10px;box-shadow:1px 1px 10px #000;color:#000;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.tum2{-moz-border-radius:10px;-moz-box-shadow:1px 1px 10px #a52a2a;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px #a52a2a;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/thumb_10.png);background-position:10px center;background-repeat:no-repeat;border:1px solid;border-color:#a52a2a;border-radius:10px;box-shadow:1px 1px 10px #a52a2a;color:#a52a2a;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px auto;padding:15px 10px 15px 70px;width:90%}.chienthan{background:#000;border-radius:0 0 2px 2px;height:4px}.chatbox_row_1{background-color:transparent;padding:4px}.chatbox_row_2{background-color:transparent;padding:4px}#chatbox_members .member-title{background-color:#000;background-image:none;color:#FCD424;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}
.troinoi {
transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease;
transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;
padding-bottom:9px;
background:transparent url(http://i44.servimg.com/u/f44/15/44/78/93/box_sh10.gif) no-repeat bottom left;
font-size:.9em;
margin:1px 3px 2px 1px;
position:relative;
left:-25px;
transform:rotate(-1deg); -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg);
}
.troinoi:hover {
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
position:relative;
left:8px;
}
.troinoi dl {
border:1px solid #e0e0e0;
background:white;
margin:0;
padding:4px;
list-style:none;
display:block;
text-align: justify;
}
/* Khung chuyên mục */
.hychi{padding:10px 0}
.hychi img{padding-right:10px}
.smallrum{background-color:#FFF;border:1px solid #DDD;color:#FFF;display:none;width:95%;margin:10px 1px;padding:1em}
.smallrum a.gensmall{display:inline-block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:46%}
.reppost{background-color:#DDD;border:1px dashed #9C9696;text-align:center;margin:10px 5px 10px 0}
.reppost span{color:#59554A;font-weight:bold}
#profile-advanced-details .autobot,.main-head .h2,.main-head .h3,.main-head h1,.main-head h3,.main-head h2{text-shadow:1px 1px 1px #000;color:#FFF;font-family:Trebuchet MS;font-size:17px!important;font-variant:small-caps;font-weight:600!important}
.pun .main-foot .h2,.pun .main-head .h2{float:left;height:18px;overflow:hidden;width:890px}
.boxfmvi .tc2{position:inherit!important;width:70px!important;margin:0!important;padding:0!important}
#pun-about,.boxfmvi .tc2,.boxfmvi .tcr{background:url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif) repeat scroll 0 0 #F4F4F4!important}
.boxfmvi{border:1px solid #DDD!important;margin:30px 0!important}
.pun .main-content{background-color:#FFF;border:0 none}
.pun .main,.pun .main-category{border: 1px solid #DDD}
.boxfmvi .status{position:inherit!important}
.boxfmvi .table{border-collapse:separate!important}
.boxfmvi td{padding:10px!important;border: 1px solid #DDD!important}
.boxfmvi .tcl{width:100%!important}
.boxfmvi .tcr{width:280px!important}
.tabs { margin: 0; padding: 0;}
.tabs {
padding-bottom: 26px;
margin-bottom: 15px;
background: #ffffff;
border-top: 1px solid #FFF;
border-bottom: 1px solid #CAD9EA;
}
.nTright {
float: right;
height:10px;
}
.avatartv1 img {
height: 15px;
width: 15px;
}
.tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
.tabs li.current {
background: #f7f7f7;
height: 27px;
font-weight: bold;
}
.mainbox { background: #F7f7f7; border: 1px solid #9DB3C5; margin-bottom: 6px; padding: 1px;}
.mainbox table { width: 100%; }
#dhtmlpointer, #dhtmltooltip
{
z-index: 999;
left: -300px; top:0px;
visibility: hidden;
position: absolute;
}.textbox, textarea, select {
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
color: #000000;
background: rgb(255, 255, 255) none;
border: 1px solid #6B91AB;
padding: 4px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
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 -->
<div class="boxFMvi main">
<div class="main-head">
<div class="page-title">
<h2>Khu vực tán gẫu chung</h2>
</div>
</div>
<div class="main-content">
<iframe frameborder="0" width="100%" height="400px" onerror="firstchatfmvi()"
src="/chatbox/index.forum?archives=1" onload="firstchatfmvi()" id="chatfmvi"></iframe>
<script type="text/javascript">
function firstchatfmvi() {
setTimeout(function () {
if ($("#chatfmvi").contents().find("#chatbox_option_disco").css("display") == "none") {
$("#chatfmvi")[0].contentWindow.CB_disconnect()
}
}, 2000);
}
</script>
</div>
</div>
{BOARD_INDEX}
<div id="pun-info" class="main">
<div class="main-head">
<div class="page-title">
<h2>Tình hình diễn đàn</h2>
</div>
</div>
<div class="main-content">
<div class="starsItem">
<p class="starsTitle">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">Ai đang trực tuyến?</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->Ai đang trực tuyến?
<!-- END switch_viewonline_nolink -->
</p>
<div class="rightStats">
<div class="leftStats">
<img src="http://i48.servimg.com/u/f48/16/58/89/73/user_s10.png" />
</div>
<p>{TOTAL_USERS_ONLINE}
<br />{LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}</p>
</div>
</div>
<div class="starsItem">
<p class="starsTitle">Sự kiện</p>
<div class="rightStats">
<div class="leftStats">
<img src="http://i48.servimg.com/u/f48/16/58/89/73/openso10.png" />
</div>
<p>{NEWEST_USER}</p>
<p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
</div>
</div>
<div class="starsItem">
<p class="starsTitle">Thống kê</p>
<div class="rightStats">
<div class="leftStats">
<img src="http://i48.servimg.com/u/f48/16/58/89/73/icon_s10.gif" />
</div>
<p>{RECORD_USERS}
<br />{TOTAL_POSTS}
<br />{TOTAL_USERS}</p>
</div>
</div>
</div>
</div>
<div class="main-box clearfix">
<p align="center">{GROUP_LEGEND}</p>
</div>
<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->
<!-- 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 -->
{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 -->
<div class="main-content">
<p class="starsTitle">Liên kết bạn bè</p>
<div class="rightStats">
<div class="leftStats">
<img src="http://i64.servimg.com/u/f64/14/64/54/11/forum_10.gif" />
</div>
<marquee style="border-style: solid #C0C0C0; border-width: 0px; padding: 0" scrollamount="2" scrolldelay="20" loop="true" truespeed="" onmouseover="this.stop()" onmouseout="this.start()">
<a href="http://dohoa-vn.ace.st/forum" class="postlink" target="_blank">
<img src=" http://r14.imgfast.net/users/1417/43/01/16/avatars/gallery/logo10.png " width="140" height="60" border="0"></a>
</a>
<a href="http://clubdarkgame.5forum.net/forum" class="postlink" target="_blank">
<img src=" http://nx8.upanh.com/b4.s37.d2/36a84d32364580a4af958f3ae6fb358b_55568288.untitleda1.gif?rand=0.1469544169958681 " width="140" height="60" border="0"></a>
</a>
</marquee>
</td></tr></tbody></table></div> <br></td></tr></tbody>
</div>
index_box :
- Code:
<div class="main" style="border: 0pt none;">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="boxfmvi">
<div class="main-head">
<div class="page-title"><h2>{catrow.tablehead.L_FORUM}</h2></div>
</div>
<div class="main-content">
<table class="table" cellspacing="1" cellpadding="5" border="0">
<tbody class="statused">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<td class="tcl">
<fieldset style="border: 1px solid; margin: 5px; padding: 5px 10px;"><legend><font size="2" color="#000000" style="text-shadow: 0px 0px 1px rgb(165, 214, 141), 0px 0px 0px rgb(165, 214, 141), 0px 0px 1px rgb(165, 214, 141);"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
</font></a><br></legend><fieldset><div align="left"><table width="100%">
<tbody> <div class="hychi">{catrow.forumrow.FORUM_DESC}</div>
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
<div class="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</tbody></table></div></fieldset><br></fieldset>
</td>
<td class="tcr">
<span>
<!-- BEGIN switch_topic_title -->
<br />
<div id="forums-stats"> <img src="http://i48.servimg.com/u/f48/14/28/30/23/legend13.png"> </img><font size="2" color="#00000" style="text-shadow: 0px 0px 0px rgb(165, 214, 141), 0px 0px 0px rgb(165, 214, 141), 0px 0px 1px rgb(165, 214, 141);"> <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}"><font color="red">{catrow.forumrow.LATEST_TOPIC_NAME}</font> </a></font></div>
<!-- END switch_topic_title -->
<div align="right" style="margin: 10px;"> {catrow.forumrow.USER_LAST_POST} </div>
</span>
<p class="reppost"><span>» Chủ đề: <span style="color:#FF0145;font-size:18px;">{catrow.forumrow.TOPICS}</span></span> | <span>» Bài gửi: <span style="color:#0790FF;font-size:18px">{catrow.forumrow.POSTS}</span></span></p>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
<script type="text/javascript">$(".smallrum:not(':empty')").show()</script>
vUI Lòng Ghi Nguồn