1. Trang chủ
  2. » Giáo án - Bài giảng

Code tạo giao diện trang web theo ý thích

7 463 1

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 7
Dung lượng 52,5 KB

Nội dung

{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 1

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

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 3

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*/

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 7

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

Ngày đăng: 31/05/2015, 06:00

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w