DSC00244.JPG
DSC00218.JPG
DSC00217.JPG Thư mục: Thủ Thuật |
Pun laj sưu tầm 1 bài khá hay về việc làm đẹp cho blog của bạn
Hy vọng bài nay sẽ giúp ích cho các new blogger
______________________________________________________
1 Làm trong suốt tòan bộ nền comment :
| .cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;} .alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;} |
| .cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;} .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;} .mod-alist-full .alist-comment li {background:transparent url(Link Ảnh);} |
| .mod-alist-full .alist-comment li {border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:inset;border-right-style:inset;border-bottom-style:inset;border-left-style:inset;border-top-color:#fff;border-right-color:#fff;border-bottom-color:#fff;border-left-color:#fff;} |
4 Màu chữ, link trong comment :
| #comment_container * a {color:#ma_mau;} #comment_container * .content {color:#ma_mau;} #comments-listing * ins {color:#ma_mau;} |
Thay các dòng #mã_màu bằng mã màu mình thích nhé !!
5_Code nền toolbar phần comments_nền khung bình luận trong bài viết
Tiếp đến là phần thay nền cho phần toolbar Phần sợn thảo comment :Dưới đây là code thay đổi nền toolbar khi soạn thảo phần comments
Code:
.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:Xpx;}
_Thay link Hinh bằng link ảnh làm nền của bạn nha.
_X là chiều cao của Hình
-Chèn vào trong mục "Thiết kế/Theme/Chế độ tự sửa/CSS
Ví Dụ :
.rte_toolbar {background:#d7d7d7 url(http://i586.photobucket.com/albums/ss304/luongthuc123/ANHBANNE.gif) repeat-x top;border-left:1px solid #0448f6;border-top:1px solid #0448f6;border-right:1px solid #0448f6;height:115px;}
Bạn kũng có thể tự thiết kế cho mình một ban ner như vậy .Xem hướng dẫn ở bài này bạn nhá
_Hướng Dẫn Làm Banner Flash(SWF) Banner động(Gif),Nhạc Flash Nhúng Vô Blog
Nếu Hok có thể xem thêm Bộ banner cho phần này
banner trang trí blog (2) banner trang trí blog (1)
6 _Thay Đổi Button (nút bấm) "Lưu" "Huỷ" trong phần comment
Demo:
Code
.cmt-mod-alist .add-comment em.buttons input{color:#000000;height:Apx;text-align:center;background:url(Link) no-repeat;}
A: chiều cao của hình
Rùi thay link ảnh lun nha bạn .Xem thêm các mẫu icon Tại Đây Tổng Hợp Icon Trang trí blog
--------------------------------o0o--------------------------------
7_Chèn Background cho phần chọn emotion :
Mấy button của thanh công cụ cũng sẽ có background giống như cái này ...ở đây chỉ demo thử 1 cái thui
Code :
.rte_palette {
background:transparent url(Link hình); }
-------------------------------o0o-----------------------------
Nếu như hình của các bạn có kick thước nhỏ thì bạn thêm “repeat” vào đoạn code nha ( còn hình của bạn có kick thước lớn thì khỏi cũng đc ......)
Ví dụ :
.rte_palette {
background:transparent url(Link hình) repeat ; }
------------------------------------------o0o-------------------------------------------
Bài viết thuộc bản quyền http://yeunhatki.co.cc/
[™Khoctham_boy05™] ¶+KuHồn_CôĐơn+¶ +»(¯`v´¯)»+
< Sưu tầm bởi Pun >
Chào mừng maj-iu đến với blog của VCOIN VTC. Web hack VCOIN trực... - 09:26 25-11-2009
- 11:29 21-11-2009
Chào mừng maj-iu đến với blog của VCOIN VTC. Web hack VCOIN trực... - 12:01 20-11-2009
Giảm giá cực shock Sim Vip, Sim Năm Sinh .... 64.74.84.94 chỉ có... - 08:00 20-11-2009
Hi lu bạn, mình làm quen nhé, nè, cùng tham gia với tụi mình... - 05:49 20-11-2009
