Minion
[skin]Share skin blog tình yêu nhỏ
on 12/08/2013Minion
Demo: http://g2coolusto.forumvi.com/
Css:
- Code:
#prodesc{width:520px;float:left;margin-bottom:20px}#prodesc a{color:#362f2d}#prodesc p{text-shadow:1px 1px #fff;margin:0}#left{float:left;width:230px}.top-left{width:230px;height:100%;margin-bottom:50px}#sidebar{background:#F3ECD5 url(http://tinhyeunho.net/themes/head/images/sidebar_bg.png) top left repeat;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;border:2px dashed #E33C74;padding:13px;width:200px}#fix-left{background:#F3ECD5 url(http://tinhyeunho.net/themes/head/images/sidebar_bg.png) top left repeat;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;border:2px dashed #E33C74;padding:13px;width:200px}.fix-left{position:fixed;top:0;bottom:auto}ul.list-category{display:block;padding:0;margin:0}ul.list-category li{display:block;background:url(http://tinhyeunho.net/themes/head/images/cat.gif)no-repeat;background-position:0 6px;padding:0;padding-left:20px;overflow:hidden}ul.list-category li ul{padding:0}ul.list-category li ul li{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-10px -461px;height:25px}ul.list-category a{font-size:18px}#fix-height ul{margin:0;padding:0}#fix-height ul li.clearfix{background:url(http://tinhyeunho.net/themes/head/images/sign.png) left center no-repeat;height:16px;overflow:hidden;display:block;padding:5px 0;padding-left:20px}#fix-height ul li.clearfix a{font-weight:700;color:#46aadf}#shareicon a{opacity:.6;filter:alpha(opacity=60);display:inline;margin:1px;padding:0}#probody #shareicon{background:none;width:75px;padding-left:0;float:right;display:inline;margin:0}#probody #shareicon img{float:left;width:20px;height:20px}#probody #shareicon a{float:right;margin:2px}#shareicon a:hover,.plusone:hover{opacity:1;filter:alpha(opacity=100)}#share-publish{display:block;float:left;margin-top:20px;height:33px}#share-publish a{opacity:.6;filter:alpha(opacity=60);display:block;width:30px;height:30px;float:left;margin-right:5px}#share-publish a:hover{opacity:1;filter:alpha(opacity=100)}#share-publish img{width:30px;height:30px}#footer .copy a{color:#fff}#slidebox{position:fixed;bottom:0;left:0;width:100%;height:38px;z-index:9999}#gopanel{bottom:30%;display:block;margin-right:-500px;position:fixed;right:50%;z-index:10}#toppage{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-11px -291px;cursor:pointer;height:21px;position:relative;width:21px}#toppage:hover{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-11px -333px}#bottompage{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-11px -312px;cursor:pointer;height:21px;margin-top:8px;width:21px}#bottompage:hover{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-11px -354px}#contac-icon{position:fixed;bottom:80px;right:0}.contac-icon{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-10px -398px;display:block;width:62px;height:43px}div.block-stat{padding:0}div.block-stat ul{padding:0}div.block-stat li{display:block;padding:0;padding-left:20px;height:22px;font-size:1.2em}div.block-stat li.online{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-10px -499px}div.block-stat li.guest{background:url(http://tinhyeunho.net/themes/head/images/icons/guest.png) center left no-repeat}div.block-stat li.user{background:url(http://tinhyeunho.net/themes/head/images/icons/user.png) center left no-repeat}div.block-stat li.bot{background:url(http://tinhyeunho.net/themes/head/images/icons/bot.png) center left no-repeat}div.block-stat li.today{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-10px -535px}div.block-stat li.month{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-10px -571px}div.block-stat li.statistics{background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);background-position:-10px -607px}#fsea div.news{width:100%}#fsea div.news label{width:100%}#fsea input[type=text]{width:580px;height:20px;padding:5px 10px}#fsea select{width:600px;height:32px;font-size:13px}#fsea textarea{padding:10px 10px;width:580px}#fsea input[type=text],#fsea textarea,#fsea select,#fsea div.edrict{-moz-border-radius:5px;-moz-transition:all .5s ease-in-out;-webkit-border-radius:5px;-webkit-transition:all .5s ease-in-out;background-color:#fff;border:1px solid #424242;border-radius:5px;color:#333;font-size:13px;display:block;font-weight:700;margin-bottom:16px;margin-top:8px;min-height:20px;transition:all .5s ease-in-out;float:left}#fsea span.cke_skin_kama{padding:0;border:0}#fsea input[type=text]:focus,#fsea textarea:focus,#fsea input[type=text]:hover,#fsea textarea:hover,#fsea div.edrict:hover{-moz-box-shadow:0 0 10px #000;-moz-transform:scale(1.05);-webkit-box-shadow:0 0 10px #000;-webkit-transform:scale(1.05);box-shadow:0 0 10px #000;color:#333;transform:scale(1.05)}#fsea input[type=button],#fsea input[type=submit],#fsea input[type=reset]{background-color:#424242!important;color:#fff!important;cursor:pointer}#fsea .select-cat{width:600px;padding-left:50px;float:left}#fsea .select-cat tr{display:block}#fsea .select-cat td{display:block;width:100%;height:30px;font-size:15px}#fsea .select-cat td input{display:block;float:left}#fsea input.send{-moz-border-radius:5px;-moz-transition:all .5s ease-in-out;-webkit-border-radius:5px;-webkit-transition:all .5s ease-in-out;background-color:#424242!important;color:#fff!important;font-size:13px;font-weight:700;cursor:pointer;float:right;margin-top:10px!important;padding:9px 20px!important;width:230px!important}#fsea input.send:hover{background-color:#952E2E!important}#fsea textarea.cke_source{padding:0}.content-box .s-border{float:left;margin-right:10px;width:120px;height:120px;padding:5px;background:#fff;border:2px solid #E33C74}.content-box h4{font-size:18px}.content-box p{padding:0;margin:0}.content-box div.aright{float:right;margin-right:20px}.info{margin-bottom:15px;border-bottom:1px solid #63a718}.shareicon{width:100%;height:25px}.shareicon img{float:right;width:20px;height:20px;margin-right:8px}.shareicon div.fb-like{float:right;margin-right:15px}ul#list-post{margin:0;padding:0}li.list-post{display:block;position:relative;float:left;margin:5px;width:290px;height:300px}div.front{position:absolute;overflow:hidden;top:0;left:0;border:2px solid #E33C74;border-radius:7px;width:100%;height:100%}li.list-post div.color-type1{background:#46aadf}li.list-post div.color-type2{background:#7ecad0}li.list-post div.color-type3{background:#c04e91}li.list-post div.color-type4{background:#c1b746}li.list-post div.color-type5{background:#e5a926}div.front img{width:100%;height:230px}div.back{background:#fff;width:100%;height:100%;border-radius:7px;border:2px solid #47bd2f}div.front h2,div.back h2{padding:5px 10px;font-size:18px;font-weight:bold}div.front h2 a{color:#000}div.back h2 a{color:#db5ab7}div.back p{display:block;padding:5px 10px;margin:0;font-size:15px;max-height:130px;overflow:hidden;color:#000}div.back a.more{background:transparent url(http://tinhyeunho.net/themes/head/images/readmore.png) scroll top left no-repeat;float:right;display:block;font-size:15px;margin-right:10px;margin-top:5px;padding:6px;width:92px;height:21px;-moz-transition:all .3s;-webkit-transition:all .3s;-khtml-transition:all .3s;-o-transition:all .3s}div.back a.more:hover{background:transparent url(http://tinhyeunho.net/themes/head/images/readmore.png) scroll bottom left no-repeat}.generate_page{margin:5px;margin-top:25px;padding:5px;text-align:center}.generate_page a,.generate_page strong{border:1px solid #952E2E;border-radius:4px;clear:both;color:#424242;font-weight:700;padding:8px 8px}.generate_page strong{background:#424242;color:#fff}#login-reg{margin:0}#login-reg li.login{display:block;float:right}#login-reg li.reg{float:right;display:block;margin-right:2px}#login-reg li.login a,#login-reg li.reg a{border-radius:3px 0 0 3px;display:block;padding:40px 10px}#login-reg li.login a{border-radius:0 3px 3px 0}.button.b-close,.button.bClose{border-radius:7px 7px 7px 7px;box-shadow:none;padding:0 6px 2px;position:absolute;right:-7px;top:-7px;cursor:pointer}#popup,#popup2,.bMulti{border:2px solid #000;border-radius:10px;box-shadow:0 0 25px 5px #999;color:#000;display:none}.login-form{width:300px;margin:0 auto;position:relative;background:#f3f3f3;border:1px solid #fff;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);z-index:5}.login-form .header{padding:40px 30px 30px 30px}.login-form .header span{font-size:12px;line-height:16px;color:#678889}.login-form .content{padding:0 30px 25px 30px}.login-form .content .input{width:188px;padding:15px 25px;font-weight:700;font-size:14px;color:#9d9e9e;text-shadow:1px 1px 0 rgba(256,256,256,1.0);background:#fff;border:1px solid #fff;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.50)}.login-form .content .password,.login-form .content .pass-icon{margin-top:25px}.login-form .content .input:hover{background:#dfe9ec;color:#414848}.login-form .content .input:focus{background:#dfe9ec;color:#414848;box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.25)}.user-icon,.pass-icon{width:46px;height:47px;display:block;position:absolute;left:0;padding-right:2px;z-index:3;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px}.user-icon{top:136px;background:rgba(65,72,72,0.75) url(http://tinhyeunho.net/themes/head/images/user-icon.png) no-repeat center}.pass-icon{top:212px;background:rgba(65,72,72,0.75) url(http://tinhyeunho.net/themes/head/images/pass-icon.png) no-repeat center}.input,.user-icon,.pass-icon,.button,.register{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}.login-form .footer{padding:25px 30px 40px 30px;overflow:auto;background:#d4dedf;border-top:1px solid #fff;box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.15)}.login-form .footer .button{float:right;padding:11px 15px;font-weight:700;font-size:18px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.25);background:#56c2e1;border:1px solid #46b3d3;border-radius:5px;cursor:pointer;box-shadow:inset 0 0 2px rgba(256,256,256,0.75);-moz-box-shadow:inset 0 0 2px rgba(256,256,256,0.75);-webkit-box-shadow:inset 0 0 2px rgba(256,256,256,0.75)}.login-form .footer .button:hover,.login-form .footer .register:hover{background:#3f9db8;border:1px solid rgba(256,256,256,0.75);box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5)}.login-form .footer .button:focus,.login-form .footer .register:focus{position:relative;bottom:-1px;background:#56c2e1;box-shadow:inset 0 1px 6px rgba(256,256,256,0.75);-moz-box-shadow:inset 0 1px 6px rgba(256,256,256,0.75);-webkit-box-shadow:inset 0 1px 6px rgba(256,256,256,0.75)}.login-form .footer .register{float:left;margin-top:2px;padding:10px 15px;font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.25);background:#56c2e1;border:1px solid #46b3d3;border-radius:5px;cursor:pointer;box-shadow:inset 0 0 2px rgba(256,256,256,0.75);-moz-box-shadow:inset 0 0 2px rgba(256,256,256,0.75);-webkit-box-shadow:inset 0 0 2px rgba(256,256,256,0.75)}.topNav{background:url(http://img.webtretho.com/images/bg-top-menu.png) repeat scroll 0 0 transparent;height:32px}.topNav ul{list-style-type:none;margin:0 auto;padding:0;width:965px}.topNav ul li{float:left;position:relative}.topNav ul li a{color:#FFF;display:block;height:20px;padding:7px 23px 5px 24px}.topNav ul li.home a{padding-left:22px}.topNav ul li:hover,.topNav ul li.active{background-color:#FFF}.topNav ul li:hover a,.topNav ul li.active a{color:#3F3F3F}.topNav ul li.market{background:none repeat scroll 0 0 #D85DA8;font-size:12px;padding-right:1px;text-align:left}.topNav ul li.market:hover,.topNav ul li.market.active{background:none repeat scroll 0 0 #D85DA8;border-right:1px solid #3FB7BC}.topNav ul li.market:hover a{color:#FFF}.topNav ul li.market ul{background:none repeat scroll 0 0 transparent;border:medium none;width:300px}.col1_Dropdown{float:left;width:140px}.col1_Dropdown ul{margin:0;padding:0}.col2_Dropdown{float:left;width:95px}.topNav ul li.market li{background:none repeat scroll 0 0 transparent;margin-left:-15px;padding:10px;width:310px}.topNav ul li.market li.dashed{border-bottom:1px dashed #D1D1D1;padding:0 10px}.topNav ul li.market li:hover{background:none repeat scroll 0 0 #F3F2F2}.topNav ul li.market li.submenu-title,.topNav ul li.market li.submenu-title:hover{background:none repeat scroll 0 0 #A7ECED;color:#176769;font-weight:bold}.topNav ul li.market li a{text-transform:none}.topNav ul li.market li a img{float:left;padding-right:10px}.topNav ul li.market .chuxanh{color:#D85DA8;font-size:14px;font-weight:bold}.topNav ul li.market .chuxanh a{color:#D85DA8}.topNav ul li div.submenu{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #FFF;border-color:-moz-use-text-color #3FB7BC #3FB7BC;border-image:none;border-right:1px solid #3FB7BC;border-style:none solid solid;border-width:medium 1px 1px;display:none;left:-1px;padding:10px 15px 15px;position:absolute;top:32px;width:240px}.topNav ul li.market div.submenu{padding:0 15px;width:300px}.topNav ul li:hover div.submenu{display:block}.topNav ul li.parents div.submenu,.topNav ul li.pregnancy div.submenu,.topNav ul li.family div.submenu,.topNav ul li.market div.submenu{left:auto;right:-1px}.submenu .sublist{color:#D2D2D2;margin-bottom:10px;padding-bottom:0}.submenu .sublist p{margin:2px 0;padding:0}.submenu .sublist a{color:#3F3F3F !important;display:inline;font-size:12px;padding:0}.submenu .sublist a:first-child{padding-left:0}.submenu .sublist a:hover{color:#F84B0F !important}.topNav ul li.market .submenu .sublist a span{float:left;padding-top:5px;width:180px}.topNav ul li.market .submenu .sublist a:hover{color:#3F3F3F !important}.topSearch{background:none repeat scroll 0 0 #F0EFEF;height:40px;margin-top:32px;padding:7px 0}.topNav ul li.forum div.submenu{width:800px}.topNav ul li.forum div.submenu .sublist,.topNav ul li.forum div.submenu .sublist ul{float:left;margin-right:12px;width:190px}.topNav ul li.forum div.submenu .sublist.last{margin-right:0}.topNav ul li.forum div.submenu .sublist ul li{border-bottom:1px dashed #DDD;float:left;padding:7px 5px;width:180px}.topNav ul li.forum div.submenu .sublist ul li.header-title{border-bottom:1px solid #B2B2B2;margin-bottom:8px;padding-bottom:3px}.topNav ul li.forum div.submenu .sublist ul li.header-title a{color:#176769 !important;font-weight:bold}.topNav{width:100%;background-color:#464646;position:fixed;top:0;left:0;display:block;height:32px;z-index:999}
#board-stats {
background: rgb(245, 245, 245);
border-left: 1px solid rgb(234, 234, 234);
float: right;
padding-left: 20px;
margin-top: -7px;
width: 38%;
}
#board-stats h2 {
padding-top: 10px;
font-size: 1.1em;
clear: both;
font-weight: 700;
}
#board-stats dl {
margin-top: 10px;
}
#board-stats dt {
color: rgb(89, 89, 89);
font: normal 700 10px tahoma, arial, verdana, sans-serif;
clear: both;
}
#board-stats dd, #board-stats dt {
border-top-color: rgb(222, 222, 222);
border-top-style: solid;
border-top-width: 1px;
float: left;
font-size: 0.85em;
width: 45%;
padding: 6px 2px;
}
.pun .main-content {
background: #e8e8e8;
border: 1px solid #ddd;
border-image: initial;
border-radius: 1px;
}
#estadisticas {
background: rgb(255, 255, 255);
border: 1px solid rgb(217, 217, 217);
border-image: initial;
border-radius: 7px;
padding: 0px 8px;
}.pun .main, .pun .main-category {
margin: 1em 0px;
}
h3.maintitle {
color: rgb(180, 69, 59);
text-shadow: rgb(255, 255, 255) 0px 1px 0px;
line-height: 20px;
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: 700;
}
#stats {
background-color: rgb(246, 246, 246);
line-height: 150%;
padding: 0.6em 1em;
}
#onlinelist {
border-top: 0px transparent;
padding: 0.6em 1em;
}
/* Main box */
.main .main-foot,.main .main-head,.main-head {
background:none!important;
border-bottom:2px solid #D8D8D8;
padding:0!important;
}
.main-head .h3,.main-head h2,.main-head h3,.pun .main-foot .h2,.pun .main-head .h2,div.subtitle,h1.page-title {
border-bottom:2px solid #E83636;
color:#000;
display:inline-block;
font-family:arial,sans-serif;
font-size:16px;
font-style:normal;
font-variant:normal;
font-weight:900;
height:25px;
line-height:13px;
margin-bottom:-2px;
padding-top:23px;
text-transform:uppercase;
}
body{
background:#df4075 url(http://tinhyeunho.net/themes/head/images/content_bg.jpg);
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
line-height:1.5;font-size:12px;margin:0 auto}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.centerdiv{width:920px;text-align:left;margin:0 auto}
.wrapper{background:#c9e8ea url(http://tinhyeunho.net/themes/head/images/bg.jpg);
width:100%;height:925px;text-align:center;margin:0 auto}
a,a:active,a:visited{text-decoration:none;color:#e33c74}
a:hover{color:#83b93a}a img{border:0}
h1,h2,h3,h4{margin-top:0;margin-bottom:0;color:#63a718}
h1{font-size:30px}
h2{font-size:18px}
h3{font-size:14px}
h4{font-size:12px}
.note{color:#63a718;font-weight:700;font-size:11px}
.protitle.cf{font-size:20px;margin-top:-10px}
button,.button{
background:#df4075;
border:1px solid #ab0156;
border-top:1px solid #e3539b;
border-left:1px solid #e3539b;
color:#fff;
padding:5px 10px;border-radius:10px}
.cufon-active .mainmenu{font-size:20px}
.cufon-loading .mainmenu{font-size:16px}
#header{position:relative;z-index:50;text-align:left}
#header a.logo{
background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);
background-position:-10px 22px;
float:left;
width:120px;
height:162px
}
#top-right{
position:fixed;
top:0;
right:50%;
margin-right:-400px}
#top-right span.wellcome{
font-size:16px
}
#top-right span.you{
font-size:16px;color:red}
#top-right a{font-size:16px}
#pagecont_head{
background:url(http://tinhyeunho.net/themes/head/images/content_head.png) top repeat-x;
height:30px;
position:absolute;
z-index:10;
top:510px;
left:0;
width:100%
}
#pagecont{
background:#f3ecd5 url(http://tinhyeunho.net/themes/head/images/content_bg.jpg);
height:400px;
position:absolute;
z-index:10;
top:540px;
left:0;
width:100%
}
#wrapper{
margin:0 auto;
width:920px;
text-align:left
}
#pagecont_title{
background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);
background-position:-8px -162px;
height:74px;
width:968px;
margin:0 auto;
margin-top:-66px;
margin-bottom:15px
}
.pagecont_title{
font-size:35px;
color:#e33c74;
text-align:center}
#footer a{
color:#fff;
font-weight:700
}
#footer{
color:#000;
background:url(http://tinhyeunho.net/themes/head/images/footbg.png) top repeat-x;
z-index:10;
left:0;
bottom:0;
height:71px;
width:100%;
font-size:14px
}
#footer div.centerdiv{
padding-top:15px;
text-align:center
}
.mainh{
position:relative;
top:0;
width:100%;
height:520px;
overflow:hidden;
margin:0
}
#project{
z-index:31;
width:660px;
float:right
}
#prohead{
background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);
background-position:-10px -256px;
height:15px;width:660px}
#profoot{
background-image:url(http://tinhyeunho.net/themes/head/images/images-spriteme.png);
background-position:-10px -1405px;
height:19px;
width:762px
}
#probody{
background:transparent url(http://tinhyeunho.net/themes/head/images/index3_probg.png) repeat-y;
width:600px;
padding:15px 31px 15px 28px
}
#pun-navlinks{
background-color:transparent;
border:0 none
}
.title-overview{
font-size:20px;
font-variant:small-caps;
font-weight:700;
margin-bottom:10px;
padding:5px 0
}
.center-overview{
color:#000!important
}
.center-overview a{
background-image:none!important
}
.center-overview a:hover{
background-image:none!important
}
#pun-navlinks ul{
text-align:center
}
- Code:
{JAVASCRIPT}
<!-- 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}
<!-- BEGIN disable_viewonline -->
<div id="estadisticas">
<div id="pun-info" class="main">
<div class="main-content">
<h3 class="maintitle">Thống kê</h3>
<div id="stats">
<div id="board-stats"><h2>Thống kê forum</h2><dl><p></p><dt><b>Ngày thành lập</b></dt><dd><span class="FORUMBIRTHDAY"></span></dd><dt><b>Số bài</b></dt><dd><span class="FORUMCOUNTPOST"></span></dd><dt><b>Chủ đề</b></dt><dd><span class="FORUMCOUNTOPIC"></span></dd><dt><b>Thành viên<b></dt><dd><span class="FORUMCOUNTUSER"></span></dd><dt><b>Thành viên mới</b></dt><dd><strong><span class="FORUMLASTUSERLINK"></span></strong></dd>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script></dl></div>
</div>
<div id="onlinelist">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>
<div id="Legend">
<p>{LEGEND} dos Grupos : {GROUP_LEGEND}</p>
</div>
</div></div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</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}
<!-- 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 -->
{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 -->