Để thay đổi các thuộc tính của chữ trong Blog các bạn hãy xem bai này nhé
Đầu tiên, các bạn phải biết các thuộctính của chữ là gì đã nhé!
Màu chữ: được hiển thị bằngcác mã màu. Ví dụ như màu đen là #000000, màu trắng là #ffffff.
Code của màu sắc trong CSS là color:(mã màu);
Để lấy mã màu, bạn có thể vào xem lại bài viết này.
Kích thước chữ: được tính bằng đơn vị pixels, code của kích thước chữ trong CSS là font-size: Apx; với A là kích thước của chữ. Thường thì chữ dung trong Blog nằm trong khoảng từ 12px tới 14px.
Chữ nghiêng: font-style: italic;
Chữ gạch chân: text-decoration:underline;
Chữ hoa toàn bộ: text-transform: uppercase;
Chữ hoa đầu dòng: text-transform:capitalize;
Chữ in đậm: font-weight: Bold;
Kiểu chữ: Ở đây chúng ta có 9 kiểu chữ, các bạn có thể xem trước các kiểu chữ này trong MSOffice hay trong khung soạn thảo bài viết mới của Blog.
Kiểu Arial: font-family: Arial;
Kiểu Arial Black: font-family: Arial black;
Kiểu Comic sans ms: font-family: comic sans ms;
Kiểu Courier New: font-family: courier new;
Kiểu Lucida console:font-family: Lucida console;
Kiểu Tahoma: font-family: Tahoma;
Kiểu Times new romanfont-family: times new roman;
Kiểu Trebuchet ms: font-family: trebuchet ms;
Kiểu Vernada: font-family: vernada;
Canh lề cho chữ:
Canh giữa: text-align: center;
Canh trái: text-align: left;
Canh phải: text-align: right;
Tất cả các thuộc tính mình đã nêu ởtrên,khi ghép nhiều thuộc tính với nhau thành một thẻ,mỗi thuộc tính cần được
ngăn cách bởi dấu chấm phẩy “;” và kết thúc câu lệnh cũng bởi dấu chấm phẩy “;”
Đó cũng là lý do tại sao khi mình viết các thuộc tính mình thường để dấu chấm
phẩy ở phía sau.
Ví dụ như mình muốn ghép 3 thuộc tính: chữ đậm và kiểu font times new roman, cỡ
chữ 12px; mình sẽ ghép như sau: {font-weight:bold;font-family:times new
roman;font-size: 12px;}
Các thuộc tính được đặt trong dấu {.......;}
Việc Áp dụng
vào blog yahoo + code thay đổi toàn bộ thuộc tính cho chữ ở bất kì chỗ nào trên
blog :
1.Code thay đổi thuộc tính cho chữ trong toàn bộ blog:
body{nơi chèn các thuộc tính cần thiết;}
Ví dụ như ở code này,mình chỉ chèn những thuộc tính cần thiết như : Chữ đậm,kiểu chữ times new roman,cỡ chữ 12px và và màu chữ xanh với mã màu #03FC24.Code như sau :
body{font-weight:bold;font-family:times new roman;font-size: 12px;color:#03FC24;}
2.Code thay đổi thuộc tính cho chữ có Link, (tức đường dẫn tới các mục khác)
a{Chèn các
thuộc tính cần thiết vào đây;}
Cũng tương tự như ở trên,các bạn chèn những thuộc
tính cần thiết vào
Ví dụ như đoạn code:
a{text-decoration:none;font-weight:bold;color:#FC00A8;font-family:arial;}
có tác dụng: Link chữ đậm và màu chữ của link : màu
hồng có mã :#FC00A8 và font arial.
3.Phần chữ ở module Bình luận mới nhất :
Ở module bình luận mới nhất này,ta sẽ
có 4 chỗ cần thiết để thay đổi màu chữ hoặc các thuộc tính khác nhau
a.Thay đổi màu chữ,các thuộc tính khác cho tiêu đề module bình luận mới nhất (
số 1 trên hình)
#widget-recentComment
h3{color:#00fc03;text-decoration:blink;text-align: center; }
Giải thích cho code trên : màu chữ tiêu đề màu xanh;nhấp nháy,thuộc tính canh
giữa, chú ý nhấp nháy chỉ trên trình duyệt fifox thôi nhé,IE và google chorme
không được
Nếu các bạn muốn chèn thuộc tính nào khác nữa vào thì tùy.
b.Chữ hiển thị comment (đánh số 2)
#widget-recentComment .bd span a{font-weight:bold;color:#mã_màu;}
Bạn thích mã màu nào để phân biệt
chúng thì thay mã màu đó vào 
c.Chữ thời gian comment (đánh số 4)
#widget-recentComment li time{font-weight:bold;color:#mã_màu;}
d.Chữ nick name của người comment ( đánh số 5)
#widget-recentComment li time a {font-weight:bold;color:#mã_màu;}
4_ Phan Chữ Module Bài Mới Đăng :
#widget-recentPost h3{color:#mã_màu;text-decoration:blink;text-align:
center; }/*Tieu De Module */
#widget-recentPost .bd a{font-weight:
bold;color: #mã_màu;} /*Tiêu đề bài viết mới đăng*/
#widget-recentPost .bd time{font-weight:
bold;color: #mã_màu;} /*Thoi gian đăng bài*/
5_ Phan Chu Module Thống Kê
#widget-statistic h3 {font-weight:
bold;color: #mã_màu;} /*phần tiêu đề*/
#widget-statistic .bd dt {font-weight: bold;color: #mã_màu;} /*Phần
chữ viết*/
#widget-statistic .bd dd{font-weight:
bold;color: #mã_màu;} /* Phần số */
6_Phan Chu Module Thu Muc Tag ( từ khóa)
#widget-tag h3{font-weight: bold;color: #mã_màu;}
/*Phần tiêu đề*/
#widget-tag a {color:#fff;font-weight:bold;} /*Phần Chữ trong module
tag,các từ khóa */
7_Phan Chu,số Module lịch
#widget-calendar
h3{font-weight: bold;color: #mã_màu;} /*Phần tiêu đề*/
#widget-calendar .year{font-weight:
bold;color: #mã_màu;}/*Màu số năm*/
.calendar-month-list a{font-weight:
bold;color: #mã_màu;} /*Màu số tháng*/
#widget-calendar .bd em{font-weight: bold;color: #mã_màu;} /*Màu số bài viết trong tháng*/
8_ Phan Chu Module Thư Mục :
#widget-category h3 {font-weight: bold;color: #mã_màu;} /*Màu chữ tiêu đề*/
#widget-category .bd a {font-weight: bold;color: #mã_màu;} /*Màu chữ tên thư mục*/
#widget-category .bd em{font-weight: bold;color: #mã_màu;} /*Màu số bài viết trong thư mục*/
9.Phần module khách mới vào :
#widget-recentVisitor a {font-weight: bold;color: #mã_màu;} /* màu cho tên nick khách mới vào và chữ xem thêm*/
#widget-recentVisitor h3 {font-weight: bold;color: #mã_màu;}/*màu chữ cho phần tiêu đề module*/
10.Module danh sách bạn bè :
#widget-followingList h3{font-weight: bold;color: #mã_màu;}/*màu chữ cho phần tiêu đề module*/
#widget-followingList .bd p{font-weight: bold;color: #mã_màu;}/*màu chữ cho tên nick name của bạn bè*/
#widget-followingList .bd h4 em{font-weight: bold;color: #mã_màu;}/màu số bạn bè có trong list danh sách bạn bè*/
#widget-followingList .bd a{font-weight: bold;color: #mã_màu;}/*màu chữ see all_xem toàn bộ*/
11_Phần Chữ Module Danh sách Bài Viết (Ở trang chính)
Code (đi từ mũi tên trên xuống dưới)
#article-list .bd .category a {font-weight: bold;color: #mã_màu;}/*màu chữ
tên thư mục chứa bài viết*/
#article-list .article .title{font-weight:
bold;color: #mã_màu;}/*màu chữ cho tên bài viết*/
.meta span{font-weight: bold;color:
#mã_màu;}/*màu chữ cho phần ngày giờ tháng năm,lời bình,nguồn trích,lượt
xem,công khai*/
.meta a{font-weight: bold;color:
#mã_màu;} /* màu chữ cho phần tổng số lời bình (80) và số nguồn trích (0)*/
.article.clrfix .bd p {font-weight:
bold;color: #mã_màu;} /* Màu chữ phần tóm tắt nội dung bài viết*/
.article.clrfix .bd .tag a{font-weight:
bold;color: #mã_màu;} /* màu chữ phần tag,các từ khóa của bài viết tóm tắt*/
12_Phần Module Bài Viết Khi Xem Chi Tiết
#article-single .article .title {font-weight: bold;color: #mã_màu;} /* Màu chữ
cho phần tên bài viết khi xem chi tiết*/
.article.clrfix {font-weight:
bold;color: #mã_màu;} /* Màu chữ cho phần nội dung bài viết khi xem chi tiết*/
13_Phần Khung Comment :
#article-supplement{font-weight: bold;color: #mã_màu;}/*Màu chữ phần comment */
#comment-list .comment-reply{font-weight: bold;color: #mã_màu;}/*Màu chữ phần trả lời comment */
#comment-list .meta a{font-weight: bold;color: #mã_màu;}/*Màu chữ phần nick của khách và chủ blog*/
#article-supplement .yui-content .meta .time{font-weight: bold;color: #mã_màu;}/*Màu chữ thời gian comment và trả lời comment*/
Không nhất thiết là phải thay cho toàn bộ module .Nếu bạn thích thay phần nào thì chỉ lấy phần đó bỏ vào css và thêm các giá trị cho chữ mà bạn thích vào bên trong thẻ {} và mỗi thuộc tính cho chữ cách nhau bằng dấu ; nhé .
Nguồn: Khóc Thầm
