Tổng Hợp Css Dành Cho Blog

Các bạn có thể Download File Tổng hợp Code Tại Đây !!






Sau đây là Code :

1> Code thiếp lập nền cho Blog: (Thiếp lập cho tất cả các trang trong Blog) :

Code:

body.blog_my,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.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#ma_mau url(Link Anh Nen) no-repeat fixed bottom;}


Các thuộc tính cho Ảnh nền :

Repeat : Ảnh sẽ tự động lặp và tràn đều cho nền Blog nếu kích cỡ ảnh không đủ
Bao gồm 2 thuộc tính :

Repeat-x : lặp theo chiều ngang
Repeat-y : lặp theo chiều dọc.
No-repeat : Ảnh không lặp.
Fixed : Ảnh đứng yên khi kéo thanh cuộn chuột
2>Code cho theme 2 mảnh Top - Bottom :


Code:

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:transparent url(Link ảnh Bottom) no-repeat center bottom;}


3> Code thiết lập bỏ nền(làm trong suốt) và thay nền các Module: Click Here

4> Thay nền cho Module Bài Viết :


a- Ảnh nền trong mỗi Entry :


.mod-alist-full .main-bd{background:#FFFFFF url(Link Ảnh Nền);}



b- Ảnh nền của tiêu đề mỗi Entry:


.mod-alist-full.mail-hd{background:#FFFFFF url(Link Ảnh Nền)}



c- Module Bài Viết :


#article_list_module .bd, .mod-alist-full .main-bd {background:transparent url(Link Ảnh Nền);}

5> Sửa lỗi không thể làm Trong Suốt các Module : Click Here

6> Code Thay Border ( Đường Viền) Cho các Module :


Thay Link Border tương ứng vào đọan Code nhé :
Code:

#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(Ngang Tren) repeat-x right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Goc tren ben trai) 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:transparent url(Doc fai) 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:transparent url(doc trai) repeat-y left top;}
#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:transparent url(Ngang Duoi) repeat right top;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(Goc duoi ben trai) no-repeat left top;}



>>> Share Border cho Plus


7> Code thay màu và boder cho Blast :



/* Border cua Blast trong suot*/
#blast .rc div {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rcne-blue.png) no-repeat right bottom;}
#blast .rc {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rcnw-blue.png) no-repeat left bottom;}
#blast .rc_bd div.rc_bc {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png) repeat-y right top;}
#blast .rc_bd {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/rcwe-blue.png) repeat-y ;}
#blast .rc_ft {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/blastsw-blue.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/blastse-blue.png) no-repeat right bottom;}
/* Ket Thuc*/


8> Thay icon tiêu đề các module :


Thay Link Ảnh icon vào nhé :
Code:

#statistic h2{background:transparent url(Link) no-repeat left;height:18px;}
#article_new h2{background:transparent url(Link) no-repeat left top;}
#photo_highlight h2{background:transparent url(Link) no-repeat left top;}
#folder h2{background:transparent url(Link) no-repeat left;}
#rss_output .bd a{height:25px;background:transparent url(Link) no-repeat left;height:20px;text-align:center;}
#search_module h2{background:transparent url(Link) no-repeat left top;}
#comment_new .titlebar .hd h2 {background:transparent url(Link) no-repeat left bottom;height:40px;}

/* Mod tu tao : #user_mod_1000x */


9> Các Hiệu Ứng Khác:


a- Thay Button Homepage :

Code:

div.backhomtbtn a.backtomyblog {background:transparent url(Link Button)no-repeat;}



>>> Share 1 số Button Homepage

b- Hiệu ứng chữ cho tên nick name : (Xem Thêm Tại Đây)

Code:

#profile_highlight .nickname a {color:#0066CC;font-family:Comic Sans MS;font-size:130%;font-weight:bold;font-style:italic;text-decoration:blink;}



c- Làm trong suốt module tâm trạng :

Code:

#mod_lifeline div.bd,#mod_lifeline div.rc_bc {background:transparent ) !important;}



d- Làm trong suốt module hình ảnh blog :



Code:

#gallery_list .bd {background:none;}#photo_enlarge .bd, #photo_enlarge .ft {background:none;}
#photo_enlarge .ft #post_rte_create, #photo_comment .bd {background:none;}#photo_enlarge .c_photo_enlarge .ft {background:none;}
#photo_enlarge .bd .c_photo_enlarge .bd {background:none;}#gallery_list .ft .pagination .pagination {background:none;}
#gallery_list .ft .pagination {background:transparent url(Link Ảnh) repeat left top;}/*Thanh hiển thị số trang*/
#photo_highlight .ft .more {background:transparent ;}
#photo_highlight .ft .more a {font-size:110%;font-style:italic;font-weight:bold;color:#ffffff;}



e- Làm trong suốt phần Profile Info :



Code:

#profile_info , #profile_info .bd #blog_profile .bd, #profile_info .bd #personal_profile .bd, #profile_info .bd #introduction_profile .bd, #profile_info .bd #personal_profile .bd th , #profile_info th {background:none;}