trang chủ: thủ thuật blog plus

Showing posts with label thủ thuật blog plus. Show all posts

Làm ẩn biến mất các trang phụ

Vì một số lý do cá nhân mà bạn không muốn người khác xem trang profile hay trang bạn bè, album thì có thể sử dụng code trong bài viết này

Trang profile

Quote:

#profile_info .rc_hd,#profile_info .rc_hd div,#profile_info .rc_bd,#profile_info .rc_bd .rc_bc,#profile_info .rc_ft,#profile_info .rc_ft div,#profile_info .rc_bc .bd,#profile_info .rc_bd .rc_bc .hd .titlebar .hd,#profile_info .rc_bd .rc_bc .hd .titlebar, #profile_info table {background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Trang bạn bè

Quote:

#friend-list .rc_hd,#friend-list .rc_hd div,#friend-list .rc_bd,#friend-list .rc_bd .rc_bc,#friend-list .rc_ft,#friend-list .rc_ft div,#friend-list .rc_bc .bd,#friend-list .rc_bd .rc_bc .hd .titlebar .hd,#friend-list .rc_bd .rc_bc .hd .titlebar{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Trang album

Quote:

#gallery_list .rc_hd,#gallery_list .rc_hd div,#gallery_list .rc_bd,#gallery_list .rc_bd .rc_bc,#gallery_list .rc_ft,#gallery_list .rc_ft div,#gallery_list .rc_bc .bd,#gallery_list .rc_bd .rc_bc .hd .titlebar .hd,#gallery_list .rc_bd .rc_bc .hd .titlebar,#gallery_list .rc_bc .bd .actionbar,#gallery_list .rc_bc .bd .actionbar .bd,#gallery_list .rc_bc .bd .actionbar .hd,#gallery_list .rc_bc .bd .actionbar button,#gallery_list .rc_bc .hd .titlebar .hd select, #gallery_list .rc_bc .ft, #gallery_list .rc_bc .pagination,#form-gallery img{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Trang xem từng hình trong album

Quote:

#photo_enlarge .rc_hd,#photo_enlarge .rc_hd div,#photo_enlarge .rc_bd,#photo_enlarge .rc_bd .rc_bc,#photo_enlarge .rc_ft,#photo_enlarge .rc_ft div,#photo_enlarge .rc_bc .bd,#photo_enlarge .rc_bd .rc_bc .hd .titlebar .hd,#photo_enlarge .rc_bd .rc_bc .hd .titlebar,#photo_enlarge .rte_fieldset,#photo_enlarge .ft,#photo_enlarge #photo_comment_list{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Trang bảng tin nhắn

Quote:

#guestbook-listing .rc_hd,#guestbook-listing .rc_hd div,#guestbook-listing .rc_bd,#guestbook-listing .rc_bd .rc_bc,#guestbook-listing .rc_ft,#guestbook-listing .rc_ft div,#guestbook-listing .rc_bc .bd,#guestbook-listing .rc_bd .rc_bc .hd .titlebar .hd,#guestbook-listing .rc_bd .rc_bc .hd .titlebar,#guestbook-listing .guestbook-comment-list,#guestbook-listing .guestbook-comment,#guestbook-listing a.button strong{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Lưu ý là code trên hiển thị không tốt trên IE

Written by olympia41124

Làm ẩn biến mất các module ở trang chính

Vì một số lý do trong thiết kế và sắp đặt blog mà bạn cần làm biến mất một hay nhiều module nào đó. Thông thường để làm mất module thì ở trên menu đầu blog chọn Blog của tôi, chọn sửa trang

Khi đó thì các module sẽ có hiện thêm một thanh ở đầu, ở góc phải phía trên các module sẽ có nút dấu X

Để bỏ đi module thì ấn chữ X ở module đó, bảng thông báo hiển thị, ấn Ok

Tuy nhiên vẫn có một số module không có dấu X nên ta không thể xóa theo cách thông thường đó được. Chỉ có một cách là sử dụng code CSS trong bài viết này

Ẩn module profile

Quote:

