Thay nền Menu blog Plus








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(https://2img.net/h/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(https://2img.net/h/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 .topmenu { background:url("https://2img.net/h/i756.photobucket.com/albums/xx207/ytuongquang1/Plus/BG.jpg") repeat scroll 0 0 transparent; 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(https://2img.net/h/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(https://2img.net/h/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 đó: https://2img.net/h/i756.photobucket.com/albums/xx207/ytuongquang1/Plus/HO.png
là ảnh khi đưa chuột tới menu.



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


https://2img.net/h/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