Giải pháp tối ưu để giải quyết là: Trang bị cho web, blog một thanh menu cố định (sticky menu).
Thế nào là menu cố định?
Menu cố định cũng là một thanh menu ngang thông thường, nhưng được hiển thị cố định trên đầu web, blog - ngay dưới thanh điều khiển của trình duyệt. Khi cuộn trang, menu này không biến mất.Cách cài đặt:
1. Đăng nhập vào blog:
- Chèn đoạn code trong khung dưới đây vào trước thẻ ]]></b:skin>
/* CAOCONGKIEN MENU */
#caocongkien_menu{background-color:#3173f1;height:34px;width:100%;min-width:960px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-top:0 solid #9932CC;height:34px;width:100%;min-width:960;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:2px solid #9932cc;}
#caocongkien_menu ul{list-style:none;margin:auto;width:960px}
#caocongkien_menu ul li{float:left;}
#caocongkien_menu ul li a{line-height:34px;padding:0 15px;color:#f0e8e5;font-size:12px;font-family:Arial;text-shadow:0px -1px 0px
#0f669f;display:block;text-decoration:none;border-right: 1px solid #1470ad;border-left:1px solid #2a88c6;}
#caocongkien_menu ul li a:hover{background-color:rgba(255,255,255,0.125);color:yellow;}
<div id='caocongkien_menu'> <ul> <li style='border-left:1px solid rgba(30, 30, 30, 0.125);'><a href='/'><img alt='Home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkHSOBuqi7gCqu3u9HH8AUvLrrauviw3ibjMvR3NgOXJF6nzMmRF8e6xyh28VEFY_WduJUJDtzK61_XjDRWm9lJDXO0MgmZZTH58WtlY5mPPrDBDbCIFNkOBioEmyWUwAEcV7Gq4Yv4hE/s1600/home_icon.gif' style='padding:0px;'/></a></li> <li><a href='LINK'>Tên menu 1</a></li> <li><a href='LINK'>Tên menu 2</a></li> <li><a href='LINK'>Tên menu 3</a></li> <li><a href='LINK'>Tên menu 4</a></li> <li><a href='LINK'>Tên menu 5</a></li> <li><a href='LINK'>Tên menu 6</a></li> <li><a href='LINK'>Tên menu 7</a></li> <li><a href='LINK'>Tên menu 8</a></li> </ul>
</div>
- Bấm "Lưu" tiện ích vừa tạo và bấm "Lưu sắp xếp" - nếu di chuyển tiện ích và cuối cùng trở lại trang chủ xem kết quả.
0 comments:
Post a Comment