#profile_highlight .rc_hd, #profile_highlight .rc_hd div, #profile_highlight .rc_bd, #profile_highlight .rc_bd .rc_bc, #profile_highlight .rc_ft, #profile_highlight .rc_ft div, #profile_highlight .rc_bc .bd,.cta-ss em,.cta-ss strong, .cta-ss, #profile_highlight img{background:transparent !important;border-style:none !important;height:0px;font-size:0px;}/*olympia41124*/

Ẩn module blast

Quote:

#blast .rc_hd,#blast .rc_hd div,#blast .rc_bd,#blast .rc_bd .rc_bc,#blast .rc_ft,#blast .rc_ft div,#blast .rc_bc .bd,#blast .tail,#blast div.editbtn a, #blast a{background:transparent !important;border-style:none !important;height:0px;font-size:0px;}/*olympia41124*/

Ẩn module tên blog

Quote:

#blog_title .rc_hd, #blog_title .rc_hd div, #blog_title .rc_bd, #blog_title .rc_bd .rc_bc, #blog_title .rc_ft, #blog_title .rc_ft div,#blog_title .rc_bd .rc_bc .bd,#blog_title .rc_bd .rc_bc .pic_container a img{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Ẩn module bài viết

Quote:

#article_list_module .rc_hd,#article_list_module .rc_hd div,#article_list_module .rc_bd,#article_list_module .rc_bd .rc_bc,#article_list_module .rc_ft,#article_list_module .rc_ft div,#article_list_module .rc_bc .bd,#article_list_module .rc_bd .rc_bc .hd .titlebar .hd,#article_list_module .rc_bd .rc_bc .hd .titlebar,#article_list_module .mod-alist-searchbox.titlebar .bd,#article_list_module .mod-alist-searchbox.titlebar .bd form input,#article_list_module .mod-alist-searchbox.titlebar .bd,#yui-main #article_list_module .mod-alist-searchbox.titlebar .bd form label,.mod-alist .rc_bd .bd .more-posts ul li, ul.moodicons li span,.moodicon em span,.more-posts .thumbnail img,.mod-alist .rc_bd .bd .more-posts .mod-alist-manage ul li,.mod-alist .rc_bd .bd .more-posts .mod-alist-manage ul li a,.mod-alist .rc_bd .bd .more-posts .folder-icons .icon ul li{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Ẩn phần thông tin bản quyền cuối blog

Quote:

#ft{background:transparent;}/*olympia41124*/
#ft .info,#ft .rights{background:transparent;font-size:0;}/*vietnam360plus.com*/

Ngoài ra ở trang xem trực tiếp bài viết còn có 3 module : lịch, thư mục riêng, bài mới nhất. Khi ta xóa 3 module này ở ngoài trang chính bằng cách thông thường thì 3 module này vẫn hiện diện ở trang xem trực tiếp bài viết. Muốn xóa đi dùng code sau, lưu ý code sau ảnh hưởng đến 3 module này cả ở ngoài trang chính)

Ẩn module Lịch

Quote:

#calendar .rc_hd,#calendar .rc_hd div,#calendar .rc_bd,#calendar .rc_bd .rc_bc,#calendar .rc_ft,#calendar .rc_ft div,#calendar .rc_bc .bd,#calendar .rc_bd .rc_bc .hd .titlebar .hd,#calendar .rc_bd .rc_bc .hd .titlebar{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Ẩn module thư mục riêng

Quote:

#folder .rc_hd,#folder .rc_hd div,#folder .rc_bd,#folder .rc_bd .rc_bc,#folder .rc_ft,#folder .rc_ft div,#folder .rc_bc .bd,#folder .rc_bd .rc_bc .hd .titlebar .hd,#folder .rc_bd .rc_bc .hd .titlebar{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Ẩn module bài mới nhất

Quote:

#article_new .rc_hd,#article_new .rc_hd div,#article_new .rc_bd,#article_new .rc_bd .rc_bc,#article_new .rc_ft,#article_new .rc_ft div,#article_new .rc_bc .bd,#article_new .rc_bd .rc_bc .hd .titlebar .hd,#article_new .rc_bd .rc_bc .hd .titlebar{background:transparent !important;border-style:none !important;height:0px !important;font-size:0px !important;}/*olympia41124*/

