Bài này là thủ
thuật nâng cao, cho nên mình chỉ viết code rồi các bạn tự tìm hiểu và thay thế các thuộc tính trong từng dòng
code dưới đây nhé (ví dụ như màu sắc, kiểu viền...) Có gì ko hiểu comment lại cho mình
Đầu tiên là đoạn code xóa bỏ 2 thanh công cụ phía trên cùng blog chứa logo của Plus
và phần yahoo! Mail....#ygmatop, #ygmabot, .blog_dummyselect {display:none;}
Tiếp đến là trong suốt thanh công cụ dài chứa 5 công cụ
(Trang chính, blog của tôi, viết blog, hình ảnh, kết nối).yuimenubar .bd ul.first-of-type #yui-gen0 {background:transparent;}
Các bạn có thể xóa luôn cả công cụ "Tìm trên 360Plus":#blogsearch {display:none!important;}
Kéo 5 công cụ này vào giữa:.yuimenubar {padding:0 235px;width:482px;}
Làm trong suốt 5 công cụ: .yuimenubar, .yuimenubar .hd, .yuimenubarnav .yuimenubaritem, .yuimenubaritemlabel{background:transparent;border-style:none;}
Trong suốt nền 5 công cụ khi di chuột đến và các hình tam giác nhỏ chỉ xuống:.yuimenubarnav .yuimenubaritem,
.yuimenubaritemlabel{background:transparent !important;}
Kéo 5 công cụ xuống dưới 1 chút so với thanh ngang chứa nó:.yuimenubar .bd {padding:1.5px;}
Các bạn cũng có thể thay nền cho 5 công cụ này:.yuimenubar .hd b{background:url(
LINK ẢNH) no-repeat
center;height:30px;width:485px;}
/* kích thước chuẩn là 485x30 px */
Trong suốt và thay thế các thanh công cụ ẩn (phần nền chứa các thanh công cụ
hiện ra khi ta di chuột vào 1 công cụ, ví dụ như "blog của tôi" khi
di vào sẽ hiện ra các thanh cập nhật, đổi câu blast,...Đây là phần nền chung cho tất cả các công cụ đó).blog_dummyselect .bd div, .blog_dummyselect .bd, .yuimenu
.bd {background:transparent url(
LINK ẢNH);}
Nếu chỉ muốn trong suốt thì dùng code sau:.blog_dummyselect .bd div, .blog_dummyselect .bd, .yuimenu
.bd {background:transparent;}
Màu 5 chữ trang chính, blog của tôi,...: .first-of-type a, #ygmatop
a, .ygmabg, #ygmasrchbtn{color:#beb3f8;}
Màu link các thanh công cụ ẩn:.yuimenuitemlabel {color:
#FFFFFF;}
Màu link các thanh công cụ ẩn khi di chuột đến và xóa dấu gạch chân:.first-of-type
a:hover{color:
#FFFFFF!important;
text-decoration:none!important;}
Nền các thanh công cụ ẩn khi di chuột đến:.first-of-type li:hover{background:transparent url(
LINK ẢNH);}
Nếu chỉ muốn trong suốt thì dùng code
sau:.first-of-type li:hover{background:transparent;}
Kiểu viền và vạch ngăn cách các thanh công cụ ẩn:.menu .bd, .yuimenu ul{border-style:
dashed;border-color:
#f0f;}
Màu 5 chữ trang chính, blog của tôi…trong trạng thái di
chuột vào các thanh công cụ ẩn:.yuimenubaritemlabel-selected a{color:
#3cfef5!important;}
Nguồn : Plushelper