Thư mục: Hướng dẫn tạo blog |
I. GIỚI THIỆU CHUNG
CSS là một loại ngôn ngữ dàn trang, định kiểu cho các thành phần của trang Web hay Blog. Nói vậy chung chung quá, nôm na CSS như là người đi mua kiểu bàn ghế, kiểu đồ đạc trong nhà theo ý của chủ nhà và sắp xếp chúng cũng theo ý ông chủ luôn. Cụ thể là nó làm nhiệm vụ biểu diễn fonts (phông chữ), colours (màu sắc), margins (canh lề), lines (các loại đường, nét), height (chiều cao), width (độ rộng), background images (ảnh nền các loại), xác định vị trí cho các khối…
CSS từ viết tắt của Cascading Style Sheet tạm dịch là bảng kiểu xếp chồng.
Đầu tiên bạn vô phần Thiết Kế ~~> Theme ~~> Chế độ tự chỉnh sửa ~~> Click nút Tiếp ~~> Hiện ra cái khung có bảng màu, kéo xuống dưới thấy chữ CSS, bên cạnh đó có cái khung cho điền text. Đó là phần điền CSS.
Ý nghĩa của các code trong việc viết code css
Trang trí các Khung kiểu liệt kê : Khung Thống kê (#statistic), Bài viết mới (#article_new), Lời bình mới (#comment_new), Thư mục (#folder)...
Ở các khung này ngoài lớp để đặt ảnh của nền ra (.bd), chúng ta còn 2 lớp để đặt ảnh nữa là (ul - lớp bao gồm 1 khối liệt kê) và (li - lớp bao gồm từng dòng liệt kê). Lớp (li) thường đã được dùng để tạo 1 icon đầu dòng cho mỗi liệt kê.
Ví dụ: lệnh dưới đây dùng để tạo 1 hình quyển sách nhỏ trước mỗi tiêu đề bài viết mới
#article_new .bd ul li {background:transparent url(http://i241.photobucket.com/albums/f..._book_open.gif) no-repeat center left;}
Ở các khung Bài viết mới, Thư mục, Bạn bè chỉ có 1 lớp (ul), riêng ở khung Lời bình mới có thể có nhiều hơn 1 lớp (bằng số bài có lời bình mới được hiện ra).
Ảnh đặt tại lớp (ul) sẽ ở trên ảnh đặt tại lớp (.bd) do vậy nếu muốn nhìn thấy ảnh của lớp (.bd) thì không được tô màu lớp (ul). Ở đây, lệnh HEIGHT được sử dụng để tăng chiều cao của khung cho thích hợp với ảnh đặt thêm vào. Ví dụ code CSS trang trí khung Thống Kê của tôi:
#statistic .rc_bd .rc_bc .bd
{background:#ffffee url(http://i241.photobucket.com/albums/ff182/hienhoang_2007/Background/05bgc.gif);}
Lệnh trên là chọn màu nền và ảnh nền của lớp .bd (trong ví dụ này ảnh nền đã che hết màu nền, đưa vào chi để minh họa)
#statistic .rc_bd .rc_bc .bd ul
{height:400px;background:url(http://i241.photobucket.com/albums/f...ang_2007/5.gif) no-repeat bottom left;}
Lệnh tiếp theo này là để thay đổi chiều cao của phần liệt kê (cũng là của khung) và chọn 1 ảnh để ở phần phía dưới của khung.
Trang trí cho khung Giới thiệu bản thân (#profile_highlight)
Các bạn đã từng trang trí 360 plus bằng CSS hẳn biết rằng 360 plus bổ ra hẳn 6 lớp ảnh để trang trí đường viền cho mỗi khung lần lượt là:
.rc, .rc div : dùng để tạo đường viền trên đỉnh;
.rc_bd, .rc_bd .rc_bc : dùng để tạo đường viền 2 bên trái phải;
.rc_ft, .rc_ft div : dùng để tạo đường viền dưới đáy;
Nếu bạn không dùng viền cho các khung, hoặc có thể trang trí đường viền bằng lệnh BORDER thì bạn sẽ có 6 lớp thêm để đặt ảnh cho khung của mình. (quá nhiều, ai mà dùng hết được cơ chứ!)
Nếu bạn dùng viền cho khung Giới thiệu bản thân rồi, bạn vẫn có thể đặt thêm một hình vào để trang trí Khung này đẹp thêm bằng cách sử dụng #profile_highlight_module đặt trùng và ở dưới #profile_highlight. Lúc này, bạn phải nhiều lần sử dụng lệnh HEIGHT. Tham khảo ví dụ dưới đây:
#profile_highlight .hd, #profile_highlight .ft
{height:0px;}
Lệnh trên để đảm bảo rằng tiêu đề và phần đáy của khung Tự giới thiệu có chiều cao bằng 0
#profile_highlight .bd {font-family:PAPYRUS;font-size:21px;font-weight:bold;color:#000000;height:400px;background:url(http://i266.photobucket.com/albums/i...k2m8tfrqy2.gif) no-repeat bottom center;}
Lệnh trên chọn hình đặt ở phía dưới của khung và chỉnh chiều cao khung cho hợp lý với ảnh đặt vào;
#profile_highlight_module {height:400px;background:#FFFFFF url(http://i266.photobucket.com/albums/ii277/babybao_iloveu/background%201/070307hnc204_m_cola71a.gif);}
Lệnh trên là để chọn màu nền, hình nền và chỉnh chiều cao nền của khung để nó không vượt quá đường viền.
.col-150 Chỉ 2 modun nhỏ tự tạo, nằm ở 2 bên blog.
.col-600 Chỉ modun lớn nằm giữa blog.
.row-920 Chỉ modun dài nhất, nằm ở trên cùng và dưới cùng blog
Danh sách các trang có thể đặt hình nền:
body.blog_my
body.profile_view
body.comment_list
body.blog_my_index
body.comment_listing
body.trackback_listing
body.blog_archives_folder
body.blog_archives_date
body.blog_archives_all
body.post_rte
body.post_doodle
body.guestbook
body.subscribe_list
body.post_gb
body.gallery
body.photo_big
body.slideshow
body.photo_upload_pc
body.photo_upload_gallery
Màu link và màu khi di chuột đến link:
a{color:#6F5F06;}
a:hover{color:#FF0000;}
font-family:PAPYRUS -Phông chữ
font-size:21px -Cỡ chữ
font-weight:bold -Chữ in đậm
font-style:italic -Chữ nghiêng
color:#FFHDFS -mã màu
height:400px -Chiều cao của modun
height:auto -Chiều dài tự động
border -Đường viền, đường biên
border-left:5px dotted #fff -Đường viền trái 5px dotted, màu #fff
text-align:right -Căn chữ sang phải
no-repeat center top -Có nghĩa là ảnh được hiện thị 1 lần (no-reapeat), ko lặp lại, ảnh được ở giữa (center) tiêu đề hay nền modun, ảnh được hiện thị từ trên xuống dưới (top)
bottom -Ảnh được hiện thị từ dưới lên
right -Căn phải
left -Căn trái
repeat -Lặp từ trái qua phải, từ trên xuống dưới
no-repeat -Không lặp
repeat-x -Lặp theo chiều ngang
repeat-y -Lặp theo chiều học
background:transparent -Dùng làm trong suốt hoàn toàn
background:#FHJDFH -Chèn màu vào
background:URL(Link ảnh) -Chèn ảnh vào
background:transparent url(link ảnh) viết giản lược thành background:URL(Link ảnh)
!important -Khi qui định thuộc tính nào !important, thuộc tính đó sẽ không bị khi đè.
Ảnh nền tất cả các trang
Code trên đặt ảnh nền trên tất cả các trang mà blog360plus cho phép đặt ảnh nền:
Body.profile_view, body.blog_my, body.guestbook, body.comment_list, body.comment_list, body.blog_my_index, body.slideshow, body.blog_archives_folder, body.comment_listing, body.trackback_listing, body.post_doodle, body.guestbook, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.subscribe_list, body.post_gb, body.gallery, body.photo_big, body.photo_upload_pc, body.photo_upload_gallery {background:url(Link ảnh) repeat top fixed;}
Lưu ý: Repeat là lặp ảnh từ trái qua phải, từ trên xuống dưới. Ta có thể thay thành repeat-x để lặp từ trái qua phải, lặp theo chiều ngang. Thay thành repeat-y để lặp theo chiều dọc, từ trái qua phải.
Khi ta thêm: left thì ảnh sẽ được lặp từ trái qua phải, right thì ảnh lặp từ bên phải qua trái. Them top để ảnh được hiện thị từ trên xuống, thay top bằng bottom để ảnh hiện thị từ dưới lên. Thêm fixed để anh ko chuyển động (đứng im) khi ta kép trang (cuôn trang) blog.
Các bạn có thể tách từ code viết giản lược, viết gộp trên để mỗi trang có một ảnh nền riêng. Ví dụ như ảnh nền trang chính blog thì dùng code này:
Body.blog_my { background:url(Link ảnh) repeat top fixed;}
II. KIỂU THEME 2 MẢNH.
body{background:#cc99ff;}
/* Màu nền của theme, nên thay đổi trùng với màu ảnh nền để tăng tính thẩm mỹ cho theme*/
#doc2, #doc{background:#cc99ff url(Link ảnh Top) no-repeat center top;}
/* mau nen cua theme va link hinh top-theme nay thay doi duoc*/
#bd{background:url(Link ảnh Bottom) no-repeat center bottom;}
Module tên blog
• Code xóa modun tên bài viết:
#blog_title{height:0px;}
• Code chỉnh sửa phông và màu chữ:
#blog_title .bd h2{ text-align:left;font-size:16px;color:#FFFFFF;} /*Chỉnh tên blog*/
#blog_title .rc_bc .bd{text-align:center;font-size:14px;color:#FFFFFF;} /*Chỉnh nội dung mô tả blog*/
• Code xóa đường viền modun tên blog:
#blog_title .rc div, #blog_title .rc, #blog_title .rc_bd, #blog_title .rc_bd div.rc_bc, #blog_title .rc_ft, #blog_title .rc_ft div {background:transparent;}
Module blast
• Làm trong suốt blast:
#blast .rc_ft {background:url(http://i306.photobucket.com/albums/n...g/blast-sw.png) no-repeat left bottom;}
#blast .rc_ft div {background:url(http://i306.photobucket.com/albums/n...g/blast-se.png) no-repeat right bottom;}#blast .rc_bc .bd{background-color:transparent;background-image:url(http://i306.photobucket.com/albums/nn275/changtraiiudoi/042112transparent_bg.png);}
#blast .rc_bc .bd {font-style:italic;color:#000000;}
• Code xóa modun blast
#blast{height:0px;font-size:0px;}
#blast .bd {height:0px;font-size:0px;color:#FFFFFF;}
#blast .rc div {background:transparent;}
#blast .rc {background:transparent;}
#blast .rc_bd div.rc_bc {background:transparent;}
#blast .rc_bd {background:transparent;}
#blast .rc_ft {background:transparent;}
#blast .rc_ft div {background:transparent;}
#blast .rc_bc .bd{background:transparent;}
• Đẩy Khung lời chào (modul Blast) dịch xuống dưới một chút không bị chồng lên Khung tiêu đề (module Blog_title). Để làm như vậy, bạn có thể sử dụng code sau:
#blog_title .ft {height:10px;background:transparent}
#blog_title .rc_ft {height:10px}
#blog_title .rc_ft div{height: 10px}
#blast .rc{height:10px}
#blast .rc div{height:10px}
Ps: Khuyến cáo nên dùng đủ 5 code trên, phòng trường hợp gây lỗi khi ta dùng một số code khác.
• Thêm ảnh, tạo ảnh động trong Khung Blast
Đây là code thêm ảnh, tạo ảnh động trong Khung Blast:
#blast .rc {background:transparent url(http://sg.yimg.com/i/vn/blog/i/blog/rc_nw.gif) left bottom no-repeat;}
#blast .rc div
{height:20px;
background:url(http://sg.yimg.com/i/vn/blog/i/blog/rc_ne.gif) right bottom no-repeat;}
#blast .rc_bd
{background:#ffffff url(http://i241.photobucket.com/albums/ff182/hienhoang_2007/background2/bg_2a.jpg);}
#blast .rc_bd .rc_bc
{background:url(http://i241.photobucket.com/albums/f...a4tbnh2qdv.gif) no-repeat bottom left;}
#blast .rc_bd .rc_bc .bd
{font-size:18px;border-top:none;height:65px;background:url(http://i241.photobucket.com/albums/f...ypson_th-1.gif) no-repeat right bottom;}
Ps: Các bạn thay 2 link ảnh cuối cùng trong code (2 đoạn code cuối), tức là code in nghiêng dưới đây bằng những bức ảnh khác, lưu ý đến font-size:16px; border-top:none; height: Chiều cao, độ dài ảnh, tính bằng px;
#blast .rc_bd .rc_bc
{background:url(http://i241.photobucket.com/albums/f...a4tbnh2qdv.gif) no-repeat bottom left;}
#blast .rc_bd .rc_bc .bd
{font-size:18px;border-top:none;height:65px;background:url(http://i241.photobucket.com/albums/f...ypson_th-1.gif) no-repeat right bottom;}
Chỉnh sửa chữ và phông trong tiêu đề
Làm mất chữ trên tiêu đề và làm mất tiêu đề.
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar,
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar h2{ height:0;font-size:0;}
Chỉ sử dụng font-size:0 nếu muốn mất chữ trên tiêu đề
Với 1 tiêu đề, các bạn có thể đặt phông chữ, chỉnh cỡ chữ, căn lề:
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd h2{font-size:13px;font-style:italic;color:#3395c8;text-align:center;}
Căn chữ trên tiêu đề:
.hd .titlebar .hd h2{text-align:center;}
Thay center bằng right hoặc left để căn phải, căn trái chữ.
-------------------------------------------------------------------------
III. Màu, Kiểu, Kích cỡ và căn chỉnh font chữ toàn blog
/* Mau Chu Chinh Cua Blog */
body{color:#0000FF;}
/* Phan Chu Tren Cung Cua Blog */
#blog_masshead a{text-decoration:blink;}
.userlogin{font-family:arial; color:#0000FF; font-size:12px;} /* Xin chao, Nick, Dau | Ngan Cach Thoat/Thong Tin Tai Khoan */
.userlogin strong{font-family:arial; color:#FF00FF; font-size:12px;} /*Nick*/
#blog_masshead .userlogin a{font-family:arial; color:#00AABB; font-size:12px;} /* Thoat/Thong Tin Tai Khoan */
#blog_masshead .hd .nav a{font-family:arial; color:rgb(255,0,0); font-size:12px;} /* Trang chu Blog/Cac cau hoi thuong gap/Yahoo! VietNam */
.nav {font-family:arial; color:#0000FF; font-size:12px;} /* Dau | Ngan Cach Trang chu Blog/Cac cau hoi thuong gap/Yahoo! VietNam */
/* Phan Chu Module Ten Va Mo Ta Blog */
#blog_title h2{font-weight:bold;font-size:16px;color:#0000FF;} /* Ten Blog */
#blog_title p{font-weight:bold;font-size:14px;color:#FF00FF;} /* Mo Ta Blog */
/* Phan Chu Blast */
#blast .bd { font-weight:bold; font-style:italic; color: #0000FF; text-decoration:blink;}
#blast .bd a {font-weight:bold;font-style:italic;color:#0000FF; text-decoration:blink;}
/* Phan Chu Module Tam Trang */
#mod_lifeline h2{color:#0000FF;} /* Tieu De */
#mod_lifeline ins{color:#FF00FF;} /* Tu ... den ... */
/* Phan Chu Module Bai Viet */
#article_list_module strong{color:#0000FF;} /* Tieu De Module */
#article_list_module form{color:#0000FF;} /* Tim Bai Viet */
#article_list_module .btn{color:#0000FF;} /* Nut Tim */
#article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
#article_list_module .trackback{color:#FF00FF;} /* Trich Dan */
#article_list_module .edit{color:#BB32FF;} /* Sua */
#article_list_module .delete{color:rgb(51,204,51);} /* Xoa */
#article_list_module .mod-alist-folderbar {color:rgb(255,153,51);} /* Dang Ngay ... */
#article_list_module .mod-alist-folderbar .folder{color:rgb(255,51,153);} /* Thu Muc */
#article_list_module .mod-alist-folderbar .folder a{color:#0000FF;} /* Ten Thu Muc */
.tag_content {color:#FF00FF;} /* Tim Tag */
#article_list_module . tag_content a{color:rgb(51,204,51);} /* Noi Dung Tim Tag */
#article_list_module .mod-alist-tagsbar em a{color:rgb(51,204,51);} /* Trich Dan */
#article_list_module .mod-alist-tagsbar em{color:rgb(153,0,204);} /* So Trich Dan */
#article_list_module .btn_expand_comment {color:rgb(255,0,0);} /* Tong Cong Loi Binh */
.mod-alist-folderbar {color:#FF00FF;} /* Tieu De Bai Viet Tom Tat */
.content{color:rgb(128, 0, 255);} /* Noi Dung Bai Viet Tom Tat */
#article_list_module .mod-alist .mod-alist-tagsbar em{color:#FF00FF;} /* Loi Binh | Trich Dan */
.total {color:rgb(255,153,0);} /* Tong So Trang */
#article_list_module .pagination .index strong{color:rgb(51,204,51);} /* Trang Dang Mo */
#article_list_module .pagination .index a{color:rgb(51,204,51);} /* Cac Trang Con Lai */
#article_list_module .pagination .index .prev {color:rgb(0,0,255);} /* Truoc */
#article_list_module .pagination .index .next {color:rgb(0,0,255);} /* Sau */
/* Phan Chu Module Profile */
#profile_highlight .profileimgbtn a{color:#FF00FF;font-size:100%;} /* Tai Anh */
#profile_highlight .nickname a{color:#0000FF; font-weight:bold; font-size:89%;text-decoration:blink;} /* NickName */
#profile_highlight .profilebtn a{color:#FF00FF;font-size:100%;} /* Sua Ho So */
/* Phan Chu Module Thong Ke Plus */
#statistic h2{color:#0000FF;} /* Tieu De */
#statistic li{color:rgb(255,0,0);} /* Noi Dung Thong Ke */
/* Phan Chu Module Binh Luan Moi Nhat */
#comment_new h2{color:#0000FF;} /* Tieu De Module */
#comment_new strong{color:#FF00FF;} /* Tieu De Bai Viet Co Comment */
#comment_new li{color:#DE23F2;} /* Thoi Diem Comment */
#comment_new li a{color:#5490FA;} /* Noi Dung Comment & Nick Comment */
#comment_new em a{color:#0000FF;} /* Tat Ca Loi Binh */
/* Phan Chu Module Bai Viet Moi Nhat */
#article_new h2{color:#0000FF;} /* Tieu De */
#article_new a{color:#FF00FF;} /* Bai Viet */
/* Phan Chu Module Blog Toi Thich */
#subscribe_highlight h2{color: #0000FF;} /* Tieu De */
#subscribe_highlight .folder li a{color: #FF00FF;} /* Thu Muc */
#subscribe_highlight .mod-subscription-list h3 a{color:rgb(255,153,0);} /* Tieu De Bai Viet */
#subscribe_highlight .time{color:rgb(51,204,51);} /* Thoi Diem Dang Bai */
#subscribe_highlight p{color: #00AABB;} /* Noi Dung Tom Tat Bai Viet */
#subscribe_highlight .imgctnr a{color:#FF00FF;} /* Nick */
/* Phan Chu Module Tim Kiem */
#search_module h2{color:#0000FF;} /* Tieu De */
#search_module label{color:#0000FF;} /* Chi Trong Blog Nay & Y! 360plus */
/* Phan Chu Module Thu Muc Rieng */
#folder h2{color:#0000FF;} /* Tieu De */
#folder a{color:#FF00FF;} /* Thu Muc */
#folder li {color:#0000FF;} /* So Luong Bai Viet Trong Thu Muc */
/* Phan Chu Module Ban Be */
#friendlist_module h2{color:#0000FF;} /* Tieu De */
#friendlist_module a{color:#0000FF;} /* Nick */
#friendlist_module em a{color:#FF00FF;} /* Tat Ca */
/* Phan Chu Module Hình Ảnh Trong Blog */
#photo_highlight h2{color:#0000FF;} /* Tieu De */
#photo_highlight a{color:#FF00FF;} /* Ten Hinh Anh */
#photo_highlight .more a{color:#00AABB;} /* Xem Them */
/* Phan Chu Module Blog Ve Toi */
#mod-tagged-frd-article h2{color:#0000FF;} /* Tieu De */
#mod-tagged-frd-article li a{color: #FF00FF;} /* Tieu De Bai Viet */
#mod-tagged-frd-article ins a{color: #0000FF;} /* Nick */
#mod-tagged-frd-article em a{color: rgb(51,204,51);} /* Tat Ca */
/* Phan Chu Module Cap Nhat Ngay */
#update_date h2{color:#0000FF;} /* Tieu De */
#update_date .date{color:#DE23F2;} /* Thoi Diem Cap Nhat */
/* Phan Chu Module Binh Luan Nhanh */
#guestbook_entries h2{color:#0000FF;} /* Tieu De */
#guestbook_entries h3 a{color:#FF00FF;} /* Nick */
#guestbook_entries blockquote{color:#5490FA;} /* Noi Dung Binh Luan */
#guestbook_entries em{color:#AA00AA;} /* Thoi Diem Binh Luan */
#guestbook_entries .more a{color: rgb(51,204,51);} /* Xem Them */
/* Phan Chu Module Ho So Blog */
#profile_card h2{color:#0000FF;} /* Tieu De */
#profile_card .name{color:#FF00FF;} /* Ten */
#profile_card .about{color:#0000FF;} /* Tu Gioi Thieu */
#profile_card .description{color:#FF00FF;} /* Mo Ta Blog */
#profile_card .hobbies{color:#0000FF;} /* So Thich */
#profile_card .more a{color:#FF00FF;} /* Xem Them */
/* Phan Chu Module Lich */
#calendar .hd {color:#0000FF;} /* Year */
#calendar .hd .titlebar .bd a{color:#0000FF;} /* Month */
#calendar th{color:#FF22AA;} /* S M T W T F S */
#calendar td{color:#AA00BB;} /* Days Of Month */
#calendar td span a{color: #0000FF;} /* Ngay Co Bai Viet */
/* Phan Chu Module Album */
#feature_album h2 a{color:#0000FF;} /* Tieu De */
/* Phan Chu Module RSS */
#rss_output h2 a{color:#0000FF;} /* Tieu De */
/* Phan Chu Module Bang Tin Nhan */
#feature_link_gb h2 a{color:#0000FF;} /* Tieu De */
/* Phan Chu Module Website Yeu Thich */
#mod_bookmark h3{color:#00AABB;} /* Tieu De Module*/
#mod_bookmark h3{color:#FF00FF;} /* Tieu De Website */
/* Phan Chu Phan Comment */
#comment_container * a {color:# 00AABB;} /* Nick */
#comment_container * .content {color:#0000FF;} /* Noi Dung Comment */
#comments-listing * ins {color:FF00FF;} /* Thoi Diem Comment */
/* Phan Chu Module Bai Viet Ve Ban Hoac Co Tag Ten Ban */
.mod-relatives-1 h2{color:#FF00FF;} /* Tieu De */
.mod-relatives-1 .info{#00AABB;} /* Noi Dung */
/* Phan Chu Module Nguoi Dang Ky Yeu Thich Blog Nay Cung Dong Thoi Thich */
.mod-relatives-2 h2{color:#FF00FF;} /* Tieu De */
.mod-relatives-2 .info{#00AABB;} /* Noi Dung */
/* Phan Chu Phan Cuoi Cung Blog */
#footer .ft .info a{color: #FF00FF;} /* Chinh Sach Quyen Rieng Tu/Dieu Khoan Su Dung Dich Vu/Chinh Sach Ban Quyen/Tro Giup/Nguyen Tac Cong Dong */
#footer .ft .rights {color: #0000FF;} /* Bản quyền © 2009 Yahoo! Southeast Asia Pte. Ltd. ( Co. Reg. No. 1999700735D). Giữ toàn quyền. */
Other :
Nếu dùng #statistic ul{color:#0000FF;font-weight:bold;} thì chỉ có color:#0000FF được áp dụng còn font-weight:bold thì không !!!!!! thay ul bằng li #statistic li{color:#0000FF; font-weight:bold;} thì lại được ^_^
Nếu không muốn thay chữ cho từng phần của hồ sơ blog có thể chỉ để một màu chữ cho module này #profile_card {color:#0000FF;}
Một cách khác thay màu chữ cho module Hồ sơ Blog :
#profile_card dl dt {color:#FF00FF;} /* Ten,Tu Gioi Thieu,Mo Ta Blog,So Thich */
#profile_card dl dd {color:#0000FF;} /* Noi Dung */
Các code được dùng theo nguyên tắc code sau phủ định code trước.Ví dụ nếu bạn để code #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
thì các phần đó sẽ có màu #0000FF, nhưng nếu bạn thêm dòng #article_list_module .trackback{color:#FF00FF;} sau đó để trở thành
#article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
#article_list_module .trackback{color:#FF00FF;} /* Trich Dan */
thì khi đó trích dẫn sẽ có màu #FF00FF. Còn nếu bạn để thế này
#article_list_module .trackback{color:#FF00FF;} /* Trich Dan */
#article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
thì code #article_list_module .trackback {color:#FF00FF;} /* Trich Dan */ sẽ bị phủ định và chỉ có #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */ được áp dụng.
Đặt ảnh nền cho tiều đề
/*Ảnh nền của tiêu đề 10 modun tự tạo*/
#user_mod_10001 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10002 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10003 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10004 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10005 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10006 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10007 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10008 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10009 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10010 .rc_bd .rc_bc .hd, .hd .titlebar .hd {background:url(http://i461.photobucket.com/albums/q...10-03-57CH.png) repeat-x left top;height:28px;}
/*Ảnh nền của Tiêu đề mỗi modun có sẵn */
#mod-alist-fullDrag .rc_bd .rc_bc .hd .titlebar, #mod-edit-bar .rc_bd .rc_bc .hd .titlebar, #mod-alist-searchbox .rc_bd .rc_bc .hd .titlebar, #mod-alist-pagination .rc_bd .rc_bc .hd .titlebar, #rss_output .rc_bd .rc_bc .hd .titlebar, #mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar, #feature_link .rc_bd .rc_bc .hd .titlebar, #gallery_list .rc_bd .rc_bc .hd .titlebar, #gb_msg .rc_bd .rc_bc .hd .titlebar, #mod-friend-list-all .rc_bd .rc_bc .hd .titlebar, #profile_info .rc_bd .rc_bc .hd .titlebar {background:url(http://i461.photobucket.com/albums/q...10-03-57CH.png) repeat-x left top;height:28px;}
Các bạn có thể thay height là chiều cao của ảnh
Thay và thêm icon cho tiều đề modun
Trích dẫn
/* Bảng thống kê */
#statistic .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Bài mới đăng */
#article_new .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Ảnh trong blog */
#photo_highlight .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Ảnh trong bình luận mới nhất*/
.mod-comment-new .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Thư mục riêng */
#folder .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Chèn hình nền cho module hình ảnh*/
#gallery_list .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
/*Blog yêu thích*/
#subscribe_highlight .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
/*Blog về tôi*/
#mod-tagged-frd-article .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
/* Cập nhật ngày */
#update_date .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* RSS */
#rss_output .titlebar .bd a{height:25px;background:url(Link ảnh) no-repeat left top;}
/* Tìm kiếm */
#search_module .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Modun tự tạo*/
#user_mod_1000X .titlebar .hd {background:url(Link ảnh) no-repeat left top;}[code]
Các bạn thay x từ 1 đến 10, x là tên thứ tự của modun. Chiều cao của link ảnh là 26px, bạn có thể thêm height:28px để chỉnh sửa lại chiều cao của tiêu đề, ví dụ như ta được code sau #search_module .titlebar .hd {background:url(Link ảnh) no-repeat left top;height:28px;}
Ảnh nền cho modun
[code]/* Chèn hình nền cho cái module thông tin cá nhân bao gồm avartar */
#profile_highlight_module .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Modun tâm trạng*/
#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:url(Link ảnh) !important;}
/* Chèn hình nền cho module fiendlist */
#friendlist_module .rc_bd .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Bài Mới */
#article_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Thư Mục Riêng*/
#folder .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Comment mới*/
#comment_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Thống Kê của plus*/
#statistic .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Blog yêu thích*/
#subscribe_highlight .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Modun hình ảnh*/
#gallery_list .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Lịch*/
#calendar .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/*Ảnh biểu diễn cho .mod-relatives, và đây là code*/
.mod-relatives .bd {background:transparent url(http://i461.photobucket.com/albums/... repeat left !important;}
/* Mau Chu Chinh Cua Blog */
body{color:#0000FF;}
/* Phan Chu Tren Cung Cua Blog */
#blog_masshead a{text-decoration:blink;}
.userlogin{font-family:arial; color:#0000FF; font-size:12px;} /* Xin chao, Nick, Dau | Ngan Cach Thoat/Thong Tin Tai Khoan */
.userlogin strong{font-family:arial; color:#FF00FF; font-size:12px;} /*Nick*/
#blog_masshead .userlogin a{font-family:arial; color:#00AABB; font-size:12px;} /* Thoat/Thong Tin Tai Khoan */
#blog_masshead .hd .nav a{font-family:arial; color:rgb(255,0,0); font-size:12px;} /* Trang chu Blog/Cac cau hoi thuong gap/Yahoo! VietNam */
.nav {font-family:arial; color:#0000FF; font-size:12px;} /* Dau | Ngan Cach Trang chu Blog/Cac cau hoi thuong gap/Yahoo! VietNam */
/* Phan Chu Module Ten Va Mo Ta Blog */
#blog_title h2{font-weight:bold;font-size:16px;color:#0000FF;} /* Ten Blog */
#blog_title p{font-weight:bold;font-size:14px;color:#FF00FF;} /* Mo Ta Blog */
/* Phan Chu Blast */
#blast .bd { font-weight:bold; font-style:italic; color: #0000FF; text-decoration:blink;}
#blast .bd a {font-weight:bold;font-style:italic;color:#0000FF; text-decoration:blink;}
/* Phan Chu Module Tam Trang */
#mod_lifeline h2{color:#0000FF;} /* Tieu De */
#mod_lifeline ins{color:#FF00FF;} /* Tu ... den ... */
/* Phan Chu Module Bai Viet */
#article_list_module strong{color:#0000FF;} /* Tieu De Module */
#article_list_module form{color:#0000FF;} /* Tim Bai Viet */
#article_list_module .btn{color:#0000FF;} /* Nut Tim */
#article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
#article_list_module .trackback{color:#FF00FF;} /* Trich Dan */
#article_list_module .edit{color:#BB32FF;} /* Sua */
#article_list_module .delete{color:rgb(51,204,51);} /* Xoa */
#article_list_module .mod-alist-folderbar {color:rgb(255,153,51);} /* Dang Ngay ... */
#article_list_module .mod-alist-folderbar .folder{color:rgb(255,51,153);} /* Thu Muc */
#article_list_module .mod-alist-folderbar .folder a{color:#0000FF;} /* Ten Thu Muc */
.tag_content {color:#FF00FF;} /* Tim Tag */
#article_list_module . tag_content a{color:rgb(51,204,51);} /* Noi Dung Tim Tag */
#article_list_module .mod-alist-tagsbar em a{color:rgb(51,204,51);} /* Trich Dan */
#article_list_module .mod-alist-tagsbar em{color:rgb(153,0,204);} /* So Trich Dan */
#article_list_module .btn_expand_comment {color:rgb(255,0,0);} /* Tong Cong Loi Binh */
.mod-alist-folderbar {color:#FF00FF;} /* Tieu De Bai Viet Tom Tat */
.content{color:rgb(128, 0, 255);} /* Noi Dung Bai Viet Tom Tat */
#article_list_module .mod-alist .mod-alist-tagsbar em{color:#FF00FF;} /* Loi Binh | Trich Dan */
.total {color:rgb(255,153,0);} /* Tong So Trang */
#article_list_module .pagination .index strong{color:rgb(51,204,51);} /* Trang Dang Mo */
#article_list_module .pagination .index a{color:rgb(51,204,51);} /* Cac Trang Con Lai */
#article_list_module .pagination .index .prev {color:rgb(0,0,255);} /* Truoc */
#article_list_module .pagination .index .next {color:rgb(0,0,255);} /* Sau */
/* Phan Chu Module Profile */
#profile_highlight .profileimgbtn a{color:#FF00FF;font-size:100%;} /* Tai Anh */
#profile_highlight .nickname a{color:#0000FF; font-weight:bold; font-size:89%;text-decoration:blink;} /* NickName */
#profile_highlight .profilebtn a{color:#FF00FF;font-size:100%;} /* Sua Ho So */
/* Phan Chu Module Thong Ke Plus */
#statistic h2{color:#0000FF;} /* Tieu De */
#statistic li{color:rgb(255,0,0);} /* Noi Dung Thong Ke */
/* Phan Chu Module Binh Luan Moi Nhat */
#comment_new h2{color:#0000FF;} /* Tieu De Module */
#comment_new strong{color:#FF00FF;} /* Tieu De Bai Viet Co Comment */
#comment_new li{color:#DE23F2;} /* Thoi Diem Comment */
#comment_new li a{color:#5490FA;} /* Noi Dung Comment & Nick Comment */
#comment_new em a{color:#0000FF;} /* Tat Ca Loi Binh */
/* Phan Chu Module Bai Viet Moi Nhat */
#article_new h2{color:#0000FF;} /* Tieu De */
#article_new a{color:#FF00FF;} /* Bai Viet */
/* Phan Chu Module Blog Toi Thich */
#subscribe_highlight h2{color: #0000FF;} /* Tieu De */
#subscribe_highlight .folder li a{color: #FF00FF;} /* Thu Muc */
#subscribe_highlight .mod-subscription-list h3 a{color:rgb(255,153,0);} /* Tieu De Bai Viet */
#subscribe_highlight .time{color:rgb(51,204,51);} /* Thoi Diem Dang Bai */
#subscribe_highlight p{color: #00AABB;} /* Noi Dung Tom Tat Bai Viet */
#subscribe_highlight .imgctnr a{color:#FF00FF;} /* Nick */
/* Phan Chu Module Tim Kiem */
#search_module h2{color:#0000FF;} /* Tieu De */
#search_module label{color:#0000FF;} /* Chi Trong Blog Nay & Y! 360plus */
/* Phan Chu Module Thu Muc Rieng */
#folder h2{color:#0000FF;} /* Tieu De */
#folder a{color:#FF00FF;} /* Thu Muc */
#folder li {color:#0000FF;} /* So Luong Bai Viet Trong Thu Muc */
/* Phan Chu Module Ban Be */
#friendlist_module h2{color:#0000FF;} /* Tieu De */
#friendlist_module a{color:#0000FF;} /* Nick */
#friendlist_module em a{color:#FF00FF;} /* Tat Ca */
/* Phan Chu Module Hình Ảnh Trong Blog */
#photo_highlight h2{color:#0000FF;} /* Tieu De */
#photo_highlight a{color:#FF00FF;} /* Ten Hinh Anh */
#photo_highlight .more a{color:#00AABB;} /* Xem Them */
/* Phan Chu Module Blog Ve Toi */
#mod-tagged-frd-article h2{color:#0000FF;} /* Tieu De */
#mod-tagged-frd-article li a{color: #FF00FF;} /* Tieu De Bai Viet */
#mod-tagged-frd-article ins a{color: #0000FF;} /* Nick */
#mod-tagged-frd-article em a{color: rgb(51,204,51);} /* Tat Ca */
/* Phan Chu Module Cap Nhat Ngay */
#update_date h2{color:#0000FF;} /* Tieu De */
#update_date .date{color:#DE23F2;} /* Thoi Diem Cap Nhat */
/* Phan Chu Module Binh Luan Nhanh */
#guestbook_entries h2{color:#0000FF;} /* Tieu De */
#guestbook_entries h3 a{color:#FF00FF;} /* Nick */
#guestbook_entries blockquote{color:#5490FA;} /* Noi Dung Binh Luan */
#guestbook_entries em{color:#AA00AA;} /* Thoi Diem Binh Luan */
#guestbook_entries .more a{color: rgb(51,204,51);} /* Xem Them */
/* Phan Chu Module Ho So Blog */
#profile_card h2{color:#0000FF;} /* Tieu De */
#profile_card .name{color:#FF00FF;} /* Ten */
#profile_card .about{color:#0000FF;} /* Tu Gioi Thieu */
#profile_card .description{color:#FF00FF;} /* Mo Ta Blog */
#profile_card .hobbies{color:#0000FF;} /* So Thich */
#profile_card .more a{color:#FF00FF;} /* Xem Them */
/* Phan Chu Module Lich */
#calendar .hd {color:#0000FF;} /* Year */
#calendar .hd .titlebar .bd a{color:#0000FF;} /* Month */
#calendar th{color:#FF22AA;} /* S M T W T F S */
#calendar td{color:#AA00BB;} /* Days Of Month */
#calendar td span a{color: #0000FF;} /* Ngay Co Bai Viet */
/* Phan Chu Module Album */
#feature_album h2 a{color:#0000FF;} /* Tieu De */
/* Phan Chu Module RSS */
#rss_output h2 a{color:#0000FF;} /* Tieu De */
/* Phan Chu Module Bang Tin Nhan */
#feature_link_gb h2 a{color:#0000FF;} /* Tieu De */
/* Phan Chu Module Website Yeu Thich */
#mod_bookmark h3{color:#00AABB;} /* Tieu De Module*/
#mod_bookmark h3{color:#FF00FF;} /* Tieu De Website */
/* Phan Chu Phan Comment */
#comment_container * a {color:# 00AABB;} /* Nick */
#comment_container * .content {color:#0000FF;} /* Noi Dung Comment */
#comments-listing * ins {color:FF00FF;} /* Thoi Diem Comment */
/* Phan Chu Module Bai Viet Ve Ban Hoac Co Tag Ten Ban */
.mod-relatives-1 h2{color:#FF00FF;} /* Tieu De */
.mod-relatives-1 .info{#00AABB;} /* Noi Dung */
/* Phan Chu Module Nguoi Dang Ky Yeu Thich Blog Nay Cung Dong Thoi Thich */
.mod-relatives-2 h2{color:#FF00FF;} /* Tieu De */
.mod-relatives-2 .info{#00AABB;} /* Noi Dung */
/* Phan Chu Phan Cuoi Cung Blog */
#footer .ft .info a{color: #FF00FF;} /* Chinh Sach Quyen Rieng Tu/Dieu Khoan Su Dung Dich Vu/Chinh Sach Ban Quyen/Tro Giup/Nguyen Tac Cong Dong */
#footer .ft .rights {color: #0000FF;} /* Bản quyền © 2009 Yahoo! Southeast Asia Pte. Ltd. ( Co. Reg. No. 1999700735D). Giữ toàn quyền. */
Other :
Nếu dùng #statistic ul{color:#0000FF;font-weight:bold;} thì chỉ có color:#0000FF được áp dụng còn font-weight:bold thì không !!!!!! thay ul bằng li #statistic li{color:#0000FF; font-weight:bold;} thì lại được ^_^
Nếu không muốn thay chữ cho từng phần của hồ sơ blog có thể chỉ để một màu chữ cho module này #profile_card {color:#0000FF;}
Một cách khác thay màu chữ cho module Hồ sơ Blog :
#profile_card dl dt {color:#FF00FF;} /* Ten,Tu Gioi Thieu,Mo Ta Blog,So Thich */
#profile_card dl dd {color:#0000FF;} /* Noi Dung */
Các code được dùng theo nguyên tắc code sau phủ định code trước.Ví dụ nếu bạn để code #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
thì các phần đó sẽ có màu #0000FF, nhưng nếu bạn thêm dòng #article_list_module .trackback{color:#FF00FF;} sau đó để trở thành
#article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
#article_list_module .trackback{color:#FF00FF;} /* Trich Dan */
thì khi đó trích dẫn sẽ có màu #FF00FF. Còn nếu bạn để thế này
#article_list_module .trackback{color:#FF00FF;} /* Trich Dan */
#article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */
thì code #article_list_module .trackback {color:#FF00FF;} /* Trich Dan */ sẽ bị phủ định và chỉ có #article_list_module a{color: #0000FF;} /* Tieu De Bai Viet,Trich Dan,Sua,Xoa,Ten Thu Muc Chua Bai Viet */ được áp dụng.
Đặt ảnh nền cho tiều đề
/*Ảnh nền của tiêu đề 10 modun tự tạo*/
#user_mod_10001 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10002 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10003 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10004 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10005 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10006 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10007 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10008 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10009 .rc_bd .rc_bc .hd, .hd .titlebar .hd, #user_mod_10010 .rc_bd .rc_bc .hd, .hd .titlebar .hd {background:url(http://i461.photobucket.com/albums/q...10-03-57CH.png) repeat-x left top;height:28px;}
/*Ảnh nền của Tiêu đề mỗi modun có sẵn */
#mod-alist-fullDrag .rc_bd .rc_bc .hd .titlebar, #mod-edit-bar .rc_bd .rc_bc .hd .titlebar, #mod-alist-searchbox .rc_bd .rc_bc .hd .titlebar, #mod-alist-pagination .rc_bd .rc_bc .hd .titlebar, #rss_output .rc_bd .rc_bc .hd .titlebar, #mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar, #feature_link .rc_bd .rc_bc .hd .titlebar, #gallery_list .rc_bd .rc_bc .hd .titlebar, #gb_msg .rc_bd .rc_bc .hd .titlebar, #mod-friend-list-all .rc_bd .rc_bc .hd .titlebar, #profile_info .rc_bd .rc_bc .hd .titlebar {background:url(http://i461.photobucket.com/albums/q...10-03-57CH.png) repeat-x left top;height:28px;}
Các bạn có thể thay height là chiều cao của ảnh
Thay và thêm icon cho tiều đề modun
Trích dẫn
/* Bảng thống kê */
#statistic .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Bài mới đăng */
#article_new .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Ảnh trong blog */
#photo_highlight .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Ảnh trong bình luận mới nhất*/
.mod-comment-new .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Thư mục riêng */
#folder .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Chèn hình nền cho module hình ảnh*/
#gallery_list .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
/*Blog yêu thích*/
#subscribe_highlight .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
/*Blog về tôi*/
#mod-tagged-frd-article .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
/* Cập nhật ngày */
#update_date .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* RSS */
#rss_output .titlebar .bd a{height:25px;background:url(Link ảnh) no-repeat left top;}
/* Tìm kiếm */
#search_module .titlebar .hd {background:url(Link ảnh) no-repeat left top;}
/* Modun tự tạo*/
#user_mod_1000X .titlebar .hd {background:url(Link ảnh) no-repeat left top;}[code]
Các bạn thay x từ 1 đến 10, x là tên thứ tự của modun. Chiều cao của link ảnh là 26px, bạn có thể thêm height:28px để chỉnh sửa lại chiều cao của tiêu đề, ví dụ như ta được code sau #search_module .titlebar .hd {background:url(Link ảnh) no-repeat left top;height:28px;}
Ảnh nền cho modun
[code]/* Chèn hình nền cho cái module thông tin cá nhân bao gồm avartar */
#profile_highlight_module .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Modun tâm trạng*/
#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:url(Link ảnh) !important;}
/* Chèn hình nền cho module fiendlist */
#friendlist_module .rc_bd .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Bài Mới */
#article_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Thư Mục Riêng*/
#folder .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Comment mới*/
#comment_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Thống Kê của plus*/
#statistic .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Blog yêu thích*/
#subscribe_highlight .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Modun hình ảnh*/
#gallery_list .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/* Chèn hình nền cho module Lịch*/
#calendar .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}
/*Ảnh biểu diễn cho .mod-relatives, và đây là code*/
.mod-relatives .bd {background:transparent url(http://i461.photobucket.com/albums/... repeat left !important;}
- Thay đổi chiều cao:
#mod_lifeline .list td a.blog_emo_25_1{height:45px;background:url(http://i241.photobucket.com/albums/f...ionicons3s.gif) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_25_2{height:45px;background:url(http://i241.photobucket.com/albums/f...ionicons3s.gif) no-repeat -25px 0;}
#mod_lifeline .list td a.blog_emo_25_3{height:45px;background:url(http://i241.photobucket.com/albums/f...ionicons3s.gif) no-repeat -50px 0;}
#mod_lifeline .list td a.blog_emo_25_4{height:45px;background:url(http://i241.photobucket.com/albums/f...ionicons3s.gif) no-repeat -75px 0;}
... (tương tự cho các khung tâm trạng nhỏ "không Quan trọng" còn lại)
#mod_lifeline .list td a.blog_emo_50_1{height:85px;background:url(http://i241.photobucket.com/albums/f...icons3copy.gif) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_50_2{height:85px;background:url(http://i241.photobucket.com/albums/f...icons3copy.gif) no-repeat -50px 0;}
#mod_lifeline .list td a.blog_emo_50_3{height:85px;background:url(http://i241.photobucket.com/albums/f...icons3copy.gif) no-repeat -100px 0;}
... tương tự cho các khung tâm trạng lớn "Quan trọng" còn lại.
#mod_lifeline .list table {height:90px;}
-Dùng từng file ảnh cho từng tâm trạng:
#mod_lifeline .list td a.blog_emo_50_1{background:url(http://i241.photobucket.com/albums/f...ticon-0027.gif) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_50_2{background:url(http://i241.photobucket.com/albums/f...ticon-0037.gif) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_50_3{background:url(http://i241.photobucket.com/albums/f...ticon-0046.gif) no-repeat 0 0;}
... tương tự cho các khung còn lại. Chú ý trình tự các khung tâm trạng là:
1. Hớn hở; 2. Ngạc nhiên; 3. Hài lòng; 4. Buồn lắm; 5. Cô đơn; 6. Giả nai; 7. Bệnh; 8. Vui vẻ; 9. Khoái chí; 10. Mệt mỏi; 11. Thất vọng; 12. Giận dữ;
/* Code thay đổi icon tâm trạng, thaisonict lấy từ blog: Simplex, các bạn có thể copy và dán luôn*/
#mod_lifeline .list td a.blog_emo_25_1{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_25_2{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -25px;}
#mod_lifeline .list td a.blog_emo_25_3{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -50px;}
#mod_lifeline .list td a.blog_emo_25_4{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -75px;}
#mod_lifeline .list td a.blog_emo_25_5{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -100px;}
#mod_lifeline .list td a.blog_emo_25_6{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -125px;}
#mod_lifeline .list td a.blog_emo_25_7{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -150px;}
#mod_lifeline .list td a.blog_emo_25_8{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -175px;}
#mod_lifeline .list td a.blog_emo_25_9{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -200px;}
#mod_lifeline .list td a.blog_emo_25_10{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -225px;}
#mod_lifeline .list td a.blog_emo_25_11{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -250px;}
#mod_lifeline .list td a.blog_emo_25_12{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat 0 -275px;}
#mod_lifeline .list td a.blog_emo_50_1{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_50_2{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -50px;}
#mod_lifeline .list td a.blog_emo_50_3{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -100px;}
#mod_lifeline .list td a.blog_emo_50_4{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -150px;}
#mod_lifeline .list td a.blog_emo_50_5{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -200px;}
#mod_lifeline .list td a.blog_emo_50_6{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -250px;}
#mod_lifeline .list td a.blog_emo_50_7{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -300px;}
#mod_lifeline .list td a.blog_emo_50_8{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -350px;}
#mod_lifeline .list td a.blog_emo_50_9{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -400px;}
#mod_lifeline .list td a.blog_emo_50_10{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -450px;}
#mod_lifeline .list td a.blog_emo_50_11{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -500px;}
#mod_lifeline .list td a.blog_emo_50_12{background:url(http://i461.photobucket.com/albums/q...trang09-50.png) no-repeat 0 -550px;}
.mod-alist-full .main-hd h1 em, .mod-alist-titlebar-1 h2 a em, .mod-alist-titlebar h2 a em, .mod-alist-brief table a em, #myblog-article-compose, #mood li em{background:url(http://i461.photobucket.com/albums/q...tamtrang09.png) no-repeat;}
Hình nền tên entry trong modun bài viết
.mod-alist-full .main-hd{background:url(httphttp://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/01/08/01/43081231353593.png);}
Hình nền Modun bài viết
.mod-alist-full .main-bd{background:url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/01/08/01/63041231353592.png);}
Code toolbar phần comment
.rte_toolbar {background:#d7d7d7 url(link Hinh) repeat-x top;border-left:1px solid #0448f6;border-top:1px solid #0448f6;border-right:1px solid #0448f6;height:89px;}
Ảnh nền tổng số trang, cuối modun bài viết
.mod-comment-new .pagination, .mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent url(Link ảnh);}
Làm hình nền trang comment
.cmt-mod-alist #comments-listing .extend-hd {background:transparent;}
.cmt-mod-alist #comments-listing .extend-bd .alist-comment,
.mod-alist-full .alist-comment ul {background:transparent;}
.mod-alist-full .alist-comment li {background:#ffffee url(http://i289.photobucket.com/albums/l...background.jpg) no-repeat top left;border-top:2px inset #ffffff;border-left:2px inset #ffffff;border-right:2px inset #ffffff;}
.mod-alist-full .alist-comment .comment-ctnr {background:repeat-y top right;}
Các bạn nhớ chỉnh sửa size hình để toàn comment có được theme đồng nhất nhé.
Làm ảnh nền phần tiêu đề bài viết và nick comment
#article_list_module .rc_bd .rc_bc h2{background:url(http://i282.photobucket.com/albums/k...hxt8p0qdcj.gif) repeat left top;}
Thay đổi tag bài viết
.mod-alist-tagsbar {background:url(link hình) no-repeat center;height:Apx;}
A: thay đổi height = chiều cao của ảnh..(nên thay đúg height để hình đc đẹp hơn)
Thay đổi "thanh công cụ comment"
Code css:
Việc đầu tiên cần làm là - chèn đọan code này vào fần CSS của bạn!
.rte_btn img {height:22px; background-image:url(thay link hình ảnh vào đây) no-repeat; cursor:hand;cursor:pointer;border-left:none;border-top:none;border-right:none;height:31px;}
Dạng cổ điển!
Còn đây là biến tấu!
Ngăn dòng bài viết
Xoá đường ngăn dòng
.mod-alist-summary .main-bd li{border-top:none}
Thay đường ngăn dòng bằng Hình Ảnh
.mod-alist-summary .main-bd li{border-top:none;background:url(Link Ảnh) no-repeat bottom;}
Hình ảnh ngăn dòng này chỉ suốt hiện khi bạn không để hiện thị bài viết đầu tiên, tức để hiện thị tên bài viết hoặc hiện thị nội dung tóm tắt bài viết.
Xóa đường viền các modun trong blog
#friend-list .rc div, #friendlist_module .rc div, .rc div,.col-150 .rc div {background:transparent;}
#friend-list .rc, #friendlist_module .rc, .rc,.col-150 .rc {background:transparent;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc,.col-150 .rc_bd {background:transparent;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd,.col-150 .rc_bd div.rc_bc {background:transparent;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, .col-150 .rc_ft div {background:transparent;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, .col-150 .rc_ft {background:transparent;}
Vào thiết kế chọn Theme, chế độ tự sửa,copy đoạn code này vào CSS
Lưu ý: Bạn cần kiểm tra xem trong CSS của bạn có sử dụng đoạn code nào liên quan đến viền của module không để tránh gây xung đột và trồng chéo lên nhau.
Tạo đường viên trong suốt
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:url(http://i461.photobucket.com/albums/q...ro/rc_ne-2.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:url(http://i461.photobucket.com/albums/q...0pro/rc_nw.png) no-repeat left bottom;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:url(http://i461.photobucket.com/albums/q...20pro/rc_e.png) repeat-y right top;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:url(http://i461.photobucket.com/albums/q...20pro/rc_w.png) repeat-y;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:url(http://i461.photobucket.com/albums/q...ro/rc_se-2.png) no-repeat right top;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:url(http://i461.photobucket.com/albums/q...0pro/rc_sw.png) no-repeat left top;}
#blast .rc_ft {background:url(http://i306.photobucket.com/albums/n...g/blast-sw.png) no-repeat left bottom;}
#blast .rc_ft div {background:url(http://i306.photobucket.com/albums/n...g/blast-se.png) no-repeat right bottom;}#blast .rc_bc .bd{background-color:transparent;background-image:url(http://i306.photobucket.com/albums/nn275/changtraiiudoi/042112transparent_bg.png);}
#blast .rc_bc .bd {font-style:italic;color:#000000;}
Thiết kế Modun Profile
1 - Code cho Module Profile :
Đầu tiên là Code cho Mod này :
#profile_highlight .rc {background:url(Link ảnh Trên) no-repeat left bottom;height:X px}
#profile_highlight .rc_ft {background:url(Link Ảnh Dưới) no-repeat left top;height: Y px}
#profile_highlight .rc_bd {background:url(Link ảnh Giữa) repeat-y top;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div,#profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
Các đọan Link ảnh trên, dưới và ở giữa các bạn phải thay ảnh đúng vị trí vào cho phù hợp nhé.
Còn Height: ở đây, muốn hiện chiều cao của ảnh 100% bạn phải thay X px, Y px bằng đúng kích thước chiều cao của ảnh .
Muốn xem chiều cao của ảnh, chỉ việc Right Click vào ảnh chọn Properties, chuyển sang thẻ Sumary, nhìn vào dòng Height là có thể thấy được ảnh cao bao nhiêu.
2 - Ảnh :
Ở đây, mình chia sẻ một số cách làm ảnh như sau :
Bước 1 : Đầu tiên bạn thiết kế một ảnh với kích thước 150 x 300 px.
Bước 2 : Sau đó cắt ảnh đó ra làm 3 phần (Dùng Photoshop hoặc PhotoScape cũng được)
- Phần đầu : Cắt với kích thuớc 150 x (50-60 px) .
- Phần giữa : Phần này các bạn nên làm sao mà có thể lặp lại được, vì vậy chỉ nên cắt từ 150 x 5 px thôi.
- Phần cuối : Cắt phần này tùy ý, đây là phần phía dưới cùng
Bước 3 : Sau khi đã cắt xong ảnh, việc cuối cùng là up ảnh lên host, và thay link ảnh vào đọan Code đã cho.
Cuối cùng là wăng code vào CSS thôi .
Trang trí nóc nhà Yahoo! 360plus
--------------------------------------------------------
Trước mọi người chỉ chú trọng đến thay đổi mọi vật dụng trong ngôi nhà 360 plus của chúng ta....chắc ít bạn để ý đến là "mái nhà" cũng có thể trang trí theo phong cách riêng của mỗi người
Cũng ko có ji là cao siêu.....ở đây chỉ có 1 số đoạn code làm trong suốt hình nền của "mái nhà" chúng ta (tạm gọi là mái nhà nhá ...^^...ko bik gọi là ji nữa ) đây chỉ là cơ bản thui...tùy theo phong cách mỗi người mà trang trí sao cho đẹp là đc ùi
Phần 1: Làm Trong Suốt Các Đường Viền
#blog_masshead .rc{background:transparent;}
#blog_masshead .rc div{background:transparent;}
#blog_masshead .rc_bd{background:transparent;}
#blog_masshead .rc_bc{background:transparent;}
#blog_masshead .rc_ft{background:transparent;}
#blog_masshead .rc_ft div{width:100%;height:4px;background:transparent;}
#blog_masshead .bd{clear:both;padding:6px 0 0 5px;height:30px;
margin:3px 2px 0 2px !important;*margin:0px 2px 0 2px;background:transparent;}
Đoạn code trên để làm cho các viền trong suốt .....(ở đây Khỉ cho nó trong suốt còn bạn nào muốn chèn ảnh khác zô cũng đc ^^ càng hay )
Phần 2:Thay Đổi Thanh Công Cụ
#blog_masshead .menu.mr a{background-image:url(http://files.myopera.com/n2-k/360plus/masshead-menu-2.png);}
#blog_masshead .menu .rc_w{float:left;width:5px;height:27px;background:url(http://files.myopera.com/n2-k/360plu...ead-menu-1.png) no-repeat 0 0;}
#blog_masshead .menu .rc_e{float:left;width:5px;height:27px;background:url(http://files.myopera.com/n2-k/360plu...ead-menu-1.png) no-repeat right top;}
#blog_masshead .menu.ml a{background:url(http://files.myopera.com/n2-k/360plu...ead-menu-1.png) no-repeat;}
Phần 3: Thay Đổi Button Tìm kiếm
#blog_masshead .bd form .btn{border:none;width:60px;height:77px;background:url(Link Button) no-repeat 0 0;cursor:pointer;}
Sau khi tìm đc 1 button tìm kiếm vừa ý khi thay link các bạn nhớ thay luôn kick thước width + height đúng với link button nha
Phần 4: Thay Đổi Background và làm chữ nhấp nháy
#blog_masshead{font-size:12px;color:#ccc;background:url(link hình) repeat-x 0 5px;height:Xpx;}
#blog_masshead a{color:A;text-decoration:blink;}
X : Chiều cao của ảnh ...........
A: Mã Màu Chữ ......
Lưu Ý : bạn nên xếp code theo thứ tự mình đã viết nhá..mất công bị đè hình lên nhau tùm lum á
----------------------------------------------
Thêm hoặc thay đổi icon trong các modun có sẵn và tạo đường viền ngăn cách
Thêm hoặc thay đổi icon trong các modun có sẵn và tạo đường viền ngăn cách:
/*Blog yêu thích*/
#subscribe_highlight rc_bd .rc_bc .bd ul li {background:url(http://i461.photobucket.com/albums/q...g/d71bec6e.jpg) no-repeat center left;border-top:1px dotted #D1CFCF;}
/*Thư mục*/
#folder rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted #D1CFCF;}
/*Bình luận mới nhất*/
#comment_new rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted #D1CFCF;}
/* Modun bạn bè*/
#friendlist_module rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted #D1CFCF;}
/*Bài viết mới nhất*/
#article_new rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted #D1CFCF;}
/* Thống kê */
#statistic rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;}
/*Blog về tôi*/
#mod-tagged-frd-article .rc_bd .rc_bc .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted #D1CFCF;}
Hiệu ứng tạo nút ấn trong modun
Hiệu ứng khi tạo nút khi ấn vào đường link trong modun
/*Modun bình luận mới nhất*/
#comment_new .rc_bd .rc_bc .hd{height:auto;}
#comment_new .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun);}
/*Modun bạn bè*/
#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun);}
/*Thư mục*/
#folder .rc_bd .rc_bc .hd{height:auto;}
#folder .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun );}
/*Bài viết mới nhất*/
#article_new .rc_bd .rc_bc .hd{height:auto;}
#article_new .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun);}
/*Ảnh biểu diễn cho .mod-relatives, và đây là code*/
.mod-relatives .rc_bd .rc_bc .hd{height:auto;}
.mod-relatives .rc_bd .rc_bc .bd ul li:hover{background:url(Link ảnh - Ảnh sẽ tự động hiện khi để chuột vào link trong modun);}
Tạo hiệu ứng nút bấm Lưu & Hủy commnet
Code css:
.cmt-mod-alist .add-comment em.buttons input {text-align:center;background:url(http://img.photo.zing.vn/file_upload...1241078926.png) no-repeat;}
Làm trái tim, mưa, tuyết rơi, bướm bay... khi di chuột vào các link trong blog
Code css:
a:hover {text-decoration:none;color:#EE4949;text-decoration:none;background-image:url(link ảnh);}
Code sửa lỗi phông chữ, blog bị đen khi làm trong suốt.
Hôm nay sẽ post code "sửa lỗi phông chữ" ( tức là nét chữ ko được đẹp và mịn như blog 360 yahoo cũ, nét chữ có viền đen bao quan khi viết hoa, trông lem nhem...) và lỗi khi làm trong suốt blog nhưng phần lớn blog đều bị đen ở viền, ở nền bài viết. ^^! 2 lỗi trên chỉ gặp ở trên máy tính sửa dụng trình duyệt Internet Explorer ( IE ), ko gặp ở trình duyệt khác, tuy nhiên trình duyệt IE có đến 75% máy tính sử dụng, và ở VN con số này còn lớn hơn nhiều nữa, vì vậy hôm nay mình chia sẻ với các bạn code sửa các lỗi trên. Mình khuyên các bạn nên sử dụng trình duyệt IE để xem và thiết kế blog, gần như 90% các website được thiết kế để hiện thị hiện thị và chạy ổn định tốt trên IE.
- Blog khi chưa dùng code sửa lỗi có nét chứ ko được đẹp và mịn. Chữ in đậm có viền đen bao quanh.
- Blog sau khi đã dùng code sủa lỗi, nét chữ mịn, ko có viền đen bao quanh chữ:
Các bạn có biết vì sao blog của bạn và rất nhiều người khác bị lỗi như trên ko ?
Câu trả lời rất đơn giản, với blog 360 plus khi sử dụng thanh trượt 100% để làm trong suốt nền bài viết bạn sẽ bị suốt hiện lỗi trên và theo mình đó là nguyên nhân duy nhất làm suốt hiện những lỗi trên, nếu các bạn để mức trong suốt của thanh trượt như ban đầu thì blog của các bạn vẫn mắc lỗi trên. Nói tóm lại, lỗi trên sẽ xuất hiện và ko biết mất, lỗi xuất hiện ngay lần đầu tiên các bạn dùng thanh trượt. Và cách duy nhất để sửa là dùng code của mình
Đây là code sửa lỗi:
mod-alist-full .pagination{background:transparent;
Các bạn lưu ý là mod-alist-full .pagination{background:transparent; chứ ko phải là mod-alist-full .pagination{background:transparent;}
Không có ký tự "}" và dấu chấm "." như những code thông thường.
Khuyến cáo: Nên để code trên ở cuối bảng mã css.
hieuvu 11:39 25-11-2009
Vui được làm quen với bạn, add friend nhé bạn :)
you&me 10:28 04-11-2009
you&me 18:21 31-10-2009
nguyentpdn16:40 03-11-2009
ஐ Tóc Xoăn ஐ 18:56 27-10-2009
nguyentpdn16:39 03-11-2009
Nguyễn Hải 13:30 24-10-2009
nguyentpdn16:39 03-11-2009
NuKhach*_*Korea 15:26 21-10-2009
nguyentpdn16:39 03-11-2009
aiyeuhoahuongduong 13:12 20-10-2009
Tản mạn nhân ngày Phụ nữ Việt Nam...
Tác giả: Mr.Lemon
Có thơ rằng:
Hôm nay hai mươi tháng Mười
Chúc chị em cứ tươi cười như hoa
nguyentpdn16:38 03-11-2009
(`•*»[§|¬ëllÿ_£øvëlÿ] --- (¯`v´¯) --- [ßô. £a.¢ ßløg]«•*´) 22:13 17-10-2009
nguyentpdn16:38 03-11-2009