Ngoài ra khi bạn trang trí blog có thể cần ẩn đi tiêu đề của module thì dùng cú pháp sau

Quote:

#tên_module h2{color:transparent !important;font-size:0px !important;}/*olympia41124*/

Thay #tên_module bằng tên module bạn muốn

#article_list_module : module bài viết
#article_new : module bài mới nhất
#comment_new : module bình luận mới nhất
#mod_lifeline : module tâm trạng
#folder : module thư mục riêng
##feature_link : module album
#feature_link_gb : module bảng tin nhắn
#mod_bookmark : module web yêu thích
#calendar : module lịch
#update_date : module cập nhật ngày
#statistic : module thống kê
#friendlist_module : module danh sách bạn bè
#rss_output : module RSS
#subscribe_highlight : module blog tôi thích
#search_module : module tìm
#mod-tagged-frd-article : module blog về tôi
#photo_highlight : module hình ảnh trong blog
#guestbook_entries : module bình luận nhanh
#profile_card : module hồ sơ blog
#user_mod_10001 : module tự tạo số 1
#user_mod_10002 : module tự tạo số 2
#user_mod_10003 : module tự tạo số 3
#user_mod_10004 : module tự tạo số 4
#user_mod_10005 : module tự tạo số 5
#user_mod_10006 : module tự tạo số 6
#user_mod_10007 : module tự tạo số 7
#user_mod_10008 : module tự tạo số 8
#user_mod_10009 : module tự tạo số 9
#user_mod_10010 : module tự tạo số 10

Lưu ý là các code trên không hoạt động tốt trên IE

Written by olympia41124

Sửa lỗi đụng code đường viền và code trong suốt blog

Khi bạn sử dụng code trong suốt ở đây >>> http://forum.vietnam360plus.com/showthread.php?t=1504

Rồi sau đó sử dụng code đường viền ở đây >>> http://forum.vietnam360plus.com/showthread.php?t=1393

Khi đó một số trường hợp có thể xảy ra hiện tượng blog trong suốt và đường viền mất một khúc. Giải pháp cho bạn là hãy để code đường viền ở vị trí phía dưới đối với code trong suốt và thêm thuộc tính !important cho code đường viền. Cụ thể khi đó code đường viền sẽ có dạng như sau

Quote:

.rc_hd{background:transparent url(Link hình) left bottom !important;}/*olympia41124*/
.rc_hd div{background:transparent url(Link hình) right bottom !important;}/*vietnam360plus.com*/
.rc_bd{background:transparent url(Link hình) repeat-y left top !important;border-style:none;}/*olympia41124*/
.rc_bd .rc_bc{background:transparent url(Link hình) repeat-y right top !important;border-style:none;}/*vietnam360plus.com*/
.rc_ft{background:transparent url(Link hình) left top !important;}/*olympia41124*/
.rc_ft div{background:transparent url(Link hình) repeat-x right top !important;}/*vietnam360plus.com*/
#blast .tail {background:transparent;}/*olympia41124*/

Khi đó đường viền sẽ đầy đủ bình thường.

Written by olympia41124

Các hiệu ứng cho link trong blog

Các đường link là không thể thiếu với bất kỳ trang web, 4rum hay blog nào. Có một số hiệu ứng với đường link có thể khiến đường link nổi bật hẳn lên.

Đầu tiên là hiệu ứng cho đường link lúc bình thường có cú pháp như sau

Quote:

a{properties:value;}/*olympia41124*/

Trong code trên các bạn có thể thay properties:value bằng nhiều thuộc tính khác nhau. Ví dụ như thay màu sắc cho link thì thêm color, thêm nền cho link thì thêm background ... và nên nhớ mỗi thuộc tính phải cách nhau bởi dấu ";" nhé. Sau đây là một số hiệu ứng mà Beta Plus cho áp dụng

color:#FFFFFF
Chỉnh màu sắc cho link, có thể thay #FFFFFF bằng mã màu khác.

