[PunBB] Blue Demon
Trang 1 trong tổng số 1 trang • Share
- LukasThành viên thông thường
- Tổng số bài gửi : 50
Điểm : 118
Danh vọng : 0
Ngày tham gia : 10/03/2018
Demo:
http://dreamworld.forumvi.com/forum
CSS:
Overall header:
http://dreamworld.forumvi.com/forum
CSS:
- Code:
ol, ul {
list-style: none;
}li { display: list-item; }
#topBar {
background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/topBarBG.gif) repeat-x top left;
position: relative;
border-left: 1px solid #0F4165;
border-right: 1px solid #0F4165;
height: 45px;
line-height: 40px;
font-size: 11px;
color: white;
padding: 0;
}.skinWrap {
margin: 0 auto 0 auto;
width: 990px;
padding: 0 28px;
position: relative;
}.topWelcome {
float: left;
}.memberBox {
float: right;
line-height: 40px;
}.loginLeft {
float: left;
}.memberBox ul {
list-style: none;
padding: 0;
margin: 0;
}#fb_headerbox {
padding-right: 5px;
}
.loginInput {
background: white;
border: 1px solid #0085D3;
width: 107px;
height: 19px;
line-height: 19px;
color: #9E9E9E;
font-size: 11px;
padding: 0 3px;
margin: 0;
float: left;
}.above_body {
padding: 0;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.above_body {
background: #003A6E url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/headerBG.gif) repeat-x left bottom;
padding: 0 0 0 0;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}.headerWrapBox {
position: relative;
}
.skinWrap {
margin: 0 auto 0 auto;
width: 990px;
padding: 0 28px;
position: relative;
}
.bannerBox {
background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/bannerBox.gif) no-repeat top left;
width: 468px;
height: 60px;
position: absolute;
top: 86px;
right: 28px;
z-index: 999;
}
.
.navtabs li.selected {
color:#7ee200;
height:42px;
}
.navtabs li.selected a.navtab {
color:#7ee200;
position:relative;
top:-px;
padding-top:px;
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
line-height:27px;
}
.navtabs li.selected li {
padding:0 5px;
}
.navtabs li.selected li li {
padding:0 2px;
}
.navtabs li.selected li a {
color:#003a6e;
font-weight:400;
padding:2px 5px;
}
.navbar_advanced_search li {
height:27px;
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:#ffffff;
}
.navbar_advanced_search li a:hover {
color:#7ee200;
text-decoration:underline;
}
.navtabs li.selected li a:hover {
color:#a0c0db;
text-decoration:underline;
}
.navtabs li.selected .popupbody li > a {
padding:0pxpx 10px;
text-indent: 0;
color: ;
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:solid px transparent;
_border: none;
background:transparent url(http://www.completevb.com/demovb4/images/styles/BlueDemon/misc/arrow.png) no-repeat right center;
padding-right:15px;
_background-image:url('http://www.completevb.com/demovb4/images/styles/BlueDemon/misc/arrow.gif');
color:#003a6e;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
color:#fff;
}#header {
position: relative;
}
.doc_header {
height: 84px;
}
body a {
color: #0078C9;
text-decoration: none;
}/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
background:#fdfeff;
color:;
height:25px;
padding:4px 10px 0px 10px;
margin-bottom:8px;
border:1px solid #c0d5e7;
}
.bcLeft {}
.bcRight {}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
font-weight:400;
color:;
}
.breadcrumb .navbit a:hover {
background:215678;
color:#fff;
border:1px solid transparent;
}
#contentMain {
background: white url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/contentBG.gif) repeat-x top left;
padding: 12px 0;
}/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footerNav {
background:url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/footerNav.gif) repeat-x top left;
height:40px;
line-height:40px;
}
.footerNavLeft {
background:url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/footerNavEnd.gif) no-repeat top left;
height:40px;
}
.footerNavRight {
background:url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/footerNavEnd.gif) no-repeat top right;
height:40px;
padding:0;
}
.footerNav ul {
list-style:none;
padding:0;
margin:0;
}
.footerNav li {
float:left;
padding:0 15px;
}
.footerNav a:link, .footerNav a:visited {
color:#fff;
font-weight:700;
}
/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerMain {
background:url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/footerBG.gif) repeat-x top left;
color:#fff;
font-size:11px;
line-height:18px;
}
#footerMain a:link, #footerMain a:visited {
color:#dbf5ff;
}
#footerMain a:hover {
color:#fff;
}
#footerMain .time {
color:#dbf5ff;
}
.copyright {
float:left;
padding:5px 0;
}
.footerLogo {
float:right;
}
/* Thead Bars (Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.thead_bar .theadrow {
background:#002850 url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/theadBG.gif) repeat-x left top;
display:block;
width: 100%;
float: left;
position:relative;
font: normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border:1px solid #0d4674;
border-top:0;
color:#fff;
line-height:23px;
}
.thead_bar .padding {
padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
width: 23%;
}
.thead_bar .theadrow .forumdata {
float: left;
}
.thead_bar {
float: left;
position:relative;
width: 100%;
display:block;
}
.thead_bar .forumhead .forumtitle {
width: 76%;
}
.thead_bar .foruminfo {
width: 53%;
min-width: 30%;
float: left;
clear: right;
}
.thead_bar .foruminfo .forumdata {
padding: 0;
width: 100%;
_width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
display: block;
float: left;
clear: right;
width: 16%;
margin-right: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
float: left;
width: 86%;
padding:0;
padding-left: 72px;
}
.thead_bar .forumactionlinks {
width: 5%;
display:block;
float:left;
clear:right;
}
.forumbitBody {
padding-right:2px;
z-index:1;
clear:both;
}
#post {
z-index:1;
}
.threadlist {
margin-top:0;
}
#threadlist .threadlisthead {
background:#002850 url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/theadBG.gif) repeat-x left top;
display:block;
width: 100%;
float: left;
position:relative;
border:1px solid #0d4674;
border-top:0;
color:#fff;
padding:4px 0px 4px 0px;
font: normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0;
}
#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
color:#fff;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background:#002850 url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/theadBG.gif) repeat-x left top;
clear:both;
display:block;
float: left;
width: 100%;
color:#fff;
margin: -1px -1px 0;
font: normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding:4px 0px 4px 0px;
border:1px solid #0d4674;
border-top:0;
}
#posts .posthead a:link, #posts .posthead a:visited {
color:#fff;
}
#posts .posthead a:hover {
color:#fff;
}
#posts .posthead .time, #posts .nodecontrols {
color:#fff;
}/* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tcatBar {
background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/tcatBG.gif) repeat-x left top;
float: left;
width: 100%;
color: #fff;
height:44px;
clear:both;
margin-top: 8px;
border:0;
position:relative;
}
.tcatLeft {
background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/tcatLeft.gif) no-repeat left top;
height:44px;
}
.tcatRight {
background: .tcatBar .tcatDesc {
font-size:11px;
font-weight:400;
}
.tcatBar h2 {
padding-left:16px;
font: bold 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
line-height:44px;
float:left;
}
.tcatBar a:link, .tcatBar a:visited {
color:#fff;
}
.tcatBar a:hover {
}
.tcatBar .tcatCollapse {
position:absolute;
top:10px;
right:10px;
}
#forumdisplaypopups ul a, .forumdisplaypopups ul a {
color:#3E3E3E;
}
#forums .L1 .forumhead a {
font: bold 12px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
}
#forums .L1 .forumhead .forumdescription {
display:none;
}
#forums .L1 .L2 {
display:block;
clear: both;
}
#forums a.username {
color: #008ed2;
}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
box-shadow: -2px 2px 2px #c8c8c8;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #4e4e4e;
background: rgb(255, 255, 255) url(images/gradients/grey-up.png) repeat-x left bottom;
_background-image: none;
display:block;
width: 100%;
float: left;
min-height: 62px; /* 48px is the icon size */
position:relative;
border-bottom: 1px solid #c2d2df;
border-left: 1px solid #c2d2df;
border-right: 1px solid #c2d2df;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
position: absolute;
left: 10px;
top: 5px;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
display: inline-block;
width:100%;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
margin-left: 72px;
}
.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
margin-left: 0;
}
/* forumbit nopost */
.forumbit_post .foruminfo .forumdata {
padding: 4px 0;
font-size: 12px;
}
.forumbit_nopost .forumhead .forumtitle {
font-size: 13px;
min-width: 64%;
}
.forumbit_nopost .forumhead .forumtitle a {
color: #ffffff;
margin-left: 10px;
}
.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
font-size: 12px;
}
.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
width: 21%;
}
.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
position:absolute;
top: -15px;
right: -6px;
display:block;
width:13px;
height:13px;
overflow:hidden;
float: right;
clear: left;
}
.forumbit_nopost:hover .forumhead a.collapsegadget {
visibility:visible;
}
/* Removed for VBIV-14010
.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
margin-left: 10px;
position: relative;
top: -10px;
}
*/
/* forumbit post */
.forumbit_post {
float: left;
position:relative;
width: 100%;
display:block;
}
.forumbit_post .forumhead span {
padding: 0;
}
.forumbit_post .forumhead .forumlastpost {
top: 0;
margin-top: 0;
}
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
padding: 5px 0;
}
.forumbit_post .forumhead .forumtitle {
font-size: 13px;
min-width: 64%;
}
.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-left: 10px;
}
.forumbit_post .foruminfo {
width: 57%;
min-width: 30%;
float: left;
clear: right;
min-height: 52px;
}
.forumbit_post .foruminfo .forumicon{
position: absolute;
left: 10px;
}
.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
float: left;
clear: right;
}
.forumbit_post .foruminfo .viewing {
white-space:nowrap;
}
.forumbit_post .foruminfo .forumdata {
padding: 0;
width: 100%;
_width: 99%;
}
.forumbit_post .foruminfo .forumdata .datacontainer {
float: left;
width: 88%;
padding-left: 72px;
}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: 13px;
margin-right: 10px;
}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
font-weight:bold;
}
.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
padding-left:1.8em;
background:url('images/styles/FunkyFresh/misc/child_forum.png') top left no-repeat;
}
.forumbit_post .foruminfo .forumdata .viewing {
font-style: italic;
margin-right:10px;
margin-top: 3px;
font-size: 11px;
}
.forumbit_post .forumactionlinks {
width: 5%;
display:block;
float:left;
clear:right;
}
.forumbit_post .forumactionlinks li {
display: inline;
}
.forumbit_post .forumactionlink {/* values based on icon size */
display:block;
width:18px;
height:12px;
overflow:hidden;
float: right;
clear: left;
background:transparent none no-repeat;
position: relative;
margin: 3px 10px 0 0;
}.forumactionlink a {
/* values based on icon size */
display:block;
padding-left:18px;
}
.forumactionlinks .rsslink {
background-image:url(images/styles/FunkyFresh/misc/rss_40b.png);
}
.forumactionlinks .subslink {
background-image:url(images/styles/FunkyFresh/misc/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
background-image:url(images/styles/FunkyFresh/misc/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
display:block;
clear:both;
padding-right: 10px;
}
.forumbit_post .unsubscribe {
display:block;
right: 0;
top: 2px;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
display: block;
float: left;
clear: right;
width: 12%;
margin-right: 2%;
}
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
font-size: 12px;
text-align: right;
padding-right: 20px;
display:block;
}
.forumbit_post .forumlastpost {
display:block;
float: left;
clear: right;
}
.forumbit_post .forumrow .forumlastpost {
width: 24%;
font-size: 12px;
padding-top: 5px;
}
.forumbit_post .forumlastpost .lastpostdate {
font-size: 11px;
}
.lastpostlabel {
display: none;
}
.forumlastpost .lastposttitle .postimg {
vertical-align:middle;
margin-top:-2px;
}
.forumlastpost p.lastposttitle {
overflow: hidden;
}
/* bảng thống kê vbb */
.wgo_block {
margin: 0;
}
.wgo_block {
display: block;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-box-shadow: -2px 0px 2px #C8C8C8;
-webkit-box-shadow: -2px 0px 2px #C8C8C8;
box-shadow: -2px 0px 2px #C8C8C8;
margin-bottom: 0px;
}
.block {
background: transparent none;
clear: both;
padding: 0;
color: ;
font: ;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.wgo_block .blockbody {
border: 1px solid #C4C4C4;
background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x;
_background-image: none;
width: 969px;
}
.formcontrols {
border-right: 1px solid #B9C4CD;
border-left: 1px solid #B9C4CD;
border-bottom: 1px solid #B9C4CD;
}
.wgo_block .section {
display: block;
padding: 0 0 0.5em;
font: 12px;
color: #3E3E3E;
clear: both;
width: 100%;
background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom;
font-size: 9pt;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
.wgo_block .blocksubhead {
font: normal 13px;
color: #3E3E3E;
background: transparent;
}
.floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #4E4E4E;
background: white url(http://www.completevb.com/demovb4/images/gradients/grey-up.png) repeat-x left bottom;
_background-image: none;
display: block;
width: 100%;
float: left;
min-height: 62px;
position: relative;
border-bottom: 1px solid #B0C4D2;
border-left: 1px solid #B0C4D2;
border-right: 1px solid #B0C4D2;
}
Overall header:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('#fa_ticker_content').css('display','block');
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main">
<div id="login_popup_title" class="main-head">
<div class="h3">{SITENAME}</div>
</div>
<div class="main-content">
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button2" value="{L_LOGIN}" />
<input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
<a id="top" name="top" accesskey="t"></a>
<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE">
<div id="topBar"><div class="skinWrap">
<div class="topWelcome">
Welcome to the CompletevB Demo vB4.
</div>
<div class="memberBox">
<div class="loginLeft">
<!-- login form -->
<!-- BEGIN switch_user_logged_out -->
<form action="/login.forum" method="post" name="form_login" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>
<ul>
<li><a href="register.php" rel="nofollow" class="notreg">Register</a></li>
<li><span class="loginTxt">Login:</span></li>
<li class="inputPad"><div class="loginBoxInput"><input placeholder="Tên đăng nhập" class="loginInput" type="text" size="20" name="username"></div></li>
<li class="inputPad"><div class="loginBoxInput"><input placeholder="Mật khẩu" class="loginInput" type="password" size="20" name="password"></div></li>
<li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" class="radio" name="autologin" checked="checked"> Remember Me?</label></li>
<li class="inputPad"><input type="image" src="http://www.completevb.com/demovb4/images/styles/BlueDemon/style/loginButton.gif" tabindex="104" value="Log in" name="login"title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s"></li>
</ul>
<input type="hidden" name="s" value="">
<input type="hidden" name="securitytoken" value="guest">
<input type="hidden" name="do" value="login">
<input type="hidden" name="vb_login_md5password">
<input type="hidden" name="vb_login_md5password_utf">
</form>
<script type="text/javascript">
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
vB_XHTML_Ready.subscribe(function()
{
//
YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
});
function navbar_username_focus(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == 'User Name')
{
//
textbox.value='';
textbox.style.color='#000000';
}
}
function navbar_username_blur(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '')
{
//
textbox.value='User Name';
textbox.style.color='#777777';
}
}
function navbar_password_hint(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
YAHOO.util.Dom.get('navbar_password').focus();
}
function navbar_password(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '')
{
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
}
}
</script>
<!-- END switch_user_logged_out -->
<!-- / login form -->
<!-- BEGIN switch_user_logged_in -->
Chào Mừng Bạn Đã Đến Với Diễn Đàn Của Chúng Tôi! Chúc Bạn Vui Vẻ ! ^^
<!-- END switch_user_logged_in -->
<!-- / login form -->
</div>
</div>
</div></div><div class="above_body"> <!-- closing tag is in template navbar -->
<div class="headerWrapBox"><div class="skinWrap">
<div class="bannerBox">
</div>
</div>
<div id="navbar" class="navbar">
<div class="navLeft"><div class="navRight"><div class="navWrap">
<ul id="navtabs" class="navtabs floatcontainer">
<li id="vbtab_whatsnew">
<a class="navtab" href="activity.php">What's New?</a>
</li>
<li id="vbtab_cms">
<a class="navtab" href="content.php">Articles</a>
</li>
<li class="selected" id="vbtab_forum">
<a class="navtab" href="forum.php">Forum</a>
<ul class="floatcontainer">
<li id="vbflink_newposts"><a href="search.php?do=getnew&contenttype=vBForum_Post">New Posts</a></li>
<li id="vbflink_faq"><a href="faq.php">FAQ</a></li>
<li id="vbflink_calendar"><a href="calendar.php">Calendar</a></li>
<li class="popupmenu" id="vbmenu_community">
<a href="javascript://" class="popupctrl" id="yui-gen1">Community</a>
</li>
<li class="popupmenu" id="vbmenu_actions">
<a href="javascript://" class="popupctrl" id="yui-gen3">Forum Actions</a>
</li>
<li class="popupmenu" id="vbmenu_qlinks">
<a href="javascript://" class="popupctrl" id="yui-gen5">Quick Links</a>
</li>
</ul>
</li>
<li id="vbtab_blog">
<a class="navtab" href="blog.php">Blogs</a>
</li>
</ul>
<div id="searchBox" class="searchBox">
<form class="navbar_search" id="navbar_search" method="get" action="/search">
<input type="hidden" value="searchbox" name="mode">
<input type="hidden" value="posts" name="show_results" id="rposts">
<input type="hidden" checked="checked" value="topics" name="show_results" id="rtopics">
<span class="searchBox_container">
<input type="text" class="textbox" name="search_keywords" tabindex="99" class="textbox">
</span>
<span class="searchBox_button">
<input type="image" tabindex="100" name="submit" src="http://www.completevb.com/demovb4/images/styles/BlueDemon/buttons/search.png" class="searchbutton">
</span>
</form>
<ul class="searchBox_advanced_search">
<li><a href="/search" accesskey="4">Advanced Search</a></li>
</ul>
</div>
</div></div></div>
</div>
<div id="header" class="floatcontainer doc_header"><div class="skinWrap"><div class="headerWrap">
<div><a name="top" href="forum.php" id="logo"><img src="http://www.completevb.com/demovb4/images/styles/BlueDemon/style/logo.png" alt="CompletevB Demo vB4 - Powered by vBulletin" title="CompletevB Demo vB4 - Powered by vBulletin"></a></div>
</div></div></div>
</div>
</div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="contentMain"><div class="skinWrap">
<div id="contentBox">
<div class="contentBoxLeft"><div class="contentBoxRight">
<div class="body_wrapper_cvb"><div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight">
<ul class="floatcontainer">
<li class="navbit lastnavbit"><a href="/forum" accesskey="1"><img src="http://www.completevb.com/demovb4/images/styles/FunkyFresh/misc/navbit-home.png" alt="Home" title="Home"></a><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></li>
</ul>
<hr>
</div></div>
</div>
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div class="pun">
<div id="container">
<div id="content">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="main">
<div id="main-content">
<!-- BEGIN html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
</div>
</div></div></div>
</body>
</html>
<!-- END html_validation -->
- LukasThành viên thông thường
- Tổng số bài gửi : 50
Điểm : 118
Danh vọng : 0
Ngày tham gia : 10/03/2018
Index body:
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div class="tcatBar">
<div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
<h2>
<span class="forumtitle">Tình hình diễn đàn</span>
</h2>
</div></div>
</div>
<div id="wgo" class="collapse wgo_block block">
<div class="blockbody formcontrols floatcontainer">
<div id="wgo_onlineusers" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="Currently Active Users" title="Currently Active Users"> Ai đang online ?</h3><div><p class="gensmall"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></p></div></div><!--
endlogged-in users --><div id="wgo_stats" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://forum.vipautopro.com/images/styles/ShinyBlue/misc/forum_stats.png" alt=" Statistics" title=" Statistics"> Forum Statistics</h3><div><p class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</p></div></div>
<div id="wgo_stats2" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="ALS Statistics" title="ALS Statistics"> Member Stat</h3><div><table class="smallfont" id="dd4all"><tbody>{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</tbody></table></div></div>
<div id="wgo_legend" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://2img.net/i/fa/pbucket.gif" alt="Legend" title="Legend">Legend . Chatbox . Icon</h3><div><p class="gensmall"><!-- BEGIN switch_chatbox_activate -->
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST} <br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
<!-- END switch_chatbox_activate --></p><p class="gensmall">{GROUP_LEGEND}</p><p class="gensmall" style="margin-left:20px"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}"width="16" /> Bài viết mới<br><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}"width="16" /> Chưa có bài viết mới<br><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}"width="16" /> Chuyên mục khóa<br></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 -->
{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 -->
- LukasThành viên thông thường
- Tổng số bài gửi : 50
Điểm : 118
Danh vọng : 0
Ngày tham gia : 10/03/2018
Index box:
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- Start Forum tcat Heading ForumThemes -->
<div class="tcatBar">
<div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
<h2>
<span class="forumtitle"><a href="forumdisplay.php?1-CompletevB-Forum"><font color="#ffffff">{catrow.tablehead.L_FORUM}</a></font>
</span>
</h2>
<a class="collapse tcatCollapse" id="collapse_c_cat1" href="forum.php?styleid=6#top"><img src="http://www.completevb.com/demovb4/images/styles/FunkyFresh/buttons/collapse_tcat.png" alt="" title="Collapse this Category" /></a>
</div></div>
</div>
<!-- End Forum tcat Heading ForumThemes -->
<!-- Start Forum thead Heading ForumThemes -->
<div class="forumbitBody">
<div class="thead_bar">
<div class="theadrow table">
<div class="foruminfo td">
<div class="forumdata">
<div class="datacontainer">
Title
</div>
</div>
</div>
<div class="forumactionlinks td">
</div>
<div class="forumstats td" align="center">
</div>
<div class="forumlastpost td">
Last Post
</div>
</div>
</div>
<!-- endForum thead Heading ForumThemes -->
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<ol id="c_cat1" class="childforum">
<li id="forum2" class="forumbit_post L2">
<div class="forumrow table">
<div class="foruminfo td">
<img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="forumicon" id="forum_statusicon_281" alt="" />
<div class="forumdata">
<div class="datacontainer">
<div class="titleline">
<h2 class="forumtitle">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</h2>
</div>
<p class="forumdescription">
{catrow.forumrow.FORUM_DESC} </p>
</div>
</div>
</div>
<ul class="forumactionlinks td">
</ul>
<ul class="forumstats td">
<li>Threads:{catrow.forumrow.TOPICS} </li>
<li>Posts:{catrow.forumrow.POSTS}</li>
</ul>
<!-- BEGIN forum_link_no -->
<div class="forumlastpost td">
<div>
<p class="lastposttitle">
<div class="lastpostby">
{catrow.forumrow.LAST_POST}
</p>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
<style>/* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tcatBar {
background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/tcatBG.gif) repeat-x left top;
float: left;
width: 100%;
color: #fff;
height:44px;
clear:both;
margin-top: 8px;
border:0;
position:relative;
}
.tcatLeft {
background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/tcatLeft.gif) no-repeat left top;
height:44px;
}
.tcatRight {
background: url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/tcatRight.gif) no-repeat right top;
height:44px;
}
.tcatBar .forumtitle {
font-weight:700;
}
.tcatBar .tcatDesc {
font-size:11px;
font-weight:400;
}
.tcatBar h2 {
padding-left:16px;
font: bold 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
line-height:44px;
float:left;
}
.tcatBar a:link, .tcatBar a:visited {
color:#fff;
}
.tcatBar a:hover {
}
.tcatBar .tcatCollapse {
position:absolute;
top:10px;
right:10px;
}
/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
float:right;
padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
clear:both;
}
.tcat_threadlist_controls h6 {
height:44px;
line-height:44px;
padding:0;
display:block;
font-size:10pt;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
background:none;
display:block;
_display:44px;
height:44px;
line-height:44px;
font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-weight:bold;
font-size:11px;
font-weight:700;
color:#fff;
padding:0 10px;
border: 0;
float: left;
clear: right;
}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
border: 0;
color:#fff;
text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
color: #fff;
_border: none;
}
#postlist_popups a:hover, .postlist_popups a:hover {
color: #fff;
text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
border: 0;
}
#postlist_popups ul li {
color: #3E3E3E;
}
#postlist_popups ul li a, .postlist_popups ul li a {
color: #3E3E3E;
_border: none;
}
#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
color: #3E3E3E;
text-decoration:underline;
}
#forumdisplaypopups ul a, .forumdisplaypopups ul a {
color:#3E3E3E;
}
/* Thead Bars (Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.thead_bar .theadrow {
background:#002850 url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/theadBG.gif) repeat-x left top;
display:block;
width: 100%;
float: left;
position:relative;
font: normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border:1px solid #0d4674;
border-top:0;
color:#fff;
line-height:23px;
}
.thead_bar .padding {
padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
width: 23%;
}
.thead_bar .theadrow .forumdata {
float: left;
}
.thead_bar {
float: left;
position:relative;
width: 100%;
display:block;
}
.thead_bar .forumhead .forumtitle {
width: 76%;
}
.thead_bar .foruminfo {
width: 53%;
min-width: 30%;
float: left;
clear: right;
}
.thead_bar .foruminfo .forumdata {
padding: 0;
width: 100%;
_width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
display: block;
float: left;
clear: right;
width: 16%;
margin-right: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
float: left;
width: 86%;
padding:0;
padding-left: 72px;
}
.thead_bar .forumactionlinks {
width: 5%;
display:block;
float:left;
clear:right;
}
.thead_bar .forumactionlink {
display:block;
width:18px;
overflow:hidden;
float: right;
clear: left;
background:transparent none no-repeat;
position: relative;
}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
font-size: 12pxpx;
text-align: right;
padding-right: 20px;
display:block;
}
.thead_bar .forumlastpost {
display:block;
float: left;
clear: right;
}
.thead_bar .theadrow .forumlastpost {
width: 22%;
}
.forumbitBody {
padding-right:2px;
z-index:1;
clear:both;
}
#post {
z-index:1;
}
.threadlist {
margin-top:0;
}
#threadlist .threadlisthead {
background:#002850 url(http://www.completevb.com/demovb4/images/styles/BlueDemon/style/theadBG.gif) repeat-x left top;
display:block;
width: 100%;
float: left;
position:relative;
border:1px solid #0d4674;
border-top:0;
color:#fff;
padding:4px 0px 4px 0px;
font: normal 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0;
}
#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
color:#fff;
}
#forums .L1 .forumhead a {
font: bold 12px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
}
#forums .L1 .forumhead .forumdescription {
display:none;
}
#forums .L1 .L2 {
display:block;
clear: both;
}
#forums a.username {
color: #008ed2;
}
#forums a.username:hover {
color: #3c7091;
}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
box-shadow: -2px 2px 2px #c8c8c8;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
color: #4e4e4e;
background: rgb(255, 255, 255) url(images/gradients/grey-up.png) repeat-x left bottom;
_background-image: none;
display:block;
width: 100%;
float: left;
min-height: 62px; /* 48px is the icon size */
position:relative;
border-bottom: 1px solid #c2d2df;
border-left: 1px solid #c2d2df;
border-right: 1px solid #c2d2df;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
position: absolute;
left: 10px;
top: 5px;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
display: inline-block;
width:100%;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
margin-left: 72px;
}
.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
margin-left: 0;
}
/* forumbit nopost */
.forumbit_post .foruminfo .forumdata {
padding: 4px 0;
font-size: 12px;
}
.forumbit_nopost .forumhead .forumtitle {
font-size: 13px;
min-width: 64%;
}
.forumbit_nopost .forumhead .forumtitle a {
color: #ffffff;
margin-left: 10px;
}
.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
font-size: 12px;
}
.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
width: 21%;
}
.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
position:absolute;
top: -15px;
right: -6px;
display:block;
width:13px;
height:13px;
overflow:hidden;
float: right;
clear: left;
}
.forumbit_nopost:hover .forumhead a.collapsegadget {
visibility:visible;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata {
padding: 5px 10px;
padding-left: 0;
font-size: 11px;
}
/* Removed for VBIV-14010
.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
margin-left: 10px;
position: relative;
top: -10px;
}
*/
/* forumbit post */
.forumbit_post {
float: left;
position:relative;
width: 100%;
display:block;
}
.forumbit_post .forumhead span {
padding: 0;
}
.forumbit_post .forumhead .forumlastpost {
top: 0;
margin-top: 0;
}
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
padding: 5px 0;
}
.forumbit_post .forumhead .forumtitle {
font-size: 13px;
min-width: 64%;
}
.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-left: 10px;
}
.forumbit_post .foruminfo {
width: 57%;
min-width: 30%;
float: left;
clear: right;
min-height: 52px;
}
.forumbit_post .foruminfo .forumicon{
position: absolute;
left: 10px;
}
.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
float: left;
clear: right;
}
.forumbit_post .foruminfo .viewing {
white-space:nowrap;
}
.forumbit_post .foruminfo .forumdata {
padding: 0;
width: 100%;
_width: 99%;
}
.forumbit_post .foruminfo .forumdata .datacontainer {
float: left;
width: 88%;
padding-left: 72px;
}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: 13px;
margin-right: 10px;
}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
font-weight:bold;
}
.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
padding-left:1.8em;
background:url('images/styles/FunkyFresh/misc/child_forum.png') top left no-repeat;
}
.forumbit_post .foruminfo .forumdata .viewing {
font-style: italic;
margin-right:10px;
margin-top: 3px;
font-size: 11px;
}
.forumbit_post .forumactionlinks {
width: 5%;
display:block;
float:left;
clear:right;
}
.forumbit_post .forumactionlinks li {
display: inline;
}
.forumbit_post .forumactionlink {/* values based on icon size */
display:block;
width:18px;
height:12px;
overflow:hidden;
float: right;
clear: left;
background:transparent none no-repeat;
position: relative;
margin: 3px 10px 0 0;
}.forumactionlink a {
/* values based on icon size */
display:block;
padding-left:18px;
}
.forumactionlinks .rsslink {
background-image:url(images/styles/FunkyFresh/misc/rss_40b.png);
}
.forumactionlinks .subslink {
background-image:url(images/styles/FunkyFresh/misc/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
background-image:url(images/styles/FunkyFresh/misc/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
display:block;
clear:both;
padding-right: 10px;
}
.forumbit_post .unsubscribe {
display:block;
right: 0;
top: 2px;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
display: block;
float: left;
clear: right;
width: 12%;
margin-right: 2%;
}
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
font-size: 12px;
text-align: right;
padding-right: 20px;
display:block;
}
.forumbit_post .forumlastpost {
display:block;
float: left;
clear: right;
}
.forumbit_post .forumrow .forumlastpost {
width: 24%;
font-size: 12px;
padding-top: 5px;
}
.forumbit_post .forumlastpost .lastpostdate {
font-size: 11px;
}
.lastpostlabel {
display: none;
}
.forumlastpost .lastposttitle .postimg {
vertical-align:middle;
margin-top:-2px;
}
.forumlastpost p.lastposttitle {
overflow: hidden;
}
/* bảng thống kê vbb */
.wgo_block {
margin: 0;
}
.wgo_block {
display: block;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-box-shadow: -2px 0px 2px #C8C8C8;
-webkit-box-shadow: -2px 0px 2px #C8C8C8;
box-shadow: -2px 0px 2px #C8C8C8;
margin-bottom: 0px;
}
.block {
background: transparent none;
clear: both;
padding: 0;
color: ;
font: ;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.wgo_block .blockbody {
border: 1px solid #C4C4C4;
background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x;
_background-image: none;
width: 969px;
}
.formcontrols {
border-right: 1px solid #B9C4CD;
border-left: 1px solid #B9C4CD;
border-bottom: 1px solid #B9C4CD;
}
.wgo_block .section {
display: block;
padding: 0 0 0.5em;
font: 12px;
color: #3E3E3E;
clear: both;
width: 100%;
background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom;
font-size: 9pt;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
.wgo_block .blocksubhead {
font: normal 13px;
color: #3E3E3E;
background: transparent;
}
.floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}</style>
- Sponsored content
Similar topics
Đăng ký thành viên và bình luận
Bạn cần phải đăng ký để bình luận.
Tạo tài khoản
Tham gia vào cộng đồng bằng cách tạo tại khoản, nó thật dễ dàng!
Tạo tài khoản mới
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
Wed Feb 21, 2024 11:49 am by NIK SIURI
» [PhpBB3] BeastVN
Sun Feb 11, 2024 3:07 pm by hoanglongnhatbao
» [PhpBB2] IPS Community
Sun Feb 11, 2024 3:06 pm by hoanglongnhatbao
» [PunBB] HEEDragon
Sun Feb 11, 2024 3:04 pm by hoanglongnhatbao
» [PunBB] Facebook
Sun Feb 11, 2024 3:04 pm by hoanglongnhatbao
» [PunBB] Back (Mới)
Sun Feb 11, 2024 3:03 pm by hoanglongnhatbao
» [PhpBB3] CODE GAME
Sun Feb 11, 2024 2:37 pm by hoanglongnhatbao
» [Invision] VNXF
Sun Feb 11, 2024 2:36 pm by hoanglongnhatbao
» [Simple Theme] Silver Plain V4.1
Sun Feb 11, 2024 2:19 pm by hoanglongnhatbao