code trang trí 3

Thay Nút "Thêm Bạn", "Blog ưa thích"

DIV.addfrdbtn A.addtofriends{background:url(Link ảnh ADD BLOG - Thêm bạn) no-repeat center;height:22px;}

DIV.subscribebtn A.add_subscription{background:url(Link ảnh Blog ưu thích) no-repeat center;height:22px;}

Height là chiều dài, chiều cao của ảnh. Sau khi đăng suất khỏi blog, các bạn vào lại blog sẽ thấy nút của "Thêm bạn" và "Blog ưu thích" đã được thay.

Tạo nút Home

.mod-comment-new .pagination, .mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent url(Link ảnh);}

Ngăn dòng bài viết

Xoá đường ngăn dòng

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;}

Code tạo ngăn dòng cho trả lời commnet

.mod-alist-full .alist-comment .responding {border-top-style:none;background:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/05/16/04/64831242466500.png) no-repeat right top;}

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;}

Tạo đường viên trong suốt

.rte_src_editor {BACKGROUND: url(link ảnh nhắc nhở) no-repeat top left;}

Code này sẽ giúp bạn thu ngắn modun tự tạo chỉ để nó hiện ra 1 chiều dài nhất định, khi di chuột vào modun đó, nó sẽ tự động kéo dài modun đó ra. Chúng ta có thể thấy ngay một ứng dụng rất hay, đó là tạo 1 list nhạc rất dài ở modun tự tạo, nhưng chúng ta chỉ để nó hiện ra 1 chiều dài nhất định, khi người nghe để chuột vào modun đó, nó sẽ tự động kép dài và hiện thị đầy đủ nội modun đó.

Code css:

#user_mod_1000X .rc_bd .rc_bc .bd .user-mod-holder
{height:200px;}

#user_mod_1000X .rc_bd .rc_bc .bd .user-mod-holder:hover
{height:auto;}

X là giá trị của modun tự tạo từ 1 đến 10.

200px là giá trị bạn muốn nó hiện thị, chúng ta có thể tùy ý thay đổi.

Hiệu ứng thu nhỏ chữ và tự động phóng to ảnh khi để chuột vào

Code giúp thu nhỏ chữ và ảnh. Khi di chuột đến, chữ và ảnh sẽ tự động chở về đúng kích cỡ.

Để làm được như vậy, bước đầu tiên, ta copy code này, dán vào css

• Code này dán vào css để sử dụng được hiệu ứng phóng to ảnh, thu nhỏ chữ:

#blog_quote{font-size:5px;font-style:italic;color:#FF99FF;background:#000066;}#blog_quote:hover {font-size:12px;font-weight:bold;font-style:normal;color:#CC99AA;background:transparent;}#blog_img img {height:100px;}#blog_img img:hover {height:100%;}

Tạo hiệu ứng nút bấm Lưu & Hủy commnet

Code css:

Code css:

HTML {background:url(Link Ảnh Nền Toàn Bộ Blog) center fixed;}

.mod-alist-full .main-hd{background:url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/01/08/01/63041231353592.png) no-repeat;}

.mod-alist-full .main-bd{background:#FFFFFF url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/01/08/12/10871231347975.png) repeat-x bottom fixed;}

Lưu ý fixed trong code trên có tác dụng làm đứng ảnh (ảnh ko chuyển động trong bài viết) khi ta cuộn trang web. Các bạn có thể dùng hoặc ko dùng fixed

6. Làm sao thay theme và cho theme đứng yên khi kéo chuột ?

Dùng đoạn code CSS sau


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:#FFFFFF url(http://wallcoo.net/cartoon/Digital_Spring_Art_1920x1200/wallpapers/1280x800/Digital_composite_spring_2013.jpg) repeat fixed;}
Hoặc đoạn code này:

*hinh toan blog*

BODY.blog_my {background:url(http://sg.yimg.com/i/vn/blog/i/blog/cat4_5.gif) #000000 fixed;}

BODY.blog_my {BACKGROUND:url(http://sg.yimg.com/i/vn/blog/i/blog/cat4_5.gif) #000000 fixed;}

Thay
- http://wallcoo.net/cartoon/Digital_Spring_Art_1920x1200/wallpapers/1280x800/Digital_composite_spring_2013.jpg bằng link hình nền của bạn nhé.
-http://sg.yimg.com/i/vn/blog/i/blog/cat4_5.gif  bằng link hình nền của bạn

thía là vừa cung cấp cho các anh em thêm một đống code nữa rùi đó xem từ từ kẻo ngộ độc code nhé khà khà , mấy cái code ny được sắp xếp theo thứ tự bạn nào mới học trang trí chưa nên đọc nhìu mà phải vào đọc phần code trang trí 1 và code trang trí 2 ý đã rồi đọc cái này nghe, à còn chuyện ny nữa có một số code thì link ảnh đã được làm sẵn thay cho lời giải thích rùi bà con nào không thích thì vào kho ảnh nhà tui lấy ảnh rùi thay bằng link khác nhé .......