background:transparent url(link hình) top center
Thay link hình bằng link bạn muốn

font-size:Apx
Thay đổi độ lớn của tên link, thay A bằng số thích hợp

font-family:Tahoma
Thay đổi kiểu font, có thể thay Tahoma bằng tên font bạn muốn

font-style:italic
Chỉnh font chữ nghiêng

font-weight:bold
Chỉnh font chữ đậm

text-decoration:underline
Thay đổi thuộc tính cho link, có thể thay underline (gạch dưới) bằng none (không gạch), overline (gạch đầu), line-through (gạch giữa), blink (nhấp nháy). Lưu ý blink không hiển thị trên IE

text-shadow: 0px 0px 10px #f0f,0px 0px 10px #f0f,0px 0px 10px #f0f
Phần shadow thì đọc bài sau để hiểu rõ hơn >>> [Beta Plus] Hiệu ứng shadow cho text

border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;border-bottom-style:dashed;border-bottom-color:#fff;border-bottom-width:1px;
Hiệu ứng đường viền. Trong toàn bộ code trên thì 1px là độ "dày" của đường viền, có thể thay 1 bằng số khác. dashed là kiểu đường viền có thể thay bằng dotted, solid, double, groove, ridge, inset, outset, inherit. Còn #fff là màu đường viền, có thể thay bằng mã màu khác

Ví dụ code cho link đậm, nghiêng, có hình nền

Quote:

a{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Hover/1.gif) top center;font-style:italic;font-weight:bold;}/*olympia41124*/

Nhớ giữa các thuộc tính phải có dấu ";" nhé

Ở phần trên là hiệu ứng cho đường link lúc bình thường. Ngoài ra còn hiệu ứng cho link ở nhiều trạng thái

Hiệu ứng đã click vào link và quay trở lại xem trang đó, visited nghĩa là được viếng thăm. Code này có tác dụng đánh dấu các link đã xem khi ta quay lại trang chủ.

Quote:

a:visited{properties:value;}/*olympia41124*/

Hiệu ứng khi di chuột vào link

Quote:

a:hover{properties:value;}/*olympia41124*/

Hiệu ứng khi click vào link và chưa buông ra

Quote:

a:active{properties:value;}/*olympia41124*/

Trong các code trên ở phần properties:value các bạn thay tương tự như phần cho link lúc bình thường.

Ví dụ code hiệu ứng khi di chuột vào link, link hiện nền và chữ đậm

Quote:

a:hover{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Hover/1.gif) top center;font-weight:bold;}/*olympia41124*/

Tùy vào từng hiệu ứng và thuộc tính mà các bạn có thể tự sáng tạo cho đường link blog của mình. Và điều cuối cùng olympia nhắc các bạn nên nhớ là các thuộc tính phải ngăn cách nhau bởi dấu ";"

Written by olympia41124

Thay nền cho phần mở rộng của toolbar comment

Bài viết này đề cập đến việc thay nền cho các phần mở rộng của thanh toolbar comment.
Ví dụ như khi chèn link

hay là chèn icon mặt cười

hoặc khi chọn font chữ, kích thước hay canh chỉnh đoạn văn

Để làm như vậy bạn chỉ cần thay link hình bạn muốn vào code sau

Quote:

#bd .rte_font ul li, #bd .rte_text ul li{background:transparent;}/*olympia41124*/
.rte_palette{background:transparent url(Link hình) top center;}/*vietnam360plus.com*/

Written by olympia41124

Bỏ dấu gạch chân ở link

Ở bản Beta này các đường link có dấu gạch chân thật xấu, ta sẽ sửa lại thành bình thường bằng code ngắn gọn sau

Quote:

a{text-decoration:none;}

Coded by olympia41124

Chèn chữ bằng mã ASCII vào blog 360Plus Beta

Việc sử dụng các trang tạo chữ nghệ thuật lung linh lấp lánh dường như gây cho bạn sự nhàm chán ? Nếu thế sao bạn không thử một dạng chữ nghệ thuật mới : chữ viết bằng mã ASCII

Đầu tiên vào trang >>> http://www.network-science.de/ascii/

