Note: Chào mừng bạn đến với Thư Viện Mở. Hãy Đăng ký thành viên hoặc Đăng nhập để có thể tham gia cùng Thư Viện Mở nhé !

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Admin
Admin
  • Admin

demo: Menu dọc xổ xuống dạng thư mục từ Jquery style 2   Menu-doc-xo-xuong-dang-cay-thu-muc-namkna-blogspot-com-style-2-1

css:
Code:
.button {border:1px solid #055;border-radius:3px;box-shadow:0 1px rgba(255,255,255,0.3) inset;background:#41A317;color:#FFFF00 !important;text-decoration:none !important}
a.button:hover,.submit.button:hover{border:1px solid #222;background:#810541}
.button.medium{padding:5px 10px;font-size:12px}
.button.big{padding:10px 20px;font-size:14px}
div.sdmenu {
 width: 200px;
 font-family: Arial, sans-serif;
 font-size: 12px;
 padding-bottom: 10px;
 background: url(https://lh5.googleusercontent.com/-o3Q75YToTiU/T5NaWbuUWFI/AAAAAAAABOE/iZlrVfSjmAY/h120/bottom-menu-doc-namkna-blogspot.gif) no-repeat  right bottom;
 color: #fff;
}
div.sdmenu div {
 background: url(http://1.bp.blogspot.com/-EIWl0LH5GGU/T3bNnVSveXI/AAAAAAAAAyM/3ify3MKYCm8/s1600/menu1-namkna-blogspot-com.gif) repeat-x;
 overflow: hidden;
}
div.sdmenu div:first-child {
 background: url(http://1.bp.blogspot.com/-EIWl0LH5GGU/T3bNnVSveXI/AAAAAAAAAyM/3ify3MKYCm8/s1600/menu1-namkna-blogspot-com.gif) no-repeat;
}
div.sdmenu div.collapsed {
 height: 30px;
}
div.sdmenu div span {
 display: block;
 padding: 8px 30px;
 font-weight: bold;
 color: white;
 background: url(expanded.gif) no-repeat 10px center;
 cursor: default;
 border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
 background-image: url(collapsed.gif);
}
div.sdmenu div a {
 padding: 8px 30px;
 background: #eee;
 display: block;
 border-bottom: 1px solid #ddd;
 color: #066;
}
div.sdmenu div a.current {
 background : #ccc;
}
div.sdmenu div a:hover {
 background : #066 url(http://1.bp.blogspot.com/-EIWl0LH5GGU/T3bNnVSveXI/AAAAAAAAAyM/3ify3MKYCm8/s1600/menu1-namkna-blogspot-com.gif) 0 -32px;
 color: #fff;
 text-decoration: none;
}

 

ĐOẠN HTML JAVASRIP



Trong đo:
Thay các dấu thăng màu đỏ thành URL (địa chỉ) liên kết tới bài viết, nhãn, trang của bạn.
Thay các phần màu xanh thành tên của các bài viết, nhãn, trang của bạn/
Bạn hãy tải file sdmenu.js và Upload lên Google code hoặc Dropbox để sử dụng lâu dài.


cadilackid
  • Thành Viên

reply

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Create a forum on Forumotion | ©phpBB | Free forum support | Báo cáo lạm dụng | Cookies | Thảo luận mới nhất