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(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 {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; 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(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*/ } #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= "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) 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. . :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) Chỉ cần thay ảnh, mã màu là dược giao diện Violet như ý mình.Chúc bạn. 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ư. CODE GIAO DIỆN TRANG NNCTT h2{font-size:16px}#posts{width:100%;overflow-x:hidden;} #posts li{padding-bottom:10px; height:auto