Điền chữ bạn muốn vào khung Text, có thể chọn các kiểu chữ ở dưới hoặc chỉnh chiều ngang và một số hiệu ứng khác rồi ấn Do it

Khi đó ta có được chữ mình muốn, bôi đen và copy

Sau đó cho phần đã copy thay cho chữ Text giữa hai cặp thẻ pre trong code sau

Quote:

Text

Sau khi thay bạn co code dạng sau

Mã:

.__                       .__           _____ ____ ____________    _____  
  ____ |  | ___.__. _____ ______ |__|____     /  |  /_   /_   \_____  \  /  |  | 
 /  _ \|  |<   |  |/     \\____ \|  \__  \   /   |  ||   ||   |/  ____/ /   |  |_
(  <_> )  |_\___  |  Y Y  \  |_> >  |/ __ \_/    ^   /   ||   /       \/    ^   /
 \____/|____/ ____|__|_|  /   __/|__(____  /\____   ||___||___\_______ \____   | 
            \/          \/|__|           \/      |__|                 \/    |__|

Có thể lúc này nhìn vào code bạn không thấy chữ có hình thù gì nhưng khi đưa vào blog nó sẽ hiện

Code này bạn có thể để vào bài viết hoặc ở module tự tạo

Written by olympia41124

Phá hủy blog 360Plus Beta

Thể theo nguyện vọng của một số bạn muốn ... ám sát blog 360Plus Beta

cũng như một số bạn thất tình đòi treo ... blast tự tử

hay một số bạn muốn ... ú tim cho bạn bè

Hôm nay olympia sẽ chia sẻ code "tàn phá" 360Plus Beta

Hì hì nghe từ "tàn phá" ghê rợn quá nhỉ

Các bạn đừng lo, đây chỉ là "phá tạm" thôi, sau này muốn hồi phục chỉ cần 1 cái click là xong

olympia bảo đảm 100%

Mục đích của các code trong bài viết này là nhằm che giấu tất cả các module trong blog để thành một "tử blog" (blog chết

)

Đầu tiên việc cần làm là ở menu đầu blog vào Blog Của Tôi chọn Sửa trang. Khi đó đóng đi tất cả các module có dấu X ở góc phải phía trên module. Chỉ có một số module không có dấu X này : tên blog, profile, bài viết ...

Tiếp theo là chèn hình nền cho blog (tử thì tử cũng phải cho người ta bộ quần áo chứ

)

Quote:

html {background:transparent url(Link hình) repeat fixed top center;} /*olympia41124*/
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:transparent;}/*vietnam360plus.com*/

Nhớ thay link hình nhé, nếu không cái blog nó ám đấy

Sau đó thì dùng code sau để "heat shot" cái blog

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar, .col-150 .rc_bd .rc_bc .bd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .ft,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd, .row-760 .rc_bd .rc_bc .hd .titlebar, .row-760 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .ft,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .ft,
.rc_hd, .rc_hd div, .rc_bd, .rc_bd .rc_bc, .rc_ft, .rc_ft div,
#article_list_module,
#article_list_module .mod-alist-searchbox.titlebar .bd,
#article_list_module .mod-alist-searchbox.titlebar .bd form input,
#article_list_module .mod-alist-searchbox.titlebar .bd,
#yui-main #article_list_module .mod-alist-searchbox.titlebar .bd form label, #blast div.editbtn a, #ft, #blog_title .rc_bd .rc_bc .bd h2, #blog_title .rc_bd .rc_bc .bd p, #blog_title .rc_bd .rc_bc .pic_container a img,
#ygmatop, .ygmabg, #ygmasrchbtn, #ygmasrchquery, #ygmabot, #ygma .blogsrch .ipt, .blog_dummyselect .hd span, .blog_dummyselect .hd img, .blog_dummyselect .hd, .yuimenubar .hd u, .yuimenubar .hd b, .yuimenubar .hd i, .yuimenubarnav .yuimenubaritem,
.yuimenubarnav .yuimenubaritem, .yuimenubaritemlabel,
#ygma .btn, #ygma .btn .first-child,
#ygmatop a, .ygmabg, #ygmalogo img, .pagination,
#blast .tail, #profile_highlight img, .mod-alist .rc_bd .bd .more-posts ul li, ul.moodicons li span, .moodicon em span
{background:transparent !important;border-style:none;height:0px !important;font-size:0px !important;}

