Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link

07.03.2009

1 Blog mà các đọan link và tiêu đề chỉ toàn đứng yên không nhìn cũng hơi nhàm bạn nhỉ ? Vậy bạn có muốn thêm các hiệu ứng Blink làm nhấp nháy 1 số phần link mình muốn như Blast, tên Module ... hay thay đổi các tùy chọn về font chữ, màu chữ ko ? Vì gần đây cũng có nhiều bạn hỏi phần này, trả lời comment hoài cũng oải wá, nên tiện thể giờ làm hẳn entry luôn ^^.

---

Sau đây là cách làm nhé :

1> Giới thiệu sơ về các tùy chọn cho chữ nhé :

a - Đầu tiên là mã màu :

Code:

#mã_màu

• Về mã màu khi bạn sử dụng dạng #mã_màu tức là dạng mã HEX, ngoài ra còn có 1 số loại như RGB... để biết thêm thông tin bạn có thể đọc Tại Blog Noa .
• Muốn đổi mã màu bạn chỉ việc thay phần mã_màu bằng các thông số HEX, nếu bạn không phải dân đồ họa hay muốn lấy mã màu 1 cách nhanh nhất có thể xem Tại Đây.

b- Kích cỡ chữ :

• Đối với Tiêu đề Module, Blog :

Code:

font-size:"kích thước"

• Xem thêm về các giá trị cho kích thước chữ Tại Đây
• Thông thường kiểu chữ normal cho bài viết trong Blog là 13px. Bạn có thể thay đổi giá trị này bằng cách Check vào dấu HTML trong khung sọan thảo bài viết và thêm :

Nội dung bài viết

• Mặc định giá trị của size Normal là 6, Small là 5. Nếu muốn bạn có thể thay đổi bằng 12px, 13px ....

c- Kiểu chữ :

• Trong bài viết kiểu chữ có các loại như Bold, italic, Normal. Bạn có thể thay đổi bằng thẻ lệnh có sẵn của khung sọan thảo.
• Đối với các chữ tiêu đề của Module, Blog bạn có thể thay đổi chúng bằng Code:

Code:

font-style:Bold/*Hay italic, normal*/

d- Font chữ :

• Về cái này thì mình chỉ nói về CSS để thay đổi font chữ thôi nhé :

Cod

font-family:Arial/*Hay các font chữ bạn thích*/

e- Hiệu ứng nhấp nháy : (text-decoration:blink)

• Đối với Bài Viết, bạn có thể thêm hiệu ứng nhấp nháy cho chữ hoặc Link bằng cách Check HTMLCode này vào, đặt Nội dung Bài viết trong thẻ Div nhé : và thêm

Code:

"text-decoration:blink">Nội Dung Bài Viết

2- Thay đổi định dạng chữ cho nội dung  Blast :

Đối với chữ Blast ko chèn Link :

Code:

#blast .rc_bc .bd {font-weight:bold;font-style:italic;color:#mã_màu;font-size:110%;text-decoration:blink;}

• Nếu không thích có hiệu ứng nào thì có thể xóa đi nhé.
• Và nhớ thay mã màu vào.

Đối với chữ Blast có chèn link :

Code:

#blast .rc_bc .bd a{font-weight:bold;font-style:italic;color:#mã_màu;font-size:110%;text-decoration:blink;}

3- Đối với Nick name ở Module Profile :

Các bạn có thể thay đổi các thuộc tính bằng Code sau :

Code:

#profile_highlight .nickname a { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

4- Các Module phụ :

1> Module New Comment :
Code:

#comment_new h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

2> Module Bài Mới : Code:

#article_new h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

3> Module Profile ( Nick Name) : Code:

#profile_highlight h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

4> Module Search (Tìm Kiếm) :
Code:

#search_module h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

5> Module Thư Mục :
Code:

#folder h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

6> Module Cập Nhật Ngày ( Update) :
Code:

#update_date h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

7> Module Lịch:
Code:

#calendar h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

8> Module Thống Kê :
Code:

#statistic h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

9> Module FriendList : Code:

#friendlist_module h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

10> ModuleTự Tạo :
Đối với Module tự tạo bạn thay đổi x bằng số thứ tự của Module trong Blog và paste vào CSS nhé :
Code:

#user_mod_1000x h2 { color:#0066CC/*sửa lại mã màu*/;font-family:Comic Sans MS/*hay Arial, Verdanda... */;font-size:130%/* hoặc có thể là 12px, 13px hay 110% chẳng hạn*/;font-weight:bold;font-style:italic;text-decoration:blink;}

Lưu ý : Nếu không thích có thuộc tính nào thì bạn xóa code phần đó đi nhé !
Nếu chỉ muốn làm chữ nhấp nháy thì chỉ để text-decoration:blink thôi.
Ví dụ: Module Folder :

#folder h2 {text-decoration:blink;}

---

Vậy là xong 1 số Code thông dụng để chuyển đổi các thuộc tính cho chữ trong bài viết hay các Module rồi.
Hy vọng bài viết có ích cho bạn nhé .

(Bản quyền của  W.Dephia'sBlog  Tớ có công post  )