HomeSao viet Tin tucMobileBlogTruyenPhotosMeo vatKhoa hocGameTiviTinh YeuThi TruongLam dep360Lien he
Liên hệ với chúng tôi để đặt quảng cáo của bạn trên trang chủ và tất cả các trang con của web này.Gia theo thỏa thuận. Liên hệ quảng cáo

Thay nền menu blog 360plus

Không biết có ai viết hướng dẫn này chưa, ytuongquang thi chưa thấy, nay share bài thay nền menu cho plus đây...
Thật ra bài này mình viết và share nay cũng đã một thời gian rồi, nhưng cũng không ưu tiên ddawng trên blog trước...
----------------------------------------------
Kiểu 1: Menu chỉ đổi màu khi đưa chuột đến:



CODE:

Quote:
.yuimenubar .bd ul.first-of-type #yui-gen0.yuimenubaritem-selected .yuimenubaritemlabel, .yuimenubarnav .yuimenubaritem-selected .yuimenubaritemlabel{background:transparent;}
.blog_dummyselect .bd div, .blog_dummyselect .bd, .yuimenu .bd {background:transparent url(http://i756.photobucket.com/albums/xx207/ytuongquang1/Plus/Untitled-2.jpg);}
.yuimenuitemlabel {color:#FFFFFF;}
.first-of-type a:hover{color:#FFFFFF;text-decoration:none;}
.first-of-type li:hover{background:transparent url(http://i756.photobucket.com/albums/xx207/ytuongquang1/Plus/HO.png);}
Kiểu 2: Menu đổi màu khi đưa chuột đến, nhưng có thêm nền ngang- trên cho menu:



Code:
Quote:
.yuimenubarnav .yuimenubaritem {border-right:none;border-color:#ffffff;}
.yuimenubaritemlabel {border:none;}
.yuimenubar .bd {padding:2px;}
.yuimenubar .hd u, .yuimenubar .hd i, .yuimenubarnav .yuimenubaritem
{background:transparent !important;}
.yuimenubar .hd b{background:url(http://i756.photobucket.com/albums/xx207/ytuongquang1/Plus/BG.jpg) no-repeat center;height:30px;width:485px;}

.yuimenubar .bd ul.first-of-type #yui-gen0.yuimenubaritem-selected .yuimenubaritemlabel, .yuimenubarnav .yuimenubaritem-selected .yuimenubaritemlabel{background:transparent;}
.blog_dummyselect .bd div, .blog_dummyselect .bd, .yuimenu .bd {background:transparent url(http://i756.photobucket.com/albums/xx207/ytuongquang1/Plus/Untitled-2.jpg);}
.yuimenuitemlabel {color:#FFFFFF;}
.first-of-type a:hover{color:#FFFFFF;text-decoration:none;}
.first-of-type li:hover{background:transparent url(http://i756.photobucket.com/albums/xx207/ytuongquang1/Plus/HO.png);}
----------------------------------------------------
Các bạn thay các link ảnh bạn thích vào link ảnh trong code trên.
trong đó: http://i756.photobucket.com/albums/xx207/ytuongquang1/Plus/HO.png là ảnh khi đưa chuột tới menu.


  http://i756.photobucket.com/albums/xx207/ytuongquang1/Plus/Untitled-2.jpg    là ảnh nền menu xổ xuống


 http://i756.photobucket.com/albums/xx207/ytuongquang1/Plus/BG.jpg  là ảnh nền ngang của menu chính.


Bài hướng dẫn đã hết, các bạn nên vào đây để chọn lấy những bộ menu phù hợp với tông màu blog của bạn nha:
http://vn.360plus.yahoo.com/ytuongquang/article?mid=1430

Nhớ ghi tác giả bài viết nếu copy: ytuongquang.tk

Nếu bạn gặp khó khăn về ngoại ngữ hãy coppy tên try cập ( link ) của trang hoặc đoạn văn bản cần dịch dán vào trang Google dich . Xin cảm ơn các bạn đã ủng hộ chúng tôi !

Đang load dữ liệu...

0 nhận xét:

LinkWithin

Thống kê web
Related Posts with Thumbnails