Như vậy là bạn đã kill cái blog thành công rồi đó. Khi nào muốn hồi phục thì nhớ vào đại một cái blog nào đó cũng được, ấn Blog Của Tôi rồi chọn Đổi theme sau đó xóa hết code là được

Written by olympia41124

Chèn icon cho phần tổng cộng lời bình

Lưu ý bạn cần chèn icon cho 2 trạng thái khác nhau của phần lời bình

Lúc comment đóng chỉ hiển thị số comment chứ không hiện nội dung comment

Quote:

.mod-alist .comments-listing .hd a{background:transparent url(Link hình) no-repeat;}/*olympia41124*/

Lúc comment hiện ra nội dung

Quote:

.mod-alist .comments-listing.expanded .hd a{background:transparent url(Link hình) no-repeat;}/*olympia41124*/

Thay link hình trong các code trên bằng link hình của bạn. Còn sau đây là code có sẵn hình olympia đang dùng, chia sẻ cho các bạn

Quote:

.mod-alist .comments-listing .hd a{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/143.gif) no-repeat;}/*olympia41124*/
.mod-alist .comments-listing.expanded .hd a{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/143.gif) no-repeat 0px -20px;}/*vietnam360plus.com*/

Written by olympia41124

Thay đổi vị trí hình đại diện bài viết tóm tắt

Bình thường ở module bài viết dạng hiển thị bài tóm tắt thường có một tấm hình đại diện cho bài viết. Ta thử thay đổi vị trí nó chút cho vui

Bình thường là bên trái nên ta không cần dùng code. Đây là ở giữa nhé

Quote:

.more-posts .thumbnail{text-align:center;}/*olympia41124*/

Ở bên phải

Quote:

.more-posts .thumbnail{text-align:right;}/*olympia41124*/

Còn nếu muốn hình đó biến mất thì dùng code sau

Quote:

.more-posts .thumbnail img{height:0px;}/*olympia41124*/

Written by olympia41124

hay icon tâm trạng cho bài viết

Code thay icon tâm trạng của bản beta

Quote:

ul.moodicons li span,.moodicon em span{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1a.png);}/*olympia41124*/

ul.moodicons li.big span.big{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png);}/*olympia41124*/
ul.moodicons li.mood-2 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -50px;}/*olympia41124*/
ul.moodicons li.mood-3 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -100px;}/*olympia41124*/
ul.moodicons li.mood-4 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -150px;}/*olympia41124*/
ul.moodicons li.mood-5 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -200px;}/*olympia41124*/
ul.moodicons li.mood-6 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -250px;}/*olympia41124*/
ul.moodicons li.mood-7 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -300px;}/*olympia41124*/
ul.moodicons li.mood-8 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -350px;}/*olympia41124*/
ul.moodicons li.mood-9 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -400px;}/*olympia41124*/
ul.moodicons li.mood-10 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -450px;}/*olympia41124*/
ul.moodicons li.mood-11 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -500px;}/*olympia41124*/
ul.moodicons li.mood-12 span.big{background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/1b.png) 0 -550px;}/*olympia41124*/

Thay link theo cú pháp sau

Quote:

ul.moodicons li span,.moodicon em span{background:transparent url(Link icon Nhỏ);}/*olympia41124*/

ul.moodicons li.big span.big{background:transparent url(Link icon Lớn);}/*olympia41124*/

