Tạo ảnh nền dưới Nickname trong Modun Profile
#profile_highlight .nickname {background:url(https://2img.net/h/i217.photobucket.com/albums/cc243/hatim87uyennhi/sta.gif) no-repeat top center;}
Trang tri khung tim kiem
code :
.mod-alist-searchbox input.btn{background:none;}
.mod-alist-searchbox INPUT.ipt{border-width:0px;background:transparent url(link) center center no-repeat;height:42px;color:#000000;}
Hướng dẫn làm Avatar bằng ảnh động
Bước 1: Bạn vào http://vn.blog.yahoo.com/setup/profile_photo.php để xóa tất cả 4 ảnh đã được bạn chọn làm avatar.
Bước 2: Dán code css này
#profile_img_highlight {background:url(Link ảnh động để làm avatar, ảnh nên có nhiều rộng dưới 140px) no-repeat center;height:200px;}
#profile_img_highlight-full {height:0px;}
Bước 3: Sau khi đã dán code css trên, bạn vào http://vn.blog.yahoo.com/setup/profile_photo.php để chọn ảnh cá nhân, bạn chỉ được chọn ảnh số 01, ko được chọn ảnh 02, 03, 04 vì nó sẽ làm đè lên avatar ảnh động. Ảnh số 01 mà bạn vừa chọn sẽ là ảnh avatar hiện ra khi bạn comment ở blog khác.
Bước 4: Sau khi chọn được ảnh số 01 bạn ấn lưu (Nút Ok), Sau khi lưu xong bạn đã có avatar bằng ảnh động, khi bạn comment hay trả lời comment thì nó sẽ hiện ra ảnh 01, khi vô blog của bạn, blog sẽ hiện hình avatar động, chứ ko hiện ảnh số 01.
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)
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
a:hover {text-decoration:none;color:#EE4949;text-decoration:none;background-image:url(link hình);}
code hieu ung roi
Code:
#head{background:transparent url(Link ảnh) center bottom;}
#bd{background:transparent url(Link Ảnh) center bottom;}
Tạo nút Home
div.backhomtbtn a.backtomyblog {background:url(link hình) no-repeat center;height:48px;}
Tạo hiệu ứng cho nút Home, khi để chuột vào nút Home, Nút home đó sẽ tự động hiện thành hình khác
/* Tạo nút HOME thông thường */
div.backhomtbtn a.backtomyblog {background:url(link hình) no-repeat center;height:48px;}
/* Khi để chuột vào nút HOME ở trên, sẽ tự động hiện ra hình ảnh dưới đây */
div.backhomtbtn a.backtomyblog:hover {background:url(link hình) no-repeat center;height:48px;}
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(link hinh`) 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é.
Tạo hiệu ứng nút bấm Lưu & Hủy commnet
Code css:
Thay đổi tag bài viết ( ngan dong bai viet)
.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)
Ả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;}
Xóa dòng chữ "Bản quyền
2009 Yahoo! Southeast Asia Pte. Ltd. (Co. Reg. No. 1999700735D). Giữ toàn quyền."
#footer .ft .provider p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p {font-size:0px;color:transparent;}