Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link
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 ḿ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́ ḿ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:
<div style="text-decoration:blink">Nội Dung Bài Viết </div>
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 bài viết thuộc về W.Dephia'sBlog, vui ḷng ghi rơ nếu sử dụng lại nhé)
___________________________________________
*♥♥☺♥♫♥♫♥☺♥♥* (¯`°´¯) *•♥•*lyly*•♥•* (¯`°´¯) *♥♥☺♥♫♥♫♥☺♥♥* Chiều nay trên phố chợt có cơn mưa bay Giọt mưa vội vă...nhẹ rơi mắt người Mưa có vui như anh và em? Và mưa vẫn thế nhẹ lắm khi bên em V́ mưa cũng biết...từ trong tim này Mưa với anh tới sao ngọt ngào
|