ul.moodicons li.mood-2 span.big{background:url(Link icon Lớn) 0 -50px;}/*olympia41124*/
ul.moodicons li.mood-3 span.big{background:url(Link icon Lớn) 0 -100px;}/*olympia41124*/
ul.moodicons li.mood-4 span.big{background:url(Link icon Lớn) 0 -150px;}/*olympia41124*/
ul.moodicons li.mood-5 span.big{background:url(Link icon Lớn) 0 -200px;}/*olympia41124*/
ul.moodicons li.mood-6 span.big{background:url(Link icon Lớn) 0 -250px;}/*olympia41124*/
ul.moodicons li.mood-7 span.big{background:url(Link icon Lớn) 0 -300px;}/*olympia41124*/
ul.moodicons li.mood-8 span.big{background:url(Link icon Lớn) 0 -350px;}/*olympia41124*/
ul.moodicons li.mood-9 span.big{background:url(Link icon Lớn) 0 -400px;}/*olympia41124*/
ul.moodicons li.mood-10 span.big{background:url(Link icon Lớn) 0 -450px;}/*olympia41124*/
ul.moodicons li.mood-11 span.big{background:url(Link icon Lớn) 0 -500px;}/*olympia41124*/
ul.moodicons li.mood-12 span.big{background:url(Link icon Lớn) 0 -550px;}/*olympia41124*/

Bạn có thể tham khảo các icon ở link sau >>> http://s118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Mod_lifeline/

Với code trên thì điều bạn cần làm là chèn vào link hình có dạng như sau

Đến đây phần thay icon tâm trạng cho bản beta đã xong. Còn bạn nào muốn thay icon động cho blog thì đọc tiếp phần sau. Vì lý do khó có hình nào động mà chứa đủ 12 tâm trạng nên ta có cách sau với hình icon động.

Code cho icon nhỏ

Quote:

ul.moodicons li.mood-1 span,.moodicon em.mood-1 span{background:url(Link);}
ul.moodicons li.mood-2 span,.moodicon em.mood-2 span{background:url(Link);}
ul.moodicons li.mood-3 span,.moodicon em.mood-3 span{background:url(Link);}
ul.moodicons li.mood-4 span,.moodicon em.mood-4 span{background:url(Link);}
ul.moodicons li.mood-5 span,.moodicon em.mood-5 span{background:url(Link);}
ul.moodicons li.mood-6 span,.moodicon em.mood-6 span{background:url(Link);}
ul.moodicons li.mood-7 span,.moodicon em.mood-7 span{background:url(Link);}
ul.moodicons li.mood-8 span,.moodicon em.mood-8 span{background:url(Link);}
ul.moodicons li.mood-9 span,.moodicon em.mood-9 span{background:url(Link);}
ul.moodicons li.mood-10 span,.moodicon em.mood-10 span{background:url(Link);}
ul.moodicons li.mood-11 span,.moodicon em.mood-11 span{background:url(Link);}
ul.moodicons li.mood-12 span,.moodicon em.mood-12 span{background:url(Link);}

Code cho icon lớn

Quote:

ul.moodicons li.mood-1 span.big{background:url(Link);}
ul.moodicons li.mood-2 span.big{background:url(Link);}
ul.moodicons li.mood-3 span.big{background:url(Link);}
ul.moodicons li.mood-4 span.big{background:url(Link);}
ul.moodicons li.mood-5 span.big{background:url(Link);}
ul.moodicons li.mood-6 span.big{background:url(Link);}
ul.moodicons li.mood-7 span.big{background:url(Link);}
ul.moodicons li.mood-8 span.big{background:url(Link);}
ul.moodicons li.mood-9 span.big{background:url(Link);}
ul.moodicons li.mood-10 span.big{background:url(Link);}
ul.moodicons li.mood-11 span.big{background:url(Link);}
ul.moodicons li.mood-12 span.big{background:url(Link);}

(Update ngày 27/1/2010) olympia41124 : Đối với icon nhỏ ta chỉ cần đưa link vào một dòng code là các icon tự canh chỉnh, còn với icon lớn không hiểu mấy ông kỹ sư để thế nào mà nó không tự canh chỉnh nên đành update thêm đoạn code canh chỉnh cho icon lớn _ _!!

Written by olympia41124

Thay nền cho phần trên cùng blog

Ở bản beta thì giao diện cho phần trên cùng blog đã thay đổi. Việc thay nền cũng tương tự như bản cũ nhưng code hơi khác chút.

