{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
Trang 1CODE 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(http://d3.violet.vn/uploads/previews/blog/4779/back001lvb.gif) top left no-repeat;
}
#smallposts li{padding-bottom:10px;
height:auto !important;
height:54px;min-height:54px;
background:#fff
url(http://d3.violet.vn/uploads/previews/blog/4779/back002lvb.gif) 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
Trang 2{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(http://d3.violet.vn/uploads/previews/blog/4779/back001lvb.gif) no-repeat;
background-position:center 0px;overflow:hidden;}.document over
{background:transparent
url(http://d3.violet.vn/uploads/previews/blog/4779/back002lvb.gif) 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;
Trang 3font-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(http://d2.violet.vn/uploads/resources/606/header1.gif) 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(http://d2.violet.vn/uploads/resources/606/BAR7MAU_LB 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*/
Trang 4#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*/
}
Trang 5.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*/
}
Trang 6.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=
"http://users9.Jabry.com/lebinhpro/Sonnhalan5.css">
Đường link :http://users9.Jabry.com/lebinhpro/Sonnhalan5.css
http://users9.Jabry.com/ (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)
Trang 7Chỉ 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