Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
A8 Family
Đoàn kết
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 43
Vui vẻ
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link IMG0662A_01
Duyên dáng
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 50-1
Đẹp trai
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 002-1
Ăn chơi
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 7-2
Hồn nhiên
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link Copy2ofCopyofDSC04348
Và ....
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 29032009089
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 29032009090
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 29032009095
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link A
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link Copy2ofCopyofDSC04348
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link Copy2ofDSC04352
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link Copy3ofDSC04351
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 28e8b48a-453b-4e09-9fee-07c94ca1549
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 7-2
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link PICT0008
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link H001
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link B78d7c10-8f60-44db-a1e9-9235fddcd4c
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 50-1
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 002-1
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link PICT0009-1
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link Fxv0otV
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 64n34
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link Ccef2884-f258-4732-9a53-52b4e336383

Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link Cuoinay
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link B5bce6fb-18a3-4984-b96f-3f1c22e1339
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 000
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link IMG0657A
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link 43
Hiệu ứng Blink (Nhấp nháy) và 1 số tùy chỉnh cho chữ và link SDC10078

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

Go down

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

Bài gửi by meocon on Fri Jun 05, 2009 5:25 am

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é .
meocon
meocon
Admin


Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết