Dưới đây là một vài bước cơ bản tạo style css, hình nền, font chữ và modules cho web, blog 1. Tạo hình nền web, blog <style>body {font-family:Verdana/Arial/Helvetica/sans-serif; (font chữ
chung cho toàn blog, web)
color:#FFFFFF; (màu chữ )
background-image:url(http://xxxx.com/yyy.jpg);(Địa chỉ
hình nền)
background-color:#000000; (màu nền)
background-position:top left;(vị trí đặt hình nền, ví dụ góc
trên trái)
}</style>
2. Phần modules
.mod {background-color:#000000;
background-image:url(’ http://…
jpg’); (địa chỉ hình nền cho
module)
border-style:solid; ( hoặc
dotted hoặc dashed : dạng
đường viền của mod )
border-width:1px; (chiều rộng
đường viền )
border-color:#FFFF00; (màu
viền ) }
( thuộc tính .x1 con của .mod
)
.mod .x1 {background-color: #000000;
opacity: 0.6; ( độ trong suốt
của nền mod )
filter:alpha (opacity=60); ( độ
trong suốt của nền mod (cho IE)
)}
.mod-content {
color:#FFFFFF; (màu chữ trong
module)
}
( font chữ, màu và kích cỡ của
tieu đề module )
.hd {
font-family:”Comic Sans MS”;
color:#FF0000;
font-size:20px;
}
#ypf-coreid .user-card .user-
info .user-name h1
span.nickname {
color:#CCFF33; (màu của
nickname )
}
#ypf-coreid .user-card .user-info
span.age, span.gender,
span.locality {color:#00FF00; (màu của tuổi,
chỗ ở, giới tính)
}
Vài lưu ý nhỏ:
+ Địa chỉ hình nền, đó là các dòng
như background-image:url
(http://xxxx.com/yyy.jpg); bạn
phải lưu ý thay bằng một địa chỉ
nào đó tồn tại trên mạng, nếu
như không muốn có hình nền,
bạn xóa cả dòng background-image:url(http://xxxx.com/yyy.jpg); nhé. + bạn cũng có thể tạo ra nền web, blog từ những tấm hình của bạn bằng cách tải lên hình ảnh bạn muốn cài làm nền (nếu ảnh nhỏ quá bạn có thể thay đổi kích thước ) sau đó bấm vào chữ E cạnh hình ảnh (đã tải lên) để xem địa chỉ hình ảnh
và thay vào background-image:url( http://(địa chỉ hình ảnh của bạn)); bạn ok xong rồi xóa bỏ hình vừa tải lên để có 1 nền web, blog như ý + Các mã màu, ví dụ #FFFFFF, đó
là mã màu của màu trắng trong
bảng mã HEXA COLOR
còn rất nhiều mã màu khác trong bảng mã màu của admin + Sau khi thiết kế xong một
theme (như trên là một ví dụ)
bạn phải chuyển sang chế độ
Advanced CSS ở chỗ Style this
profile sau đó dán toàn bộ mã
tạo được vào đó. Bấm Preview (xem thử)
để xem thử. Bấm Apply để hoàn
tất
