Demo:
lưu ý:
- xài skin up lại ảnh ko thui rum sẽ Die
- ACP> Display> Structures & hierachy
> Split categories on index: chọn Medium
Css
lưu ý:
- xài skin up lại ảnh ko thui rum sẽ Die
- ACP> Display> Structures & hierachy
> Split categories on index: chọn Medium
Css
- Code:
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: #22229C;
}
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 #000;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
background: #869BBF url() 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, th
{
background: #5C7099 url() 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() repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #D1D4E0 url() repeat-x top left;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #663333;
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;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** 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; }
.thanh { border-left: 1px #5c95ab solid; border-right: 1px #5c95ab solid; border-top: 1px #5c95ab dotted; border-bottom: 1px #5c95ab dotted; padding: 2px; margin-bottom: 4px;margin-left: 6px;margin-right: 6.5px; }
body{ background:url("http://www.servimg.com/u/f32/17/72/94/89/header10.jpg") no-repeat scroll 50% 0 #000 !important; color:#fff;}
a:link { color: #483D2B;
text-decoration: none; }
a:visited { color: #483D2B; }
a:hover { color: #f28b5e; }
.wrapper {padding-top:0 ; width: 972px; margin:0px auto; position: static;}
.wrapper_con {
background: url("http://www.servimg.com/u/f32/17/72/94/89/img_fo10.jpg") no-repeat scroll 50% 100% transparent;
padding-bottom: 150px;
}
.wrapper_body {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_body_wrapper.jpg") repeat-y scroll 5px 0 transparent;
padding-left: 11px;
clear: both;
}
.wrapper_body1 {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_body_wrapper.jpg") repeat-y scroll 100% 0 transparent;
padding-right: 6px;
}
.wrapper_body1 {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_body_wrapper.jpg") repeat-y scroll 100% 0 transparent;
padding-right: 6px;
}
.wrapper_bottom{
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_footer_wrapper.jpg") repeat-x scroll 0% 100% transparent;
}
.logo {
background: url("") repeat scroll 0 0 transparent;
display: block;
height: 148px;
left: 35px;
position: absolute;
top: 10px;
width: 398px;}
.mnu_top {
}
.mnu_top .mnu_top_left{
bottom: 3px;
float: left;
position: absolute;
}
.mnu_top .mnu_top_left ul{
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
margin-left:20px;
}
.mnu_top .mnu_top_left ul li{
list-style: none outside none;
display: inline;
}
.mnu_top .mnu_top_left ul li.first{
border-right:1px solid #fff;
}
.mnu_top .mnu_top_left ul li a{
color: #FFFFFF;
font-family: tahoma;
font-size: 14px;
padding: 0 12px;
text-decoration: none;
}
.mnu_top .mnu_right{
border: 0 none;
bottom: 6px;
float: right;
padding-right: 20px;
padding-top: 4px;
position: absolute;
right: 0;
}
.mnu_top .mnu_right #lsa_window{
vertical-align: top;
}
.mnu_top .mnu_right #keywords {
height: 16px;
margin-top: 1px;
vertical-align: top;
border-radius: 5px;
}
.mnu_top .mnu_right .btn_submit {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_btn_timkiem.jpg") repeat scroll 0 0 transparent;
border: medium none;
height: 23px;
text-indent: -9999px;
width: 97px;
}
.clearfix { clear:both;}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
background:url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_tcat_header.jpg") repeat-x #291d04 !important;
}
.tborder {
background:#ccc4b6;
}
.page {
background:#1e1403;
}
.thead, th {
background: none repeat scroll 0 0 #483D2B;
}
.footer_img {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_bottom_123.jpg") no-repeat scroll 0 0 transparent;
padding-bottom: 14px;
}
.alt2, .alt2Active {
background: none repeat scroll 0 0 #FFFFFF;
}
.alt1, .alt1Active {
background: none repeat scroll 0 0 #F2F0EB;
}
.tabs li.current {
color: #000000 !important;
font-weight: bold;
}
.tabs li {
border-right: 1px solid #CAD9EA;
color: #FFFFFF;
}
.smallfont ,#collapseobj_forumrules .smallfont ,#collapseobj_forumrules a {
color: #000000;
}
.footer_img .smallfont {
color: #fff;
white-space: nowrap;
}
.footer_img .smallfont span{
color: #fff;
}
.vbmenu_control {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_tcat_header.jpg") repeat-x scroll 0 0 #291D04 !important;
}
.tfoot a:link, .tfoot_alink {
color: #FFFFFF;
}
.footer_img table.page {background:none;}
.footer_img table.page td{background:none;}
.tfoot {
background: none repeat scroll 0 0 #483D2B;
}
.div_tm {
height: 368px;
position: relative;
}
.footer_img_fh .smallfont, .footer_img_fh a{
color: #fff;
}
body{ background:url("http://www.servimg.com/u/f32/17/72/94/89/header10.jpg") no-repeat scroll 50% 0 #000 !important; color:#fff;}
.wrapper {padding-top:0 ; width: 972px; margin:0px auto; position: static;}
.wrapper_con {
background: url("http://www.servimg.com/u/f32/17/72/94/89/img_fo10.jpg") no-repeat scroll 50% 100% transparent;
padding-bottom: 150px;
}
.wrapper_body {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_body_wrapper.jpg") repeat-y scroll 5px 0 transparent;
padding-left: 11px;
clear: both;
}
.wrapper_body1 {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_body_wrapper.jpg") repeat-y scroll 100% 0 transparent;
padding-right: 6px;
}
.wrapper_body1 {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_body_wrapper.jpg") repeat-y scroll 100% 0 transparent;
padding-right: 6px;
}
.wrapper_bottom{
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_footer_wrapper.jpg") repeat-x scroll 0% 100% transparent;
}
.logo {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/logo.png") repeat scroll 0 0 transparent;
display: block;
height: 148px;
left: 35px;
position: absolute;
top: 10px;
width: 398px;}
.mnu_top {
}
.mnu_top .mnu_top_left{
bottom: 3px;
float: left;
position: absolute;
}
.mnu_top .mnu_top_left ul{
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
margin-left:20px;
}
.mnu_top .mnu_top_left ul li{
list-style: none outside none;
display: inline;
}
.mnu_top .mnu_top_left ul li.first{
border-right:1px solid #fff;
}
.mnu_top .mnu_top_left ul li a{
color: #FFFFFF;
font-family: tahoma;
font-size: 14px;
padding: 0 12px;
text-decoration: none;
}
.mnu_top .mnu_right{
border: 0 none;
bottom: 6px;
float: right;
padding-right: 20px;
padding-top: 4px;
position: absolute;
right: 0;
}
.mnu_top .mnu_right #lsa_window{
vertical-align: top;
}
.mnu_top .mnu_right #keywords {
height: 16px;
margin-top: 1px;
vertical-align: top;
border-radius: 5px;
}
.mnu_top .mnu_right .btn_submit {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_btn_timkiem.jpg") repeat scroll 0 0 transparent;
border: medium none;
height: 23px;
text-indent: -9999px;
width: 97px;
}
.clearfix { clear:both;}
.tcat {
background:url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_tcat_header.jpg") repeat-x #291d04 !important;
}
.tborder {
background:#ccc4b6;
}
.page {
background:#1e1403;
}
.thead {
background: none repeat scroll 0 0 #483D2B;
}
.footer_img {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_bottom_123.jpg") no-repeat scroll 0 0 transparent;
padding-bottom: 14px;
}
.alt2, .alt2Active {
background: none repeat scroll 0 0 #FFFFFF;
}
.alt1, .alt1Active {
background: none repeat scroll 0 0 #F2F0EB;
}
.tabs li.current {
color: #000000 !important;
font-weight: bold;
}
.tabs li {
border-right: 1px solid #CAD9EA;
color: #FFFFFF;
}
.smallfont ,#collapseobj_forumrules .smallfont ,#collapseobj_forumrules a {
color: #000000;
}
.footer_con { display:none;}
.footer_img .smallfont {
color: #fff;
white-space: nowrap;
}
.footer_img .smallfont span{
color: #fff;
}
.vbmenu_control {
background: url("http://i1144.photobucket.com/albums/o492/midoubansqueen/tamquoc/bg_tcat_header.jpg") repeat-x scroll 0 0 #291D04 !important;
}
.tfoot a:link, .tfoot_alink {
color: #FFFFFF;
}
.footer_img table.page {background:none;}
.footer_img table.page td{background:none;}
.tfoot {
background: none repeat scroll 0 0 #483D2B;
}
.div_tm {
height: 368px;
position: relative;
}
.footer_img_fh .smallfont, .footer_img_fh a{
color: #fff;
}
.vbmenu_option {
background: none repeat scroll 0 0 #FFFFFF;
}
.vbmenu_option a:link, .vbmenu_option_alink {
color: #000000;
}
.vbmenu_popup {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCC4B6;
color: #000000;
}
#password, #username{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:1px 1px 1px 16px;
width:100px;
}
#password {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center; }
#username {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center; }
input.mainoption, input[type=submit], input[type=text], input[type=password], select, textarea{
background: #FFF;
color: #000; border:1px solid #CCC;
}
Được sửa bởi D.í.p-Po ngày Tue Jun 18, 2013 1:18 pm; sửa lần 1.