demo :
[You must be registered and logged in to see this link.]
Demo ảnh :
Css :
- Code:
.module-advert{display:none;}
body
{
background: url(http://4.bp.blogspot.com/_IFA43ThehoQ/Swq4qItDKRI/AAAAAAAABFA/PK9xVFqc180/s1600/bg16.jpg) repeat fixed;
color: #000000;
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
a:link, body_alink
{
color: #0159B3;
text-decoration: none;
}
a:visited, body_avisited
{
color: #0159B3;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #FFCC33;
text-decoration: none;
}
.page
{
background: #FFFFFF;
color: #000000;
width:974px;
border: 1px solid #DDDDDD;
}
.tborder
{
background: #ffffff;
color: #000000;
border: 1px solid #DDDDDD;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
background: #664632 url(http://4.bp.blogspot.com/_IFA43ThehoQ/Swq4qItDKRI/AAAAAAAABFA/PK9xVFqc180/s1600/bg16.jpg) repeat;
color: #BB3914;
font: bold 13px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 10px;
text-align:center;
border-solid:2px solid #F97D1A;
text-shadow: 0 1px 1px #ffffff;
text-transform: uppercase;
}
.tcat a:link, .tcat_alink
{
color: #BB3914;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #BB3914;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #BB3914;
text-decoration: none;
}
.thead, th
{
background: #664632 url(http://i967.photobucket.com/albums/ae153/ligerv/uhmvn/tcatm.gif) repeat;
color: #666666;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom: solid 1px #e0e0e0;
}
.thead a:link, .thead_alink
{
color: #333;
}
.thead a:visited, .thead_avisited
{
color: #333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #BF3B3B;
}
.tfoot
{
background: #2d2d2d;
color: #fff;
}
.tfoot a:link, .tfoot_alink
{
color: #fff;
}
.tfoot a:visited, .tfoot_avisited
{
color: #fff;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FD801A;
}
.alt1, .alt1Active, td.row1,td.row3.over:hover, td.row3, td.row1Right
{
background: #FFFFFF;
color: #000000;
font-size: 10pt;
border: 1px solid #EDEDED;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
text-decoration: none;
}
.alt2, .alt2Active, td.row2,td.row1.over:hover, td.row3Right,td.spaceRow
{
background: #FFFFFF url(http://i967.photobucket.com/albums/ae153/ligerv/uhmvn/alt2.gif) repeat;
color: #000000;
font-size: 10pt;
border: 1px solid #EDEDED;
}
.button
{
background: #fff;
color: #333;
font: bold 11px "lucida grande",tahoma,verdana,arial,sans-serif;
padding:3px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
vertical-align:middle;
margin-left: 10px;
}
.smallfont, .gensmall
{
font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;
line-height: 16px;
}
.navbar
{
font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar a:link, .navbar_alink
{
text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
text-decoration: none;
}
.vbmenu_control
{
background: #664632 url(http://4.bp.blogspot.com/_IFA43ThehoQ/Swq4qItDKRI/AAAAAAAABFA/PK9xVFqc180/s1600/bg16.jpg) repeat;
color: #1c1c1c;
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: #B93535;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #B93535;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #3A4276;
text-decoration: none;
}
a img { border: none; }
.sidebar {
padding:10px;
background:#FFFFFF;
border:1px solid #D8D8D8;
color:#000000;
font-size:12px;
line-height:12px;
margin-bottom:10px;
}
a{cursor:pointer}
fieldset {
-moz-border-radius:5px 5px 5px 5px;
border:1px dashed #CCCCCC;
padding:8px;
}
#sidebar {
-moz-border-radius: 5px 0 0 5px;
background: none repeat scroll 0 0 #a8d46f;
font-size: 11px;
padding: 0 5px;
position: absolute;
right: 0;
top: 100px;
z-index: 999;
}
#player{display:none}
.thongtin {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #C5D5E7;
color:#4D5153;
margin-top:2px;
padding:3px 3px 3px 10px;
text-align:left;
}
a:hover {
text-decoration: none !important;
}
.post_body { font-size: 12px; color: #3e3e40; min-height: 350px; height:auto !important; height: 350px; }
/* profiles --------------------------------*/
.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;
}
/* sub forum */
#smallrum{padding: 0.8em 1em; margin: 3px 1px;
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
/* Last*/
.baixemnhieu{list-style:decimal-leading-zero outside none;text-align:left;margin:0!important;padding:0 1px 0 30px}
.gietno{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:180px}
.lengtht{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:200px}
.chutop{background-color: #F2F2F2;color:#666;font:bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border-bottom: 1px solid #D9D9D9;
border-top: 1px solid #E5E5E5;
margin-bottom: 0px;
padding: 3px 6px;}
/* 1111 */
.thead
{
background: rgba(15, 161, 243, 0.58);
color: rgba(9, 8, 8, 0.45);
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
from(#42AAFF),to(#15ADE4));
padding: 7px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid rgba(13, 58, 236, 0.21);
-moz-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
-webkit-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2),0px 1px 1px rgba(255, 255, 255, 0.4);
}
.vbmenu_control {
background:
rgba(159, 219, 255, 0.5);
color:
white;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 13px;
font-family: Tahoma;
color:
white;
padding: 7px 7px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid
rgba(0, 166, 227, 0.38);
-moz-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
-webkit-box-shadow: 0px 1px 2px
rgba(189, 189, 189, 1),inset 0px 1px 1px
rgba(145, 230, 247, 1);
text-shadow: 0px -1px 0px
rgba(000, 000, 000, 0.2),0px 1px 1px
rgba(255, 255, 255, 0.4);
}
.tborder {
background: rgba(138, 239, 253, 0.2);
color: #57C1FF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid rgba(0, 153, 255, 0.26);
-moz-border-radius: 5px;
}
Lần đầu tập tành. các bác chém nhẹ tay .