Friday, December 25, 2009

0 Tạo thanh menu trượt cho Blogger (Blogspot)

Tin scandal-9x ! Chup len Quay len - Sock [TeenXinh.Blogspot.Com]



 

Không biết các bạn đã biết tới thanh menu trượt này chưa , nhưng mình cảm thấy nó rất tuyệt , có vẻ làm cho blog nhìn chuyên nghiệp hơn . Chính vì vậy mà hôm nay , mình xin hướng dẫn các bạn làm thanh menu trượt này.
Đầu tiên , các bạn hãy vào Trình bày (Layout) , chọn tab Chỉnh sửa HTML và không chọn Mở rộng Mẫu tiện ích nhé !
Như thường lệ , việc đầu tiên các bạn cần làm là lưu lại templates trước. Sau khi hoàn tất các công đoạn trên , các bạn tìm code sau
]]>
và thêm ngay trước nó đoạn code tiếp theo
.fixed_menu {
position: fixed;
top: 140px;
left: 0px;
width: auto;
margin: 0 0px 0px 0px;
background: #ffffff;
opacity:.900;
filter: alpha(opacity=90);
padding: 7px 5px 5px 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
}
.fixed_menu a:hover img {
position: relative;
top: 2px;
left: 2px;
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
}
.fixed_menu a { display: block; }
* html .fixed_menu {position:absolute;}
Các bạn hoàn tất rồi chứ ? Giờ , tìm đoạn code và thêm vào đoạn code tiếp theo bên dưới










Vậy là xong rồi đấy , các bạn chỉ cần chỉnh lại phần chữ đỏ theo ý của mình. Lưu lại templates và thưởng thức thành quả . Nếu muốn , các bạn có thể xem ví dụ tại đây




Tin scandal-Sock [Thực hiện: Teenxinh'blog ]


0 comments:

Feeds Comments