CODE GIAO DIỆN TRANG NNCTT

h2{font-size:16px}#posts{width:100%;overflow-x:hidden;}
#posts li{padding-bottom:10px;
height:auto !important;
height:124px;min-height:124px;
background:#fff
url( top left no-
repeat;
}
#smallposts li{padding-bottom:10px;
height:auto !important;
height:54px;min-height:54px;
background:#fff
url( top left no-
repeat;
}
.title{font-size:13px;
font-weight:bold;
margin:0;
text-transform:uppercase;
overflow:hidden;
}.title a:link,.title a:visited{color:BLUE;}.by{font-size:10px;margin:0 0 2px 0;
color:BROWN;
text-transform:uppercase;
}.txt,.blue{color:#117ca4;}.txt{font-style:italic;
font-size:12px;
padding-left:170px;
}.pic{float:left;
margin:7px 18px 7px 7px;
}

#smallposts .pic{margin:5px 18px 7px 5px;}.pos1{clear:both;}
#letters{line-height:2;padding-bottom:2px;}.size1
{font-size:10px;}.size2{font-size:12px;}.size3{font-size:15px;}.size4{font-
size:17px;}.size5{font-size:22px;font-weight:bold;
}.pager{float:left;clear:both;
width:100%;padding:10px 10px 10px 10px;}.pager .float-right{float:left;}.float-
left{float:left;
}.float-right{float:right;margin-right:20px;}.comments{padding:0px;
width:528px;_width:100%;color:#3333FF
}.comments .navigator{color:#3366FF;
font-size:11px;margin:0px 0px 0px 0px;float:left;}.comments .comment2
{width:100%;border:1px solid #DDDDDD;margin:0px 0px 10px
0px;padding:10px 10px 10px 10px;
float:left;text-color:RED;
}.comments .comment1{width:100%;background-color:#f6f6f6;
border:1px solid #DDDDDD;
margin:0px 0px 10px 0px;padding:10px 10px 10px 10px;float:left;
text-color:#3366FF;
}.comments .avatar{width:60px;height:60px;border:1px solid #CCCCCC;
background-color:#FFFFFF;
padding:3px 3px 3px 3px;margin:5px 5px 5px 5px;text-
align:center;float:left;}.comment-edit{text-align:left;
}.comment-author{text-align:right;}.document li{display:block;text-
align:center;float:left;
background-color:#FFFFFF;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;width:174px;
height:150px;cursor:pointer;
background:url(
no-repeat;

background-position:center 0px;overflow:hidden;}.document .over
{background:transparent
url( no-repeat
center 0px;
}.document a,.document a:visited{color:#777777;text-
decoration:none;}.document a:hover{text-decoration:underline;cursor:pointer;
}.document li label{text-align:center;line-height:1em;
font-size:0.8em;margin:4px 12px 2px 12px;
display:block;
}.document li img{display:block;
background-color:#FFFFFF;text-align:center;
margin:10px auto 0px auto;
padding:0px 0px 0px 0px;
cursor:pointer;
}.shortdesc{width:259px;float:left;text-align:left;padding:10px 0px 0px
0px;}.shortdesc img{float:left;margin-right:10px;}.shortdesc h3
{padding:0px;margin:0px;font-size:12px;line-height:normal;}
.docgroup h2, .entrygroup h2, .entry h2, .doc h2 {
padding: 10px 10px 0px 10px;
margin: 0px 0px 0px 0px;
min-height: 25px;
clear: both;
background: transparent url() repeat-x top left;
background: #F9FBBE; /*MÀU NỀN KHUNG TIÊU ĐỀ - KHỐI CHÍNH*/
overflow-x: hidden;
font-size: 14px;
}
.docgroup .content, .entrygroup .content, .entry .content, .doc .content {
background: #BDF6F2
; /*MÀU NỀN KHUNG NỘI DUNG - KHỐI CHÍNH*/

}
.entrygroup, .entry, .doc {
background: BLACK;
}
#side h2{_width:190px;margin:0px 0px 0px 0px;font-size:13px;text-
align:center;font-family:Times New Roman,arial,sans-
serif;background:url( no-
repeat center top;padding:5px;height:42px;color:#ffffff;text-
transform:uppercase;font-weight:bold;clear:both}
#side .content {
_width: 190px;
margin:0px 0px 0px 0px;
background: #BDF6F2
; /*MÀU NỀN KHUNG NỘI DUNG - KHỐI CHỨC NĂNG*/
display:block;
padding: 1px;
border-left: 4px solid WHITE; /*MÀU ĐƯỜNG KẺ TRÁI KHUNG KHỐI
CHỨC NĂNG*/
border-right: 4px solid WHITE; /*MÀU ĐƯỜNG KẺ PHẢI KHUNG KHỐI
CHỨC NĂNG*/
border-top: 4px solid WHITE; /*MÀU ĐƯỜNG KẺ TRÊN KHUNG KHỐI
CHỨC NĂNG*/
border-bottom: 4px solid WHITE; /*MÀU ĐƯỜNG KẺ DƯỚI KHUNG KHỐI
CHỨC NĂNG*/
padding-bottom: 3px;
padding-top: 3px;
}
.selected {
background: BROWN;
}

#side .bottom{_width:190px;margin:0px 0px 10px
0px;background:url( />.gif) no-repeat center top;height:23px;display:block;clear:both;} /*HÌNH ẢNH
HIỂN THỊ PHÍA DƯỚI KHUNG KHỐI CHỨC NĂNG*/
}
#side .content a {
height: 15px;
}
#side .content li a {
color: BLUE; /*MÀU CHỮ LINK Ý KIẾN THÀNH VIÊN - KHỐI CHỨC
NĂNG*/
}
#side .content li {
color: BLUE; /*MÀU CHỮ TRONG MỤC THỐNG KÊ Ở KHỐI CHỨC
NĂNG*/
border-bottom: dotted 1px #FFFFFF;
}
#side .content {
color: BLUE; /*MÀU CHỮ NỘI DUNG Ở KHỐI CHỨC NĂNG*/
}
.leftmenu {
line-height:15px;
}
.leftmenu ul {
padding: 0px;
margin: 0px;
}
.leftmenu li {
display:block;
padding: 0px;
margin: 0px;

border-bottom: 2px dotted white; /*MÀU ĐƯỜNG KẺ PHÂN CÁCH TRONG
MỤC Ý KIẾN THÀNH VIÊN - KHỐI CHỨC NĂNG*/
}
.menutop {
background:url() repeat-x center center;
background-color: #6878FD
; /*MÀU NỀN PHẦN CÒN DƯ CỦA MENU*/
border: 2px solid YELLOW; /*MÀU ĐƯỜNG KẺ TRÊN VÀ VIỀN TRÁI
CỦA MENU*/
font-weight: normal;
border-bottom: 2px solid YELLOW; /*MÀU ĐƯỜNG KẺ DƯỚI CỦA
MENU*/
}
.menutop a:hover {
background:url() repeat-x center center;
background-color: #F74071; /*MÀU NỀN MENU KHI RÊ CHUỘT VÀO*/
}
.menutop a {
background:url() repeat-x center center;
background-color: #6878FD
; /*MÀU NỀN MENU*/
border-RIGHT: 2px solid YELLOW; /*MÀU ĐƯỜNG KẺ PHẢI CỦA
MENU*/
}
.menutop li {
border-right: 0px solid YELLOW; /*MÀU ĐƯỜNG KẺ TRÁI CỦA MENU*/
}
#top a:link {
color: white; /*MÀU CHỮ MENU KHI CHƯA NHẤN CHUỘT VÀO*/
}

