CSS
Index_body
nguồn: [You must be registered and logged in to see this link.] Người rip:Kent
- Code:
.pun {
width: 945px;
margin: 0 auto;
padding: 30px 30px;
background-image: url('http://i.imgur.com/PGbyS.png');
}
.module-advert{display:none;}
body.smiley-frame{background-image:none!important;background-color:#FFF!important;padding-top:0!important}
.pun{min-width:945px!important}
#content{width:100%!important}
body {
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
color: black;
background-color: #BDBEBD;
font-size: 10pt;
margin: auto;
padding: 0;
background-color: white;
background-image: url('http://i.imgur.com/pIv9e.gif');
background-attachment: fixed;
}
.main .main-foot, .main .main-head {
background-color: #E3E3E3;
background: url(http://i46.servimg.com/u/f46/15/26/55/24/tcat10.png) repeat scroll 0 0 deepSkyBlue;
border: 2px solid white;
font-weight: 400;
padding: .7em 1.3em;
}
.main-head1 {
background-color: #FC144E;
background-image: url(http://i.imm.io/oxHQ.png)!important;
background-repeat: no-repeat;
border: 0 none!important;
height: 65px;
padding: 0;
}
.pun .main-content {
background-color: #FBFBFB;
border: 1px solid #DDD;
background-image: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif);
}
.pun table.table td {
background-color: #FBFBFB;
border-color: #DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
#chatbox_members,#chatbox,#chatbox_footer{background-color:#FFF}
#chatbox_header.main-head {
background-color: #000;
color: #DEDFDF;
padding: 0 1.3em;
}
.main-content.standalone{border-color:#000 #c7c7c7 #c7c7c7 #000;border-style:solid;border-width:1px;padding:10px 15px}
a,a:link,a:hover{text-decoration:none!important}
a.mainmenu[href='/register']{color:yellow!important}
a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']{display:none}
#smilies_categ p{text-align:center}
.user-basic-info img{max-width: 150px}
#left,#tooltip .header,#textarea_content dt, #dulieutip, #dulieupostter, #sapxepdulieu, .tipchuthich {display:none}
#left .main-content{border:0 none!important}
#show_color{display:block}
.main-foot p,.main-head p{width:50%!important}
#pun-logo{padding-right:10px}
p#pun-desc{color:#FFCE30;margin-left:20px;padding:.5em 0 0 5px}
#pun-foot .copyright{text-shadow:1px 1px 1px #000}
blockquote{background-color:#EDF7FF!important;border:1px dashed #1A5381!important;padding:5px!important}
blockquote cite{background-color:#E4E6E4;box-shadow:1px 1px 1px;display:inline!important;margin:2px 10px 2px 2px !important;padding:5px 5px 0}
.pun table .tdtopics {margin-left: -50px;}
.collapse a,.collapsePost a{color:#FFF!important;font-family:monospace;font-size:18px;font-weight:700;padding:3px 8px}
.collapse a:hover,.collapsePost a:hover{background-color:#000;padding:0 5px;border:3px double #72736E}
/* Latest topic */
.boxFMvi .main-head{background-color:#FC144E;background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/tcat1011.png)!important;background-repeat:no-repeat;border:0 none!important;height:65px;padding:0;width:945px}.boxFMvi .main-head .page-title{font-size:12px;font-weight:400;padding-left:200px;padding-right:10px;padding-top:37px}
.boxFMvi{margin:0!important}
.top-vi,.viewrep{height:153px}
#most_active,#active_starters,#users_week,#users_month{display:none}
.lastcate{position:absolute;right:0}
.showpost{line-height:18px;font-size:9px;position:absolute;right:166px}
.rightnumber{position:absolute;right:0pt;text-align:right;}
.leftrecent{width:240px;white-space:nowrap;position:absolute;overflow:hidden;text-overflow:ellipsis}
.rightrecent{position: absolute; right: 180px}
.imgstatus{position: absolute; left: -27px; padding: 2px 4px; background-color: #FFF;}
#content-container div#left{border:1px solid #DDD;float:none;width:100%;margin:10px 0}
*+ html #content-container div#main{margin-left:0}
* html #content-container #main-content{overflow:visible;margin-right:0}
* html #content-container div#main{margin-right:-99%;width:100%;float:none}
.latest_topics{list-style:decimal-leading-zero outside none;text-align:left;margin:0!important;padding:0 5px 0 30px}
.latest_topics li{line-height:16px;position:relative}
.toppost_width{float:left; width: 200px}
.recentWidth{float: left; width: 600px}
.recentWidth .main-head{position: relative; height: 1.3em;overflow: hidden;}
.recentWidth h3{marign-left: 10px}
.loaddinng{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/loadin12.gif);background-position:center center;background-repeat:no-repeat;height:150px;width:180px}
#checktip{position:absolute;right:10px;top:3px;z-index:300}
#numRecent{display:none;position:absolute;right:12px;top:7px}
/* Khung chuyĂªn mục */
#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:#FF0;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}
.for_box{background:url(http://i43.servimg.com/u/f43/14/53/79/27/fp10.png) no-repeat scroll left top transparent;color:#0E2C3E;font-size:12px;font-weight:700;height:33px;line-height:normal;margin-left:13px;padding-top:3px;text-align:center;width:74px}
.for_box span{color:#105289;display:block;font-size:10px}
.smallrum{display:none;padding:1em;background:#e7e7e7 none;-moz-box-shadow:-2px 2px 2px #c8c8c8;-webkit-box-shadow:-2px 2px 2px #c8c8c8;box-shadow:-2px 2px 2px #c8c8c8;color:#e7e7e7;margin:3px 1px;}
.smallrum a.gensmall{display:inline-block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:175px}
.blackBox{background-color:#021D1F;color:#C7C7C7}
.redBox{background-color:#26F532;color:#FFF}
.redBox .box2 a{color:#000!important}
/* Số trang */
.paging{background-color:#1571A3;border:3px double #D1D1E1;box-shadow:-2px 2px 2px #C8C8C8;color:transparent;width:auto;margin:0 0 4px;padding:5px 10px}
.paging a{border:0;color:#FFF!important;font-size:.9em}
.paging b{border:0;color:#FF0;font-size:1.5em}
/* Thanh nav menu */
body{padding-top:43px}
.title-overview{background-color:#1571A3;color:#FF0;font-size:20px;font-variant:small-caps;font-weight:700;margin-bottom:10px;padding:5px 0}
#pun-head{left:0;position:fixed;top:0;width:100%;z-index:999}
#pun-title{padding: 15px;color:#FFF!important;font-family:"Comic Sans Ms";font-size:33px;font-style:normal;font-variant:normal;font-weight:700;text-shadow:3px 3px 3px #000;text-transform:uppercase;z-index:1}
#pun-head #pun-navlinks{background-color:rgba(0, 68, 99, 0.73);background-origin:padding-box;background-position:0 0;background-repeat:repeat-x;border:1px solid #1E2831;box-shadow:0 0 0 1px rgba(255,255,255,0.2) inset;height:28px}
#pun-navlinks ul{list-style:none outside none;text-align:center}
#pun-navlinks li{display:inline;font-size:15px;line-height:30px}
#pun-navlinks a:active,#pun-navlinks a:focus,#pun-navlinks a:hover{background-color:rgba(0,0,0,0.2);background-image:url(http://i40.servimg.com/u/f40/17/10/12/79/76120810.gif);color:#FFF;text-decoration:none;text-shadow:0 0 4px rgba(255,255,255,0.7);padding:12px 14px 10px}
#pun-navlinks li a{color:#FFF;font-family:tahoma,helvetica,arial,sans-serif;margin-left:-8px;margin-right:-8px;text-shadow:1px 1px 1px #000;padding:12px 14px 10px}
/* Tooltip */
#tooltip .header {display:none}
#tooltip .tiplFMvi{border-bottom:1.5px dashed;padding-bottom:5px;margin-bottom:5px}
#tooltip{max-width:550px;position:absolute;background-color:#FFF;border:2px solid blue;padding:5;border-radius:3px;color:#000;z-index:99;}
/* khung spoiler */
.codebox{max-width:700px}
.spoiler dt{padding-left:1em}
.spoiler dt:hover{background-image:url(http://2img.net/i/fa/punbb/helpdark.png);background-origin:content-box;background-position:right center;background-repeat:no-repeat;border:1px solid;color:red}
.spoiler dd{margin:0;padding:0}
.spoiler_content.hidden{padding:1em}
/* avatar trong memberlist */
.avatarthum img{height:70px!important;padding-right:10px}
.avatarvds img{width:120px;background-color:#F5F5F5;border-bottom:2px solid;border-radius:3px;border-right:2px solid;padding:5px}
/* drop menu avatar */
.pun .user{overflow:visible;margin-top:0!important;width:13em;padding:0}
.cl dt{width:75px}
.cl dt span{color:#000!important}
.cl dd{width:110px}
.cl dd,.cl dt{float:left;height:1.6em;line-height:1.6em}
.useravatar img{width:120px;background-color:#F5F5F5;border-bottom:2px solid;border-radius:3px;border-right:2px solid;padding:5px}
.morelink a{padding-right:13px}
.pun .post .user,.pun .postfoot{margin-left:-13em!important;position:relative}
.pun .postmain{margin-left:13em!important}
.main .main-head,.main .main-foot{border:3px double}
.closeWIndowF{background-color:transparent;color:red;font-family:Arial,Helvetica,sans-serif;font-variant:small-caps;letter-spacing:-1px;opacity:1;text-decoration:none;text-transform:capitalize;font-size:20px;text-shadow:0 0 9px #eee 3px 0 1px #131313;font-weight:700;padding:5px}
.user .status{padding-right:20px;margin-bottom:-3px;color:green;float:right;width:250px;height:18px}
.user-ident .posthead{background-color:transparent;font-size:9px;height:2.6em;left:-2px;position:absolute;text-align:center;top:-3.7em;width:15.3em;padding:.5em 1.3em .5em 1em}
.user-ident .userInfoF{position:absolute;z-index:301;background:none repeat scroll 0 0 #fff;border:1px solid #cdcdcd;box-shadow:2px 2px 3px #ccc;width:510px;left:-2px;display:none;top:-1px;padding:15px 0 15px 10px}
.user-ident .user-info{float:right;width:370px}
.user-ident .manuUserF{float:left;border-bottom:1px dashed;margin-bottom:5px;width:350px;position:relative}
.user-ident .morelink{text-align: center;float:left;border-top:1px dashed;padding-top:5px;width:350px}
.pun .postfoot .user-contact{float:none;left:-0.7em;position:absolute;text-align:center;width:13em;z-index:99}
/* BĂ i cĂ¹ng chuyĂªn mục */
.fmviToggle .h2{width:880px!important}
.fmviToggle .h2 a,.fmviToggle .h2 a:link{color:#DEDFDF!important}
.fmviToggle .listVer4{list-style-type:decimal-leading-zero;padding:10px 40px}
/* ÄÆ°á»ng dẫn liĂªn kết */
.pun-crumbs p{height:27px;overflow:hidden;padding-left:20px;width:100%;margin:0 0 0 -10px}
.pun-crumbs a, #pun-desc{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/next_i11.png);background-position:left center;background-repeat:no-repeat;font-family:serif;font-size:1.3em;font-weight:700;margin-left:-15px;padding-left:20px;text-decoration:none}
.pun-crumbs a[href='/']{background:url(http://i48.servimg.com/u/f48/16/58/89/73/favico12.png) no-repeat scroll left center transparent;color:#FF0DDE}
.greenBgT{background-color:#0E3709!important;margin-top:10px}
.greenBgT h1{color:#FFF!important}
/* Xếp bĂ i viết */
#sapxepFMvi span{color:#026DA6;font-family:Tahoma;font-size:1.2em;font-weight:700;padding:0 10px 0 30px}
#find_user,#jqmHide,#sapxepFMvi .button, input[type="submit"],input[type="reset"]{background-color:#0161A4!important;border-bottom:2px solid #000!important;border-radius:3px 3px 3px 3px;border-right:2px solid #000!important;color:#FFF!important;cursor:pointer;float:right;font-family:Verdana;font-size:1.2em!important;font-weight:bolder;margin-top:-10px;text-shadow:1px 2px 1px #000;padding:5px!important}
#sapxepFMvi .button:hover, input[type="submit"]:hover, input[type="reset"]:hover{background-color:#000!important;color:#1BD5FF!important;text-shadow:-1px 1px 5px #FFF}
#sapxepFMvi .button:active, input[type="submit"]:active, input[type="reset"]:active{text-shadow: -1px -2px -1px #000;background-color:#045C06!important}
#sapxepFMvi{background-color:#DEDEDE;margin-bottom:20px;padding:15px 20px 10px 5px}
/* Khung soạn thảo */
#smiley-box iframe{height: 150px;}
#textarea_content dd {margin-left: 0!important}
input[type="submit"],input[type="reset"]{float: none !important}
#smilies_categ{padding: 10px 0}
#smiley-box{border:3px dotted #0C5A89;width:100%!important;padding:5px}
div.posting-block{border:3px dotted #207B0D;float:left;margin-right:-3px;margin-top:7px;width:100%;padding:0 0 0 10px}
div.posting-block #text_editor_textarea, div.posting-block #text_editor_iframe{height: 255px;}
#text_editor_controls {margin:0 !important;width: 100% !important}
#quick_reply .frm-buttons {text-align: center;}
button.button2,input.button2{background:none repeat scroll 0 0 #D0D0D0;border:1px outset #B0B0B0;color:#000;cursor:pointer;font-size:11px!important;height:25px!important;vertical-align:middle!important;width:auto!important;padding:1px 2px!important}
/* giao diện blog */
#bookmarks{float:none;margin-top:20px;text-align:center}
#bookmarks a{border:1px solid;box-shadow:-2px -2px 2px #4B4646;height:30px!important;padding-bottom:4px;text-align:center;vertical-align:middle!important;width:20px!important;margin:0 10px!important}
#bookmarks a:hover{box-shadow:-2px -2px 2px red}
#bookmarks a:active{box-shadow:-2px -2px 2px #000}
#blog_comments{width:100%!important;border:0 none!important}
#blog_comments .post .postbody span{display:block;font-size:12px;margin-top:5px;padding-top:5px}
.nonchange,.nonchange span{display:inline!important;margin:0;padding:0}
#blog_comments .post .postbody{box-shadow:0 1px 2px rgba(0,0,0,0.1);margin-left:70px;position:relative;border:1px solid #DFDFDF;border-radius:3px 3px 3px 3px;width:90%!important;padding:10px}
.blog_comment-avatar{display:block;float:left;height:auto;margin-right:10px;width:50px;background-color:#FFF;border:1px solid #DFDFDF;border-radius:3px 3px 3px 3px;box-shadow:0 0 5px #EBEBEB;padding:2px}
.blog_comment-avatar img{background-color:#FFF;border:0 none;vertical-align:middle;width:50px;min-height:50px;margin:0}
#blog_comments .post{clear:both;margin-bottom:15px;position:relative;border:0 none!important;padding:0}
span.comment-time,span.comment-number{color:#888;position:absolute;right:40px;top:0;font-size:11px!important}
.comment-content{border-top:1px solid #DFDFDF}
#blog_comments .post span.dialog{height:20px;left:-10px;position:absolute;top:0;width:10px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/dialog11.png) no-repeat scroll 0 0 transparent}
.comment-number img{position:absolute;padding:2px;right:0;}
.comment-number{cursor:pointer;right:10px!important}
.comment-number img.dropP{background-color:#FFF;z-index:100;border-color:#09A2E8;border-style:solid solid none;border-width:1px;}
.dropMenuP{display:none;background-color:#FFF;border:1px solid #09A2E8;position:absolute;right:10px;top:30px;padding:0 5px}
/* Quyá»n hạn trong chuyĂªn mục */
#quanlylist{border:2px solid #EAEAEA;width:276px;padding:10px!important}
#quanlylist p{background-color:#8B8B8B;border:1px solid #807F7F;color:#FFF;font-variant:small-caps;text-shadow:1px 1px 1px #000;width:278px;margin:7px -12px;padding:3px 10px}
/* Thống kĂª */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#BFBFBF;border:1px solid #989898;color:#F8FF04;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;height:18px;text-shadow:1px 1px 1px #000;padding:5px;background: url(http://i46.servimg.com/u/f46/15/26/55/24/tcat10.png) repeat scroll 0 0 deepSkyBlue;}
/* Tìm thĂ nh viĂªn */
.jqDrag{width:398px}
.popup{min-width:434px;width:434px!important}
/* Tin nhắn tá»± Ä‘á»ng vĂ nĂºt Like */
#profile-advanced-details .autobot{color:#2220FB!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}
.loaddingLike{background:url(http://i48.servimg.com/u/f48/16/58/89/73/loadin11.gif) no-repeat scroll center center transparent;display:none;height:1.4em;width:126px;margin:-1.4em 0 -3px 200px}
.FMvi-like em {display:none;}
.post .post-options{height: 22px;position:relative}
.FMvi-like .nolikeplus{float:left}
.FMvi-like .nolikeminus{cursor:pointer;float:left;left:80px;position:absolute;top:5px}
.FMvi-like{min-width: 180px;left:180px;position:absolute;display:none;}
.FMvi-like .likePro,.FMvi-like .likeNone{border-radius:1px 1px 1px 1px;color:#FFF;text-align:left;width:57px;padding:3px 5px}
.FMvi-like .likePro{cursor:pointer!important;background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll 45px center #31A8FC!important;border:1px solid #2888CC!important}
.FMvi-like .likeNone{cursor:not-allowed;background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll 45px center #B1B1B1;border:1px solid #919699}
.FMvi-like .likePro:hover{text-shadow:1px 1px 1px #000}
.FMvi-like .nub{display:none;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/tip10.png);background-position:0 0;background-repeat:no-repeat;float:left;height:8px;margin-left:-55px;margin-top:24px;position:relative;width:13px;z-index:99}
.FMvi-like .commentLike{min-width: 280px;display:none;background-color:#FBFAE6;border:1px solid #A3A3A3;float:left;left:0;top:30px;position:absolute;z-index:30;padding:5px}
.commentLike input{background-color:#FFF;border:1px solid #A3A3A3;display:none;height:28px;width:350px}
.commentLike p{padding:7px 0;text-align:left}
.FMvi-like .closeFMvi_like{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/tip10.png);background-position:0 -9px;background-repeat:no-repeat;height:16px;right:2px;top:2px;position:absolute;width:15px}
/* Text button */
.large_textbutton{background:url(http://i48.servimg.com/u/f48/16/58/89/73/newbtn10.png) repeat-x scroll left top #006BB7;border:0 none;border-radius:10px 10px 10px 10px;box-shadow:0 3px 8px #DDD;clear:left;color:#FFF!important;display:block;float:right;font:14px Arial,sans-serif;margin-left:10px;margin-top:-2px;position:relative;padding:4px 15px}
.small_textbutton{background-color:#006BB7;border:0 none;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px #DDD;clear:left;color:#FFF!important;display:block;float:right;font:11px Arial,sans-serif;position:relative;margin:2px!important;padding:2px 4px}
.large_textbutton span{display:inline;font-size:15px;font-weight:700}
.small_textbutton:hover,.large_textbutton:hover{background-color:#037730;text-shadow:1px 1px 1px #000}
.small_textbutton:active,.large_textbutton:active{background-color:#000}
/* Bảng thĂ´ng bĂ¡o kĂo thả */
#StickyWin{opacity:0;display:none;position:absolute;z-index: 999;visibility:visible;left:43%;top:45%;border-radius:5px 5px 5px 5px}
.modalWrap{background:url(http://jsfiddle.net/img/modal/bg.png) repeat scroll 0 0 transparent;border-radius:4px 4px 4px 4px;font-size:.8em;z-index:300;padding:10px}
.modal_jslint{width:auto}
.modalWrap .modalHeading{border-radius:2px 2px 2px 2px;height:38px;position:relative}
.modalWrap .modalHeading .close{background:url(http://jsfiddle.net/img/modal/close.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;left:0;position:absolute;text-indent:-9000em;top:5px;width:15px}
.modalWrap .modalBody{cursor:default;background:none repeat scroll 0 0 #FFF;border-radius:2px 2px 2px 2px;color:#000;font-family:Helvetica,"Lucida Sans","Lucida Sans Unicode","Luxi Sans",Tahoma,sans-serif;font-size:1.2em;position:relative;padding:10px}
.modalWrap .modalHeading h3{font-variant:normal;letter-spacing:0;color:#FFF;cursor: move;font-size:1.2em;text-align:center;text-shadow:0 1px 0 #183048;padding:6px 0}
.active{background-color:#FF0;border-color:#ADA}
/* BỠgõ mudim style by www.c3zone.net */
#mudimPanel {-webkit-transition: all 2s ease;-moz-transition: all 2s ease;background:#FFF url(http://i48.servimg.com/u/f48/16/58/89/73/go1010.jpg) no-repeat right center!important;-moz-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);top: 200px!important;left:-333px!important;width: 330px!important;height: 47px!important;padding: 4px 26px 4px 4px!important;font-size: 9px!important;font-weight:bold;vertical-align:middle;-moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000;}
#mudimPanel:hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);left:0!important}
/* Fancybox */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-prev,.fancybox-next{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url(http://i48.servimg.com/u/f48/16/58/89/73/blank10.gif);z-index:1003}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-prev span,.fancybox-next span{position:absolute;top:50%;left:-9999px;width:36px;height:36px;margin-top:-18px;cursor:pointer;z-index:1003}
.fancybox-prev span{background-position:0 -36px}
.fancybox-next span{background-position:0 -72px}
.fancybox-prev:hover span{left:20px}
.fancybox-next:hover span{left:auto;right:20px}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
#fancybox-buttons{position:fixed;left:0;width:100%;z-index:1005}
#fancybox-buttons.top{top:10px}
#fancybox-buttons.bottom{bottom:10px}
#fancybox-buttons ul{display:block;width:170px;height:30px;list-style:none;-webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);background:#111 0 0 50% 50% 100%;border-radius:3px;margin:0 auto;padding:0}
#fancybox-buttons ul li{float:left;margin:0;padding:0}
#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb11.png);background-repeat:no-repeat;outline:none}
#fancybox-buttons a.btnPrev{width:32px;background-position:6px 0}
#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}
#fancybox-buttons a.btnPlay{background-position:0 -30px}
#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}
#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}
#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}
#fancybox-buttons a.btnClose{border-left:1px solid #111;width:38px;background-position:-57px 0}
#fancybox-buttons a.btnDisabled{opacity:0.5;cursor:default}
.fancybox-prev:hover,.fancybox-next:hover,.fancybox-opened .fancybox-title{visibility:visible}
.post-entry .entry-content img{max-width:350px}
.iconPlayer{background:url(//ssl.gstatic.com/s2/tt/images/play-overlay.png) no-repeat scroll center center transparent;left:140px;opacity:0.8;position:absolute;top:-155px;z-index:99;padding:40px !important}
.fancybox-inner{overflow:hidden!important}
.fancyimg-fmvi{cursor: -moz-zoom-in;cursor: -webkit-zoom-in}
#loginFancy{width:305px;margin:-5px -5px -17px;padding:0!important}
#loginFancy .user_login_form{text-align:left}
#loginFancy p{width:269px;position:relative;padding:5px}
#loginFancy .mainoption{border:0;font-style:normal!important;font-weight:500;border-radius:0;margin-top:-5px;padding:4px 2px important}
#loginFancy .post{position:absolute;left:80px;width:90px}
#loginFancy .Rlogin{right:0;position:absolute}
/* Khung viá»n trả lá»i */
#text_editor_textarea, textarea{
padding: 3px;
background: white;
border: 2px solid #000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
}
.pun table .tdtopics .status {
margin-left: -50px;
}
.forumline.module-advert {
opacity: 0.2;
}
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
border: 1px solid #afafaf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 1px 3px 0px #afafaf;
-webkit-box-shadow: 1px 3px 0px #afafaf;
}
div.postbody1 dl {
background: none repeat scroll 0 0 white;
border: 1px solid #E0E0E0;
display: block;
list-style: none outside none;
margin: 0;
padding: 4px;
}
div.postbody1{
background: transparent url(http://i43.servimg.com/u/f43/16/03/04/56/new_b10.png) no-repeat 0 100%;
font-size: 12px;
line-height: 18px;
padding-bottom: 9px;
}
#banner {
height: 310px;
width: 945px;
margin: 0 auto;
padding: 30px 30px;
background-image: url('http://i.imgur.com/wjxcs.png');
}
#bg_footer {
text-align: center;
height: 170px;
clear: both;
width: 945px;
margin: 0 auto;
padding: 30px 30px;
background-image: url('http://i.imgur.com/4s5AT.png');
}
.boxbody{background:url(/users/2211/12/43/96/album/box-sh10.gif) no-repeat scroll 0 100% transparent;font-size:12px;line-height:18px;padding-bottom:9px}
.bbody{background:#fff;font-size:11px}
.boxbody div{background:none repeat scroll 0 0 #FFF;border:1px solid #e0e0e0;display:block;list-style:none outside none;margin:0;padding:4px}
.xemtip {
background-color: white;
width: 270px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px dotted #940000;}
.xemmoi {
background: #fff;
border-radius: 2px 2px 2px 2px;
box-shadow: 2px 3px 3px #C8C8C8;
text-align: left;
margin: 20px 10px;
padding: 10px;
}
.xemgui {
width: 18px;
height: 25px;
float: left;
background: url(http://i.imm.io/lwog.png) no-repeat scroll left top transparent;
margin-left: -28px;
}
#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;
}
/* TĂ¹y chá»n hình ná»n */
#custom_background{background-image:url('http://2img.net/i/fa/empty.gif') !important;box-shadow:0 0 10px rgba(0,0,0,0.8) inset;color:#FFF;position:relative;padding:15px 0 15px 15px}
#custom_background span{-moz-transition:all .2s ease-in-out 0;background:none no-repeat scroll 50% 50% #000;border-radius:7px 7px 7px 7px;box-shadow:0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);cursor:pointer;display:block;float:left;height:90px;margin-right:15px;width:140px}
#custom_background span:hover{box-shadow:0 1px 2px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35)}
#bg1{background-image:url(http://farm06.go.vn/photo02/data/20120322/10798851/1AF1A332300A3C556B1E72853968DEF5.jpg.140.90.cache)!important}
#bg6{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/backgr15.jpg)!important}
#bg5{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/backgr16.jpg)!important}
#bg2{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/backgr17.jpg)!important}
#bg3{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/guitar10.jpg)!important}
#bg4{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/backgr18.jpg)!important}
#custom_url{clear:left;padding-top:10px;text-align:center}
#custom_input{background:none repeat scroll 0 0 rgba(0,0,0,0.5);border:0 none;border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15);color:#FFF;font-size:20px;height:40px;margin-left:-15px;margin-right:8px;white-space:nowrap;width:780px;padding:0 10px 0 0}
#custom_submit{background:url(http://i48.servimg.com/u/f48/16/58/89/73/highli10.png) repeat-x scroll 0 0 rgba(197,206,213,0.4);border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,0.6);color:#FFF;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:40px;text-shadow:0 -1px 0 #4C5057;padding:0 10px}
.bg1{background:url(http://i.imgur.com/8BHQb.png) repeat fixed 50% 0 #fff!important}
.bg2{background:url(http://www.coolholidaygraphics.com/valentine/backgrounds/valentineback44.gif) repeat fixed 50% 0 #000!important}
.bg3{background:url(http://i48.servimg.com/u/f48/16/58/89/73/guitar10.jpg) repeat fixed 50% 0 #000!important}
.bg4{background:url(http://nhipsongteen.vn/4r/styles/xiteen-rajn/bg.jpg) repeat fixed 50% 0 #000!important}
.bg5{background:url(http://i48.servimg.com/u/f48/16/58/89/73/backgr11.jpg) no-repeat fixed 50% 0 #0E1E2D!important}
.bg6{background:url(http://i.imgur.com/G5Rck.png) repeat fixed 100% 0 #000!important}
.bg_custom{background-size:100% auto;background-position:0 43px;background-attachment:fixed;background-color:#000;background-repeat:no-repeat}
.toplinkfmvi{background-color:#000;border:3px dotted #444!important;border-radius:15px 15px 15px 15px;cursor:pointer;float:right;padding:5px}
.toplinkfmvi:hover{background-color:#FFF}
.toplinkfmvi:active{background-color:#E71E7B}
div.postbody1{
background: transparent url(http://i.imgur.com/6tW3I.gif) no-repeat 0 100%;
font-size: 12px;
line-height: 18px;
padding-bottom: 9px;
}
/*color box-------------------------------------------------------------------*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;background:url(http://img155.imageshack.us/img155/3050/47551978.jpg);}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro26.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/15/90/59/25/loadin12.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}
.thanhtieude {
background: url(http://i43.servimg.com/u/f43/16/03/04/56/iaza1811.gif) no-repeat scroll 0 50% transparent;
margin-left: -12px;
margin-top: -35px;
width: 169px;
color: white;
font-size: 9px;
height: 45px;
line-height: 32px;
text-align: center;
text-shadow: 1px 0 1px #2A2A2A;
position: absolute;
}
#shop_auto:hover {
background-color: #82D23D;
margin-right: -5px;
}
#shop_auto {
display: block;
top: 250px;
right: 0px;
width: 33px;
height: 108px;
position: fixed;
background-image: url(http://i.imm.io/pznK.png);
background-color: black;
color: white;
}
#float_help:hover {
background-color: #82D23D;
margin-right: -5px;
}
#float_help {
display: block;
top: 115px;
right: 0px;
width: 33px;
height: 108px;
position: fixed;
background-image: url(http://asset0.zendesk.com/external/zenbox/images/tab_help_right.png);
background-color: black;
color: white;
}
a#abb1:hover {
background-color: #82D23D;
margin-left: -5px;
}
a#abb1 {
background-color: #F63;
top: 80px;
left: 0;
width: 42px;
height: 102px;
color: white;
cursor: pointer;
position: fixed;
margin-left: -9px;
background-image: url('http://i.imgur.com/1xb4v.png');
}
#vlightbox a#vlb{display:none}
body {
cursor:url("http://forumotion.googlecode.com/files/chuot.cur"), url("http://forumotion.googlecode.com/files/chuot.cur"), auto;
}
/* Trượt tiĂªu Ä‘á» má»—i box */
a.forumtitle {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;}
a.forumtitle:hover {
margin-left: 50px;}
.dangnhapvds {
z-index: 999;
position: fixed;
width:200px;
height:170px;
left:5px;
bottom:-125px;
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transition-delay: 3s; -webkit-transition-delay: 3s; -moz-transition-delay: 3s;
}
.dangnhapvds:hover {
bottom:0;
transition: all 1s cubic-bezier(1,0.1,0.1,1); -webkit-transition: all 1s cubic-bezier(1,0.1,0.1,1); -moz-transition: all 1s cubic-bezier(1,0.1,0.1,1);
}
.thongtinthanhvienvds {
z-index: 999;
position: fixed;
width:200px;
height:450px;
left: 5px;
bottom:-405px;
transition: all 3s cubic-bezier(0,1,0.1,0.8); -webkit-transition: all 3s cubic-bezier(0,1,0.1,0.8); -moz-transition: all 3s cubic-bezier(0,1,0.1,0.8);
}
.thongtinthanhvienvds:hover {
bottom:0;
transition: all 1s cubic-bezier(1,0.1,0.1,1); -webkit-transition: all 1s cubic-bezier(1,0.1,0.1,1); -moz-transition: all 1s cubic-bezier(1,0.1,0.1,1);
}
.tipsy{font-size:12px;padding:5px;position:absolute;text-shadow:none;z-index:999}.tipsy-inner{-moz-border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);background:#0066FF url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;background-color:#0066FF;border-radius:3px;color:#fff;max-width:200px;padding:8px;text-align:center}.tipsy-arrow{background:url(http://i.imm.io/oP2d.jpeg) no-repeat top left;height:5px;position:absolute;width:9px}.tipsy-n .tipsy-arrow{left:50%;margin-left:-4px;top:0}.tipsy-nw .tipsy-arrow{left:10px;top:0}.tipsy-ne .tipsy-arrow{right:10px;top:0}.tipsy-s .tipsy-arrow{background-position:bottom left;bottom:0;left:50%;margin-left:-4px}.tipsy-sw .tipsy-arrow{background-position:bottom left;bottom:0;left:10px}.tipsy-se .tipsy-arrow{background-position:bottom left;bottom:0;right:10px}.tipsy-e .tipsy-arrow{background-position:top right;height:9px;margin-top:-4px;right:0;top:50%;width:5px}.tipsy-w .tipsy-arrow{height:9px;left:0;margin-top:-4px;top:50%;width:5px}
.page-title {
padding-left: 200px;
padding-right: 10px;
padding-top: 37px;
color: white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
}
.main-head {
color: white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
}
#zzadfooter {
display: none;
}
.baivietdai{overflow:hidden}
.thugon span:hover{text-shadow:1px 1px 1px #000;cursor:pointer}
.thugon{background-color:#f6ff9d;border:3px double #0668ad;clear:both;padding:2px 10px}
.viewfull{background:url(//ssl.gstatic.com/ui/v1/zippy/arrow_down.png) no-repeat scroll 3px 7px transparent;padding:0 15px}
.viewhide{display:none;background:url(//ssl.gstatic.com/ui/v1/icons/mail/arrow_up.png) no-repeat scroll 3px 7px transparent;padding:0 15px}
.fullOff{background:url(http://www.9xstudio.biz/users/2012/10/88/45/album/power_10.png) no-repeat scroll 0 2px transparent;margin-top:-2px;padding:2px 5px 2px 20px}
.hihi {background-color: #1F537B;color: #DEDFDF;font-weight: 400;padding: 0.7em 0.1em;}
.dacong{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll 0 0 ;float:left;height:16px;width:16px;text-align:middle;}.datru{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll ;float:left;height:16px;width:16px;text-align:middle;}
.vote-button{float:left;width:70px}
.c3zplus{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll 0 0 ;float:left;height:16px;width:16px; text-align:middle; margin-left:-113px;}
.c3zplus{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;width:34px;padding:5px 8px 5px 25px;text-align:left; text-color: black;margin-top: -4px;background-color:#ECEEF5;border: 1px solid #CAD4E7;border-radius: 3px 3px 3px 3px; color:#FFF!important;display:block;position:relative;}
.c3zplus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat scroll ;float:left;height:16px;width:16px;text-align:left;}
.c3zminus{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;width:34px;padding:5px 8px 5px 25px;text-align:left; text-color: black;margin-top: -4px;background-color:#ECEEF5;border: 1px solid #CAD4E7;border-radius: 3px 3px 3px 3px; color:#FFF!important;display:block;position:relative;}
.ost,.share,.c3zvau .qua,.no{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;padding:5px 8px 5px 25px}.share{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/fav10.png)}.qua{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/no10.gif);padding-left:29px!important}.no{padding:5px 8px}.no .vop{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat left center;padding:0 0 0 20px}.no .vom{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat left center;padding:0 0 0 20px}
/* UItoTop jQuery Plugin 1.1 */
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:35px;
right:5px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
opacity: 1;
background:url('http://a.wattpad.net/image/ui.totop.png') no-repeat left top;
}
#toTopHover {
background:url('http://a.wattpad.net/image/ui.totop.png') no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
Index_body
- Code:
<div id="pun-info" class="boxFMvi main">
<div class="main-head">
<div class="page-title">
<h2>Tình hình diễn đàn</h2>
</div>
</div>
<div class="main-content">
<!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</div>
<img src="http://i43.servimg.com/u/f43/17/03/56/26/think11.png">
{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 -->
<!-- BEGIN switch_user_logged_in -->
<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>
<img src="http://i43.servimg.com/u/f43/17/03/56/26/think11.png">
<!-- END switch_user_logged_in -->
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<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>
<img src="http://i43.servimg.com/u/f43/17/03/56/26/think11.png">
</div>
<div class="main-box clearfix">
<p align="center">{GROUP_LEGEND}</p>
</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 -->
<!-- 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 -->
nguồn: [You must be registered and logged in to see this link.] Người rip:Kent