demo :
http://thuchanh113.forumvi.com/forum
CSS:
overall_footer_end
overall_header
http://thuchanh113.forumvi.com/forum
CSS:
- Code:
.rollover a {
text-decoration:none;}
.rollover a span {
width:auto;
visibility:hidden;
display:block;
position:absolute;
/**adjust disjointed text position in % or px**/
left:10%;
z-index: 999;
color:#666;
background-color:#ffffff;
border: 4px solid #000000;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.rollover a:hover span, .rollover a:active span, .rollover a:focus span {
visibility:visible;
}
.rollover a:hover, .rollover a:focus{
text-decoration: none;
color:#FF6600;
visibility:visible; }
body
{
background: #E1E1E2;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 5px 10px 10px 10px;
padding: 0px;
}
a:link, body_alink
{
color: #FFFFFF;
}
a:visited, body_avisited
{
color: #22229C;
}
a:hover, a:active, body_ahover
{
color: #FF4400;
}
.page
{
background: #FFFFFF;
color: #000000;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #D1D1E1;
color: #000000;
border: 1px solid #ffffff;
}
.tcat
{
background: #869BBF url(../../images/gradients/gradient_tcat.gif) repeat-x top left;
color: #FFFFFF;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
color: #ffffff;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFF66;
text-decoration: underline;
}
.thead
{
background: #5C7099 url(../../images/gradients/gradient_thead.gif) repeat-x top left;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FFFF00;
}
.tfoot
{
background: #3E5C92;
color: #E0E0F6;
}
.tfoot a:link, .tfoot_alink
{
color: #E0E0F6;
}
.tfoot a:visited, .tfoot_avisited
{
color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FFFF66;
}
.alt1, .alt1Active
{
background: #F5F5FF;
color: #000000;
}
.alt2, .alt2Active
{
background: #E1E4F2;
color: #000000;
}
.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #F5F5FF;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 5px 10px 10px 10px;
padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
color: #FF4400;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #666686;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #3E5C92;
color: #E0E0F6;
}
.fjdpth0
{
background: #F7F7F7;
color: #000000;
}
.panel
{
background: #E4E7F5 url(../../images/gradients/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #D1D4E0 url(../../images/gradients/gradient_panelsurround.gif) repeat-x top left;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #738FBF;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #0B198C;
}
.vbmenu_option
{
background: #BBC7CE;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite
{
background: #8A949E;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF;
text-decoration: none;
}
body
{
background: #7AC4F3 url('http://beta.bongda.com.vn/temp/images/bg_main_3.jpg') fixed center -200px;
font: 13px Tahoma, sans-serif;
padding: 0;
margin: 0 auto;
}
a:link, body_alink
{
color: #29395A;
text-decoration: none;
}
a:visited, body_avisited
{
color: #29395A;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #FF0000;
text-decoration: none;
}
.page
{
background: url('http://congdongbaclieu.info/hehe/sky/trongsuot.png');
margin: 0 auto;
}
td, th, p, li
{
font: 13px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: url('http://congdongbaclieu.info/hehe/sky/trongsuot.png');
color: #333333;
border: 0px solid #cdcdcd;
}
.tcat
{
background: url('http://congdongbaclieu.info/hehe/sky/tcat_summer.png') repeat-x center bottom;
color: #ffffff;
font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-transform: uppercase;
}
.tcat a:link, .tcat_alink
{
color:#fff;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color:#fff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color:#fff;
text-decoration: underline;
}
.tcat2
{
background: url('http://congdongbaclieu.info/hehe/sky/tcat_summer.png') no-repeat left bottom;
border: 0px solid #cdcdcd;
color: #ffffff;
padding-left:10px;
padding-top:2px;
padding-bottom:3px;
font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-transform: uppercase;
}
.tcat2 a:link, .tcat_alink
{
color:#fff;
text-decoration: none;
}
.tcat2 a:visited, .tcat_avisited
{
color:#fff;
text-decoration: none;
}
.tcat2 a:hover, .tcat a:active, .tcat_ahover
{
color:#fff;
text-decoration: underline;
}
.thead
{
background: url('http://congdongbaclieu.info/hehe/sky/trongsuot.png');
color: #3B5998;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #3B5998;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #3B5998;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FF3333;
text-decoration: none;
}
.tfoot
{
background: #333333;
color: #fff;
}
.tfoot a:link, .tfoot_alink
{
color: #fff;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #fff;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #fff;
text-decoration: none;
}
.alt1, .alt1Active
{
background: transparent;
color: #333333;
}
.alt2, .alt2Active
{
background: transparent;
color: #333333;
}
.alt3, .alt3Active
{
background: transparent;
color: #333333;
}
.alt4, .alt4Active
{
background: url('http://congdongbaclieu.info/hehe/sky/trongsuot.png');
color: #333333;
}
.alt5, .alt5Active
{
background: url('http://congdongbaclieu.info/hehe/sky/trongsuot.png');
border:1px solid #3399FF;
color: #333333;
}
.inlinemod
{
background: #FFFFCC;
color: #333333;
}
.wysiwyg
{
background: #F5F5FF;
color: #333333;
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border:1px solid #bbb;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput, textarea, select {
-moz-border-radius: 3px;
-webkit-border-radius:3px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #6B91AB;
outline: 0 none;
padding: 2px 4px;
}
.button:hover{
color:#417394;
}
.button
{
background: #4399dd;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: #FFFFFF 1px solid; height: 20px; vertical-align:middle;
}
select
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #419a00;
}
.navbar
{
font: bold 13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #375700;
color: #FFFFFF;
}
.fjdpth0
{
background: #F7F7F7;
color: #000000;
}
.panel
{
background: url('http://congdongbaclieu.info/hehe/sky/trongsuot.png');
color: #333333;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: transparent;
color: #333333;
}
legend
{
color: #333333;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: url('http://congdongbaclieu.info/hehe/sky/trongsuot.png');
color: #464646;
font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 4px 6px;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #464646;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #464646;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #464646;
text-decoration: none;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #333333;
border: 1px solid #CFCFCF;
}
.vbmenu_option
{
background: #FFFFFF;
color: #333333;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
border: 1px #FFFFFF solid;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #333333;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #333333;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #000000;
text-decoration: none;
}
.vbmenu_hilite
{
background: #fbfff4;
color: #4399dd;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
border: 1px solid #dbf6ad;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #4399dd;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #4399dd;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #333333;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.block_right_title
{
color: #FFFFFF;
padding-left: 5px;
font: bold 10pt arial, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.block_right_logo360kpop
{
padding-top: 5px;
padding-bottom: 5px;
}
a.bob:link {
color:#0000FF;
text-decoration: none;
}
a.bob:visited {
color:#0000FF;
text-decoration: none;
}
a.bob:hover {
color:#006699;
font-weight:bold;
text-decoration:underline overline;
text-transform: uppercase;
}
a.sitemap:link {
text-decoration: none;
}
a.sitemap:visited {
text-decoration: none;
}
a.sitemap:hover {
font-weight:bold;
text-decoration:underline overline;
text-transform: uppercase;
}
.postbitbg {background-color:#F8F9FB}
.navbarbg { background: url(../../images/background_snow_white.gif)}
.top100bg { background: url(../../images/topdivfi.jpg)}
.explanation {
background-color:#FFFFCC; padding:3px;
}
#topbar{
position:absolute;
border: 1px solid #CCCCCC;
padding: 0px;
background-color: lightyellow;
width: 600px;
height: 110px;
visibility: hidden;
margin-bottom: 0px;
margin-right: 0px;
z-index: 100;
}
#bottombar {
bottom: 0;
height: 70px;
width: 100%;
padding: 0;
margin: 0;
display: block;
background-color: transparent;
border-top: 0px;
text-align: center;
}
#bottombar {
position: absolute; right: 0; bottom: 0;
}
#bottombar {
position: fixed;
}
div#bottombar{
/* IE5.5+/Win - this is more specific than the IE 5.0 version */
top: expression( ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + document.documentElement.clientHeight - 28 + 'px' );
}
.navhead {
font-family: Arial, Helvetica, sans-serif;
background-color: #e6ecf4;
width: 100%;
height: 18px;
color: #3A599C;
font-size:11px;
border: 0;
margin: 0 auto;
}
.navhead a {
font-family: Arial, Helvetica, sans-serif;
color: #3A599C;
font-size:11px;
}
.phanthuong
{
width: auto;
border: 1px solid #CFCFCF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
float: left;
padding: 3px 5px 3px 5px;
margin: 0 3px 0 3px;
text-align: center;
}
.ali_top
{
vertical-align: top;
}
.bdall
{
border-left: 3px solid #DCDCDC;
border-right: 3px solid #DCDCDC;
}
.bg_notice
{
background-color: #FFFFFF;
border: 0;
}
.padding_post
{
padding: 0 10px 0 10px;
}
.bg_tet {
background-color: #FFFFFF;
padding-top: 5px;
}
.lg-fieldset{
border:1px dashed #ccc;
padding:0px 0px 0px 0px;
background: transparent url(../../images/lovegraden.gif) repeat-x;
}
.lg-td{
vertical-align:middle;
text-align:left;
}
.lover{
font-size:15pt;
}
#header { margin: 0 0 20px; }
#header .logo a{ width:90px; height:30px; display:block; background:transparent url(http://congdongbaclieu.info/hehe/sky/logo.gif) no-repeat scroll left center; overflow:hidden; }
#header .logo a img{ margin: -200px; }
.headerwarp { margin: 0 auto; padding: 0 20px; width: 930px; height: 40px; background: url(http://i48.servimg.com/u/f48/17/48/35/92/top11.png); color: #3B5998; }
.headerwarp a { color: #000; }
.headerwarp .logo { float: left; margin: 0 30px 0 0; }
.menu{
float:left;
display:inline;
margin:0;
font:12px tahoma;
height:33px;
position:relative;
}
.menu ul{
display:inline;
margin:0 0 0 0;
}
.menu ul li{
list-style:none;
float:left;
display:inline;
margin: 0 0 0 5px;
}
.menu ul li a{
text-decoration:none;
float:left;
margin:0 1px 0 1px;
color:#ffffff;
font: bold 11px tahoma;
float:left;
width:auto;
height:20px;
padding: 12px 10px 0px 0px;
position:relative;
z-index:1;
display:inline;
}
.login{
float:right;
width:300px;
height:40px;
margin:0px 0px 0 0;
font:11px tahoma;
color:#ffffff;
}
.loginfont{
font:11px tahoma;
color:#ffffff;
}
.login a{
font:bold 11px tahoma;
color:#ffffff;
text-decoration:none;
}
.login_thumb { float: left; margin: 6px 6px 0px 0px; padding: 3px 0 0 3px; width: 27px; height: 27px; background: url(http://congdongbaclieu.info/hehe/sky/thumb20bg.gif) no-repeat; display: block; }
.login_thumb img{border:0; width: 20px; height: 20px; }
.banner { height: 110px; width: 970px; margin: 0 auto;}
.banner img{border:0;}
.who { float: left; }
.when { float: right; }
.what { clear: both; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; overflow-x: hidden; overflow-y: hidden; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px; }
.duongvien { background:white; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #AAAAAA; }
.duongvien:hover { -moz-box-shadow: 0px 0px 5px black; -webkit-box-shadow: 0px 0px 5px black; border: 0px; }
.title {background: url(../../sieusaohsf/top-quote.png) no-repeat 0px 10px; padding-left: 20px; }
#anhquamoi img:hover{width:100px;height:100px;transition: all 0.5s ease-in-out !important;-webkit-transition: all 0.5s ease-in-out !important;-moz-transition: all 0.5s ease-in-out !important;}.balloonstyle{position:absolute;top: -500px;margin-left: 110px;margin-top:-10px;padding: 5px;visibility: hidden;font:normal 12px Verdana;line-height: 18px;z-index: 100;background-color: white;width: 280px;filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);}.arrowhead{z-index: 99;position:absolute;top: -500px;left: 0;visibility: hidden;}
.rollover1 a {
text-decoration:none;}
.rollover1 a span {
width:auto;
visibility:hidden;
display:block;
position:absolute;
/**adjust disjointed text position in % or px**/
left:42%;
z-index: 999;
color:#666;
background-color:#ffffff;
border: 4px solid #000000;
}
.rollover1 a:hover span, .rollover a:active span, .rollover a:focus span {
visibility:visible;
}
.rollover1 a:hover, .rollover a:focus{
text-decoration: none;
color:#FF6600;
visibility:visible; }
.avatar_thumb {
float: left; margin-right: 4px; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 2px; border: 1px solid rgb(204, 204, 204);
}
.hot1st {
color:#40B7EF !important;
font: 13px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background: #fff;
border-radius: 5px 5px 5px 5px;
padding: 5px !important;
border:1px solid #dedede;
margin: 5px 5px 10px 0 !important;
}
.hot1st .info h2 {
color:#40B7EF !important;
}
.firstpost {
background: #fff;
border : 1px solid #dedede;
padding : 10px;
width :auto;
margin-right:5px;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 4px #eee;
}
#ie-message {
text-align:center;
background:#db2e2e;
border:1px solid #333;
color: #fff;
padding:5px;
font-size:13px;
margin-bottom:0px;
}
#ie-message a {
color:#fff;
text-decoration:underline;
}
/*chay*/
/* 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;
}
/*end*/
#vds_nhaplieu{
font: 12pt Tahoma, Arial;
opacity: 0.9;filter: alpha(opacity=90);
position:fixed;
left:30%;
top:50px;
overflow:hidden;
background-color:#000;
padding:5px;
width:400px;
border:10px solid #5E9EFF;
z-index: 999;}
.an{display:none}
.khungqtanvds{
margin:2px;
width:99%;
height:62px;
}
.qtantdytvds{
font: 12pt Tahoma, Arial;
width:98%;
height:110px;
position:relative;
}
.botrongoc{border-radius:33px}
.ds1vds{
display:none;
overflow:auto;
z-index: 999;
opacity: 0.5;filter: alpha(opacity=50);
background-color:#bce82c;
overflow:auto;
padding:3px;
max-height:400px;
position:absolute;
border:2px solid green;
height:150px;
width:393px;
right:40px;
top:115px;
}
.anhienlck{
background-color: #000;
z-index: 999;
width:400px;
position:absolute;
right:40px;
bottom:30px;
border:3px solid #000;
}
.qtan1vds{
background:#bce82c url(http://i49.servimg.com/u/f49/16/29/88/81/music-10.png) no-repeat;
position:relative;
width:400px;
height:66px;
}
.lck1vds{
display:none;
word-wrap:break-word;
width:95%;
overflow:auto;
height:200px;
margin-top:20px;
padding:5px;
position:relative;
bottom:15px;
}
.tdyt1vds{
z-index: 99;
background:#000000 url(http://i48.servimg.com/u/f48/13/58/60/43/bgqtan10.png) top left no-repeat;
padding:10px 2px 2px 2px;
width:100%;
height:50px;
display:block;
position:absolute;
left:0px;
bottom:0px;
border:3px solid #ff0000;
}
.nutbam_vds{z-index: 999;position:absolute;right:-5px;bottom:5px;width:30px;height:58px;background-color:#5E9EFF;}
.nutlck{z-index: 999;position:absolute;right:7px;top:7px;cursor:pointer;}
.nutdsn{z-index: 999;position:absolute;right:7px;bottom:7px;cursor:pointer;}
.qtantdyt_new{z-index: 999;position:absolute;right:447px;bottom:33px;cursor:pointer;}
a.dsnhac, a.dsnhac:link{
font-weight: bold;
font-size: 12px;
display:block;
color:#4317d3;padding:1px 20px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
}
a.dsnhac:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
#vds_cuon{margin:2px;text-align:right}
#thongtinnguoigui{
overflow:hidden;
border-radius:10px 10px 0 0;
opacity: 0.3;filter: alpha(opacity=30);
background-color:#000;
border:3px solid #ff0000;
position:absolute;
bottom:65px;
left:20px;
width:200px;
height:15px;
padding:5px;
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
#thongtinnguoigui:hover{
overflow:auto;
opacity: 1;filter: alpha(opacity=100);
height:150px;
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
#qtloadingvds{
z-index: 999;
position:absolute;
left:77px;
top:-11px;
padding:2px;
border:2px solid #000;
background-color:#ff0000;
}
#vds_tenck,#vds_flash,#vds_nlck,#vds_guiden,#vds_ntdyt,#vds_thoat{background-color:#fbff8f}
#vds_qtgui{background-color:#ff0000;}
.cao_video{height:300px;}
l.thongtintv {
position:relative;
left:0px;
color: #000000;
}
.thongtintv:hover {
left:15px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
}
.thongtintv {
background-color: #FFFFFF;
margin:1px 3px 2px 1px;
padding:1px 5px;
border:1px solid #CCCCCC;
}
- Code:
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table class="hot1st" cellpadding="6" cellspacing="1" border="0" width="100%" height="1">
<td width="700">
<table class="tcat2" width="100%">
<tbody><tr>
<td>
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</td>
</tr>
</tbody></table>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_FORUM}</th>
<th class="tc2">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<td class="alt2" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
<h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}
<!-- BEGIN switch_moderators_links -->
<br />
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</td>
<td class="tc2">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>
<td class="tcr">
<span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</tbody>
</table>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
- Code:
<script type="text/javascript" src="http://thuchanh113.forumvi.com/h12-page"> /></a>
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
</div>
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</div>
</div>
</div>
<div id="pun-foot">
<div id="pun-about" class="clearfix">
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
<fieldset>
<p><label>{L_JUMP_TO}: </label></p>
{S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
</fieldset>
</form>
<ul>
<li>
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
<!-- END html_validation -->
overall_footer_end
- Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<font color= "red"><a id="" name="bottom" class="copyright" href="http://danchoi9x.123.st" rel="nofollow" target="_blank" title="danchoi9x.123.st"> 2012</font><font color="Blue"> DC9X</font></br> FM PunBB - Rip by <font color="#006FFF">Simon</font></a>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
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>
<div class="headerwarp">
<h1 class="logo"><a href="http://congdongbaclieu.info/hehe/"><img src="http://congdongbaclieu.info/hehe/sky/logo.gif" alt="Cộng Đồng Bạc Liêu" title="Cộng Đồng Bạc Liêu"></a></h1>
<div class="menu">
<ul>
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
<div class="banner" align="center"></div>
<div align="center">
<div class="page" style="width:870px; text-align:left">
<div style="padding:3px 10px 0px 10px" align="left">
<table class="tborder" cellpadding="6" cellspacing="1" style="margin-top:10px;" border="0" width="950" align="center">
<tbody><tr>
<td class="alt1" width="75%">
</td>
</tr>
</tbody></table>
<a id="top" name="top" accesskey="t"></a>
<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE">
<div class="pun">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{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">
height:{SPACE_ROW}px</div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="<div id="<!-- BEGIN html_validation -->
</div>
</div>
</div>
</div>
</di
nếu cái thanh màu đen mún đổi nó vào CSS tìm nhé !!