#top a:visited {
color: WHITE; /*MÀU CHỮ MENU KHI ĐÃ NHẤN CHUỘT VÀO*/
}
#welcome a {
background: #6878FD
; /*MÀU NỀN CHỮ THOÁT CẠNH TÊN THÀNH VIÊN GÓC PHẢI TRÊN*/
}
.dropmenudiv {
font:normal 12px Verdana;
line-height:18px;
}
.dropmenudiv ul {
border: 0px solid BROWN; /*MÀU KHUNG MENU XỔ XUỐNG*/
}
.dropmenudiv a {
font-size: 11px; /*CỠ CHỮ TRONG MENU XỔ XUỐNG*/
color: BLUE; /*MÀU CHỮ MENU XỔ XUỐNG*/
}
.dropmenudiv li {
border-bottom: dotted 2px #FAFBF1; /*MÀU ĐƯỜNG KẺ PHÂN CÁCH
LINK TRONG MENU XỔ XUỐNG*/
background: #BDF6F2
; /*MÀU NỀN TRONG MENU XỔ XUỐNG*/
}
.dropmenudiv a:hover { /*THEME CHANGE HERE*/
background:#BDF6F2
; /*MÀU NỀN KHI RÊ CHUỘT CHỌN LINK TRONG MENU XỔ XUỐNG*/
text-decoration:underline;
}
#wrap3 {

background: #6878FD; /*MÀU NỀN CHUNG CHO CẢ TRANG*/
border:1px solid YELLOW; /*MÀU KHUNG CHUNG CHO CẢ
TRANG*/
border-width:0 2px;
overflow-x: hidden;
}
.comments .comment2 {
background-color: #EBF8AB; /*MÀU NỀN MỤC Ý KIẾN 2*/
}
.comments .comment1
{
background-color: #ABEFF8; /*MÀU NỀN MỤC Ý KIẾN 1*/
}
body {
background: #067DC7; /*MÀU NỀN BÊN NGOÀI TRANG*/
}

Chú ý :
-Màu nền chung cả trang,nền menu, nền còn thừa menu, màu nền có chữ "thoát"
= một màu
Code như sau:
<link rel="stylesheet" type="text/css" media="screen" href=
" />Đường link : /> (Tên trang web gửi tài liệu)
/lebinhpro/ (Tên tài khoản của mình)
/Sonnhalan5.css (Tên tài liệu gửi vào trang Web)
Chỉ cần thay ảnh, mã màu là dược giao diện Violet như ý mình.Chúc bạn
thành công nha.