Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9x avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440 Admin Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Thông tin thành viên : Click ! Posts : 2319
Points : 6889
Thanked : 77
10/12/2010
Birthday : 27/02/1991
Đến từ : Hải Phòng
I'm : Status : DarkNo1<=> ClubTeen9x
avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Shop Avatar
Tiêu đề: Code Căn giữa và hiệu ứng nhấp nháy cho tiêu đề các modun trong blog Fri Jan 14, 2011 10:23 am DarkNo1<=> ClubTeen9x
Tiêu đề: Code Căn giữa và hiệu ứng nhấp nháy cho tiêu đề các modun trong blog --------------------------------------------------- Cho Ðiểm Chủ Ðề Này
Mọi người nếu để ý kĩ,thì sẽ thấy tiêu đề các modun trong blog tớ đều ở
chính giữa và nhấp nháy,trông cũng sinh động hẳn lên phải hok nào,muốn
vậy thì làm theo tớ nhé :
1.Căn giữa cho tiêu đề các modun trong
blog :
A.căn giữa đối với từng modun riêng biệt,ai thích làm cho
modun nào thì sử dụng code tương ứng ở bên nha :
+ modun tự tạo số 1 : #user_mod_10001 h2 {text-align:center;} + modun tự tạo số 2 : #user_mod_10002 h2 {text-align:center;} + modun tự tạo số 3 : #user_mod_10003 h2 {text-align:center;} + modun tự tạo số 4 : #user_mod_10004 h2 {text-align:center;} + modun tự tạo số 5 : #user_mod_10005 h2 {text-align:center;} + modun tự tạo số 6 : #user_mod_10006 h2 {text-align:center;} + modun tự tạo số 7 : #user_mod_10007 h2 {text-align:center;} + modun tự tạo số 8 : #user_mod_10008 h2 {text-align:center;} + modun tự tạo số 9 : #user_mod_10009 h2 {text-align:center;} + modun tự tạo số 10 : #user_mod_10010 h2 {text-align:center;} + modun bình luận mới nhất : #comment_new h2 {text-align:center;} + Modun bài mới nhất : #article_new h2 {text-align:center;} + Modun thư mục riêng : #folder h2 {text-align:center;} + modun danh sách bạn bè : #friendlist_module h2{text-align:center;} + modun bài viết : #article_list_module h2{text-align:center;} + modun tìm kiếm :
#search_module h2 {text-align:center;} + modun cập nhật ngày :
#update_date h2 {text-align:center;} + modun lịch :
#calendar h2 {text-align:center;} + modun thống kê : #statistic h2 {text-align:center;} B.code căn giữa tiêu đề cho tất cả các modun trong blog : Sử dụng code chung này : 2.Hiệu ứng nhấp nháy cho tiêu đề các modun : A.Vì lý do nào đó mà bạn chỉ muốn cho tiêu đề modun này,hay modun kia nhấp nháy,vậy thì sử dụng một code nào đó trong đây nhá ,copy và paste vào css ha :+ modun tự tạo số 1 : #user_mod_10001 h2 {text-decoration:blink;} + modun tự tạo số 2 : #user_mod_10002 h2 {text-decoration:blink;} + modun tự tạo số 3 : #user_mod_10003 h2 {text-decoration:blink;} + modun tự tạo số 4 : #user_mod_10004 h2 {text-decoration:blink;} + modun tự tạo số 5 : #user_mod_10005 h2 {text-decoration:blink;} + modun tự tạo số 6 : #user_mod_10006 h2 {text-decoration:blink;} + modun tự tạo số 7 : #user_mod_10007 h2 {text-decoration:blink;} + modun tự tạo số 8 : #user_mod_10008 h2 {text-decoration:blink;} + modun tự tạo số 9 : #user_mod_10009 h2 {text-decoration:blink;} + modun tự tạo số 10 : #user_mod_10010 h2 {text-decoration:blink;} + modun bình luận mới nhất : #comment_new h2 {text-decoration:blink;} + Modun bài mới nhất : #article_new h2 {text-decoration:blink;} + Modun thư mục riêng : #folder h2 {text-decoration:blink;} + modun danh sách bạn bè : #friendlist_module h2{text-decoration:blink;} + modun bài viết : #article_list_module h2{text-decoration:blink;} + modun tìm kiếm :
#search_module h2 {text-decoration:blink;} + modun cập nhật ngày :
#update_date h2 {text-decoration:blink;} + modun lịch :
#calendar h2 {text-decoration:blink;} + modun thống kê : #statistic h2 {text-decoration:blink;} B.Còn ai muốn tất cả tiêu đề các modun đều nhấp nháy thì sử dụng code ngắn gọn như thế này : h2{ text-decoration:blink; }
3.Căn giữa và nhấp nháy cho tiêu đề tất cả các modun trong
blog :
Code :
h2{ text-decoration:blink; text-align:center; }
4.Hiệu ứng nhấp nháy
< Blink >
cho chữ trong blog Khi bạn viết bài,một số câu chữ,một số lời nói bạn cố tình muốn người khác để ý,vậy tại sao bạn không thêm hiệu ứng nhấp nháy cho câu chữ quan trọng đó ! Hay phải không nào ? Sử dụng code : style="text-decoration:blink;">Nội dung bài viết muốn nhấp nháy
Khó hiểu phải không ạ ? hj` cứ từ từ ! đây tớ sẽ nói cụ thể như thế này : Bước một : Bạn viết một câu chữ nào đó ví dụ như : Thiên thần tuyết I love you forever Bước 2 : bạn muốn dòng chữ này nhấp nháy : hãy check nút HTML lên nhé,được chưa ạ ? Bước 3 : Sau đó Chèn lệnh này : style="text-decoration:blink;"> vào trước dòng chữ đó và thêm vào sau dòng chữ đó ,như
thế này này :
style="text-decoration:blink;">Thiên thần tuyết I love you forever Bước 4 : Bây giờ check bỏ nút HTML lên và nhìn thành quả của mình,ấn nút đăng lên là xong,dòng chữ ấy sẽ nhấp nháy :Thiên thần tuyết I love you forever
Được chưa ạ ? Thik không ? Không được nữa thì cũng cười lên nào,thật sự tớ cũng cố hết sức để làm cho các cậu hiểu rùi đấy !
Cho tớ một lời cảm ơn đi !
Thực ra thì mấy cái hiệu ứng nhấp nháy
hay căn giữa
những cao thủ về it hoặc đơn giản là những người chơi blog từ rất lâu đều biết rùi ! Tớ cũng mới tìm tòi và học hỏi nên hơi gà,chỉ là ghép tiêu đề và một vài thuộc tính,cho chúng vào trong ngoặc kép,đặt cách nhau dấu ; là thành một code,theo tớ thấy như thế ! hj` có chỗ nào sai thì các bác chỉ giáo cho em Tớ cũng rất cố gắng mày mò rùi,hj` khả năng của tớ chỉ có thế,mong mọi người ủng hộ,nếu làm được thì cho tớ một dòng comment cảm ơn nhé ! Thik lắm ấy