Trước hết dùng code sau để trong suốt phần đó đã

Quote:

#ygmatop,#ygmabot,.ysearch,.ysearch #ygmasrchfrm,#ygmasrchfrm fieldset,.yuimenubar .hd,.yuimenubarnav .yuimenubaritem,.yuimenubaritemlabel,#blogsearch form,#blogsearch .hd b,#blogsearch .hd u,#blogsearch .hd i{background:transparent;border-style:none;}/*olympia41124*/
.yuimenubar{border-style:none;}/*vietnam360plus*/
#ygmasrchfrm input,#blogsearch input{background:transparent;}/*olympia41124*/

Sau đó sử dụng code sau để chèn hình nền vào phần này

Quote:

#ygma{background:url(link hình) repeat top center; height:200px;}/*olympia41124*/

Trong đó thay link hình bằng link bạn muốn. Ngoài ra có thể thay số 200 bằng số chiều cao của hình bạn muốn chèn. Có thể nhấp chuột phải vào hình rồi chọn Properties. Khi đó có chỉ số ví dụ như 70px x 200px thì ở đây 200px chính là chỉ số chiều cao mình cần thay vào code

Written by olympia41124 -

Đồng bộ màu sắc khi trong suốt nóc nhà

olympia đã viết bài về trong suốt rồi
Nhưng có vẻ thế vẫn chưa thỏa mãn một số yêu cầu của các bạn khó tính

nên hôm nay olympia share code khác dành cho trong suốt nóc nhà và đồng bộ màu sắc cho phù hợp, cũng như trang trí thêm một số hiệu ứng khác cho nó. Ở đây olympia đồng bộ theo 2 màu sắc trắng và hồng

Bạn nào thích màu khác có thể sửa lại các mã màu trong code

Code

Quote:

#ygmatop, #ygmasrchquery, #ygmabot, #ygma .blogsrch .ipt, .blog_dummyselect .hd span, .blog_dummyselect .hd, .yuimenubar .hd u, .yuimenubar .hd b, .yuimenubar .hd i, .yuimenubarnav .yuimenubaritem
{background:transparent !important;border-color:#fff;color:#fff;}/*olympia41124*/

.first-of-type a, #ygmatop a, .ygmabg,#ygmasrchbtn{color:#fff;}/*vietnam360plus.com*/

.yuimenubarnav .yuimenubaritem, .yuimenubaritemlabel{border-style:none;}/*olympia41124*/

.yuimenubar .bd ul.first-of-type #yui-gen0.yuimenubaritem-selected .yuimenubaritemlabel, .yuimenubarnav .yuimenubaritem-selected .yuimenubaritemlabel{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Transparent/920_1.png);border-style:dashed;border-color:#f0f;}/*vietnam360plus.com*/

.ygmabg,.yui-menu-shadow{background:transparent;}/*olympia41124*/

.blog_dummyselect .bd div, .blog_dummyselect .bd, .yuimenu .bd {background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/Sinttulo.png);color:#f0f;}/*vietnam360plus.com*/

.blog_dummyselect .bd div:hover{background:#b3d4ff;}/*olympia41124*/

#ygma .btn, #ygma .btn .first-child{border-color:#fff;}/*vietnam360plus.com*/

.yuimenubaritemlabel-selected a{color:#f0f!important;}/*olympia41124*/

.first-of-type a:hover{color:#f0f;}/*vietnam360plus.com*/

.menu .bd, .yuimenu ul{border-style:dashed;border-color:#f0f;}/*olympia41124*/
#ygmatop,#ygmabot,.ysearch,.ysearch #ygmasrchfrm,#ygmasrchfrm fieldset,.yuimenubar .hd,.yuimenubarnav .yuimenubaritem,.yuimenubaritemlabel,#blogsearch form,#blogsearch .hd b,#blogsearch .hd u,#blogsearch .hd i{background:transparent;border-style:none;}/*olympia41124*/
.yuimenubar{border-style:none;}/*vietnam360plus*/
#ygmasrchfrm input,#blogsearch input{background:transparent;}/*olympia41124*/

Ảnh demo nè

Written by olympia41124