Đăng kư
Quay Lại   Tin Học B́nh Dương > THẾ GIỚI BLOG - NGÔI NHÀ CẢM XÚC > BLOG CÁ NHÂN - NƠI DIỄN ĐẠT CẢM XÚC CỦA BẠN !

Trả lời
 
Công cụ Chế độ hiển thị
  #1  
Tuổi 26-11-08, 03:09 PM
lyly's Avatar
lyly lyly vẫn chÆ°a cĂ³ mặt trong diá»…n Ä‘Ă n
Nhóm Super Mod
 
Ngày tham gia: Aug 2008
Số Bài Viết: 421
Gửi lời cảm ơn: 21
Được 18 lời Cảm ơn / 17 bài
Send a message via Yahoo to lyly
Smile 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
Reply With Quote
Trả lời

Tags
thủ thuật 360plus


Số người đang xem Chủ đề này : 1 (0 thành viên và 1 khách)
 
Công cụ
Chế độ hiển thị

Quuyền Hạn Của Bạn
Bạn không được phép viết chủ đề mới
Bạn không được phép viết trả lời
Bạn không được phép gởi đính kèm
Bạn được phép chỉnh sửa bài viết

BB code is Bật
Smilies đang Bật
Mã [IMG] đang Bật
Mã HTML đang Tắt

Chuyển Đến Mục

Similar Threads
Thread Người Khởi Tạo Chủ Đề Chuyên Mục Trả lời Có Bài Trả Lời Mới Nhất
SHERLOCK HOLMES Aloha CLB VĂN THƠ 1 16-04-08 11:35 PM
Tăng tốc độ mạng và truy cập Internet Aloha THỦ THUẬT & MẸO VẶT 0 26-08-07 04:41 PM
Tăng tốc cho win Vista. Aloha THỦ THUẬT & MẸO VẶT 0 26-08-07 04:36 PM
Giải pháp bảo vệ mạng nội bộ BinhduongiT BẢO MẬT / TƯỜNG LỬA 0 15-08-06 02:53 AM
Một số từ viết tắt trong Computer BinhduongiT SÁCH ĐIỆN TỬ - WEB HAY 0 01-08-06 04:50 PM


Múi giờ là GMT +8. Bây giờ là 03:34 PM.

Lien he quang cao
© Diễn đàn được xây dựng và phát triển bởi các thành viên.
Các bài viết, h́nh ảnh, nhạc, thương hiệu... có bản quyền thuộc về chủ sở hữu.
Truy cập, sử dụng website này nghĩa là bạn đă chấp nhận Quy định của Diễn đàn !

Diễn đàn được tài trợ bởi Binh Duong Information Technology
Nhà cung cấp các Dịch vụ & Giải pháp Công Nghệ Thông Tin
Xem tốt nhất ở độ phân giải 1024x768 trên tŕnh duyệt Firefox
Get Firefox Now Get Windows Media Player Now