1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn Phần tử trang
4. Chọn Thêm tiện ích (Add Widgrt) - thêm 1 tiện ích HTML/Javarscrip.
5. Dán đoạn code bên dưới vào:
2. Vào phần thiết kế (Design)
3. Chọn Phần tử trang
4. Chọn Thêm tiện ích (Add Widgrt) - thêm 1 tiện ích HTML/Javarscrip.
5. Dán đoạn code bên dưới vào:
<div id="menulaber">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link 5</a></li>
</ul>
</div>
6. Lưu tiện ích lại.
7. Tiếp theo các bạn định dạng CSS cho các menu của các bạn bằng cách:
- Chọn Thiết Kế
- Chọn Chỉnh sử HTML
- Dưới đây là 25 mẫu nếu thích mẫu nào thì các bạn Copy đoạn CSS đó và dán vào trước thẻ ]]></b:skin>
CSS
Mẫu 2:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; } #menulaber { width: 200px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv5pTyMd9CuFCjVhiUIsZ2ruUhSfYza9HuZpNKRtSFxTIgP31eIAtsToFNbZkvkRx5DtCdwtpkVVLMqN7KlqB484R7sMVt2gweI12tsslgV_k2cdA4WSJc1qtEBN7dttWbj-TTOuyO42kv/s1600/menu1-namkna-blogspot-com.gif); padding: 8px 0 0 35px; }
#menulaber li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv5pTyMd9CuFCjVhiUIsZ2ruUhSfYza9HuZpNKRtSFxTIgP31eIAtsToFNbZkvkRx5DtCdwtpkVVLMqN7KlqB484R7sMVt2gweI12tsslgV_k2cdA4WSJc1qtEBN7dttWbj-TTOuyO42kv/s1600/menu1-namkna-blogspot-com.gif) 0 -32px; padding: 8px 0 0 35px; }
CSS:
Mẫu 3:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #8D9179; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi10LiOvI1MtHlj7lEzCN0r8TjoYnouuVASqVWDg3VSZ0B-2VxLs3s7MWXygyA3-SrFfmYFXb7CjGjD_QvDb6GvVPe5_4PgaSCbeOjlwXXMBSO3xOT-m4qJLWaKl3ecf6vsLVkywCn-gsqj/s320/menu2-namkna-blogspot-com.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover, #menulaber li #current, #menulaber li a:active { color: #6C7250; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi10LiOvI1MtHlj7lEzCN0r8TjoYnouuVASqVWDg3VSZ0B-2VxLs3s7MWXygyA3-SrFfmYFXb7CjGjD_QvDb6GvVPe5_4PgaSCbeOjlwXXMBSO3xOT-m4qJLWaKl3ecf6vsLVkywCn-gsqj/s320/menu2-namkna-blogspot-com.gif) 0 -32px; padding: 8px 0 0 10px; }
CSS
Mẫu 4:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; }
#menulaber li a { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WPHzjAz-LNyxjl0q3m5JCMRIm30d9Ny3RdebdW0yWxrcBpnTr9dkUJA44GS14OV84gMI1898wouPA35zD5R48r6NHn9lbvleNPAvD8YN7jTOliBqbTekCi0-P9cc8D3kCDKa4lR4JA-D/s320/menu3-namkna-blogspot-com.gif); padding: 8px 0 0 20px; }
#menulaber li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WPHzjAz-LNyxjl0q3m5JCMRIm30d9Ny3RdebdW0yWxrcBpnTr9dkUJA44GS14OV84gMI1898wouPA35zD5R48r6NHn9lbvleNPAvD8YN7jTOliBqbTekCi0-P9cc8D3kCDKa4lR4JA-D/s320/menu3-namkna-blogspot-com.gif) 0 -32px; padding: 8px 0 0 20px; }
CSS
Mẫu 5:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; border: 1px solid #ccc; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #888; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49NP9QE8q6w4X7TXdADBeaN2iQL-KUercleLSy7Npt2_YRtaA7lOkfoAY_2qJLjunrmm11DITKTPi8O5hEGOPl59CPY7cjb5YQWu1fUZv9b2gC50qnYHbsUM-i1nVNVadyEeE5R_yDSRt/s320/menu4-namkna-blogspot-com.gif); padding: 8px 0 0 30px; }
#menulaber li a:hover, #menulaber li #current, #menulaber li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49NP9QE8q6w4X7TXdADBeaN2iQL-KUercleLSy7Npt2_YRtaA7lOkfoAY_2qJLjunrmm11DITKTPi8O5hEGOPl59CPY7cjb5YQWu1fUZv9b2gC50qnYHbsUM-i1nVNVadyEeE5R_yDSRt/s320/menu4-namkna-blogspot-com.gif) 0 -32px; padding: 8px 0 0 30px; }
CSS:
Mẫu 6:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; } #menulaber { width: 200px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWTGFJ7r8TtOsKwlgdvP7xL8_-x6xJtyRC2awS2zPGdJL-ARuPEKyOBPmTczKD3XLynidTzC0ERfSe1j31mafcGDZHU-AMZjimPyi8hYh7Je3jJMYqxKU7dRZvdynu-1WlJRGg2kisEZN2/s320/menu5-namkna-blogspot-com.gif) 0 -32px; padding: 8px 0 0 10px; }
#menulaber li a:hover { color: #333; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWTGFJ7r8TtOsKwlgdvP7xL8_-x6xJtyRC2awS2zPGdJL-ARuPEKyOBPmTczKD3XLynidTzC0ERfSe1j31mafcGDZHU-AMZjimPyi8hYh7Je3jJMYqxKU7dRZvdynu-1WlJRGg2kisEZN2/s320/menu5-namkna-blogspot-com.gif); padding: 8px 0 0 10px; }
CSS:
Mẫu 7:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; } #menulaber { width: 200px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxIDZcIoEhGtgewtSIm6MTZlfQ-PFmVLcgW_sI7DKct9ISUAQZQgwRgVcRBiF8XNMg25ZGuYXOGXiG6RFRRtK0YU4hho5NR-zExfz2SOZpTYNmPCUIKpiNL6w_iSod2MAnwyn69DjC12SG/s1600/menu6-namkna-blogspot-com.gif); padding: 8px 0 0 30px; }
#menulaber li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxIDZcIoEhGtgewtSIm6MTZlfQ-PFmVLcgW_sI7DKct9ISUAQZQgwRgVcRBiF8XNMg25ZGuYXOGXiG6RFRRtK0YU4hho5NR-zExfz2SOZpTYNmPCUIKpiNL6w_iSod2MAnwyn69DjC12SG/s1600/menu6-namkna-blogspot-com.gif) 0 -32px; padding: 8px 0 0 30px; }
CSS
Mẫu 8:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; } #menulaber { width: 200px; border-style: solid solid none solid; border-color: #677D92; border-size: 1px; border-width: 1px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMPFf9mgMqqYS-VWUfVBogf5Spgk49vbLvdCE2-mDGZicvcxwRf3AJ3RXiUsYAZScD2nZ_5OqPplksGbpz-ueszfE0s5FYHgULn8mabEayKt-b7x-0cNmKzUXSxyYbmyXp6H8MqzWJd0Xz/s320/menu7-namkna-blogspot-com.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover, #menulaber li #current { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMPFf9mgMqqYS-VWUfVBogf5Spgk49vbLvdCE2-mDGZicvcxwRf3AJ3RXiUsYAZScD2nZ_5OqPplksGbpz-ueszfE0s5FYHgULn8mabEayKt-b7x-0cNmKzUXSxyYbmyXp6H8MqzWJd0Xz/s320/menu7-namkna-blogspot-com.gif) 0 -32px; padding: 8px 0 0 10px; }
#menulaber li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMPFf9mgMqqYS-VWUfVBogf5Spgk49vbLvdCE2-mDGZicvcxwRf3AJ3RXiUsYAZScD2nZ_5OqPplksGbpz-ueszfE0s5FYHgULn8mabEayKt-b7x-0cNmKzUXSxyYbmyXp6H8MqzWJd0Xz/s320/menu7-namkna-blogspot-com.gif) 0 -64px; padding: 8px 0 0 10px; }
CSS:
Mẫu 9:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; } #menulaber { width: 200px; margin-top: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #E5E8D4; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiie3c4sgfrhNqONzUJBLdh6ZbzV5ZNKYZXMovJSOBC_cg3R05nWZdGI4M85pVswD_l5fvbMqw4r961dXsCtrrCT6SoCx-p_FhnDH-9Al7bQ85GoJzxPnylUNbMsVnOxpUnZXzshy_32brg/s320/menu8-namkna-blogspot.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover, #menulaber li #current { color: #725033; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiie3c4sgfrhNqONzUJBLdh6ZbzV5ZNKYZXMovJSOBC_cg3R05nWZdGI4M85pVswD_l5fvbMqw4r961dXsCtrrCT6SoCx-p_FhnDH-9Al7bQ85GoJzxPnylUNbMsVnOxpUnZXzshy_32brg/s320/menu8-namkna-blogspot.gif) 0 -32px; padding: 8px 0 0 10px; }
#menulaber li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiie3c4sgfrhNqONzUJBLdh6ZbzV5ZNKYZXMovJSOBC_cg3R05nWZdGI4M85pVswD_l5fvbMqw4r961dXsCtrrCT6SoCx-p_FhnDH-9Al7bQ85GoJzxPnylUNbMsVnOxpUnZXzshy_32brg/s320/menu8-namkna-blogspot.gif) 0 -64px; padding: 8px 0 0 10px; }
CSS:
Mẫu 10:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; } #menulaber { width: 200px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 22px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #666; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bkq6FY2Avs4V4mR3iqeHq5M7pmryzohOHBfXrKj7971fCahu9-lIjGkQo-4xIfPnmhxm2vmauGg7raQyyggeD0nvcQaQfLwv3dEiJZ5hWVDLCERG6872s-7O7GrWDTh2MTNtIEoR9FSe/s320/menu9-namkna-blogspot.gif); padding: 10px 0 0 35px; }
#menulaber li a:hover { color: #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bkq6FY2Avs4V4mR3iqeHq5M7pmryzohOHBfXrKj7971fCahu9-lIjGkQo-4xIfPnmhxm2vmauGg7raQyyggeD0nvcQaQfLwv3dEiJZ5hWVDLCERG6872s-7O7GrWDTh2MTNtIEoR9FSe/s320/menu9-namkna-blogspot.gif) 0 -32px; padding: 10px 0 0 35px; }
CSS:
Mẫu 11:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #C7377D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvALTG8WtX4kbdNhBz5Qoq9Gyf1NPBsL79HJ6zJSHYwizsFHv-fq16I4YXGr06SSSbv2dln63eS3snvBxa02zWpZfXCgB0v_W4jVxh6sUQLxP2JwpjVcRJLYFUYhz5gwmxqcbBEi2Lgrqg/s320/menu10-namkna-blogspot.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover { color: #C7377D; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvALTG8WtX4kbdNhBz5Qoq9Gyf1NPBsL79HJ6zJSHYwizsFHv-fq16I4YXGr06SSSbv2dln63eS3snvBxa02zWpZfXCgB0v_W4jVxh6sUQLxP2JwpjVcRJLYFUYhz5gwmxqcbBEi2Lgrqg/s320/menu10-namkna-blogspot.gif) 0 -32px; padding: 8px 0 0 10px; }
CSS:
Mẫu 12:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #9E3C02; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikQWpWYw2kuE0FmYsvDbBweUUw0OuSoWzO5qTGazJTlDFck6rLaKD_jRRZMKtZeEv5t6bMxMRLD21mwN-n8O6TdPlbs_LtAe5chGBBsibJnDvguh_G2RYNxpN2blMAgTYwdJ_I8xpjun-x/s1600/menu11-namkna-blogspot.gif); padding: 8px 0 0 30px; }
#menulaber li a:hover, #menulaber li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikQWpWYw2kuE0FmYsvDbBweUUw0OuSoWzO5qTGazJTlDFck6rLaKD_jRRZMKtZeEv5t6bMxMRLD21mwN-n8O6TdPlbs_LtAe5chGBBsibJnDvguh_G2RYNxpN2blMAgTYwdJ_I8xpjun-x/s1600/menu11-namkna-blogspot.gif) 0 -32px; padding: 8px 0 0 30px; }
#menulaber li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikQWpWYw2kuE0FmYsvDbBweUUw0OuSoWzO5qTGazJTlDFck6rLaKD_jRRZMKtZeEv5t6bMxMRLD21mwN-n8O6TdPlbs_LtAe5chGBBsibJnDvguh_G2RYNxpN2blMAgTYwdJ_I8xpjun-x/s1600/menu11-namkna-blogspot.gif) 0 -64px; padding: 8px 0 0 30px; }
CSS:
Mẫu 13:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin-top: 10px; }
#menulaber li a { text-decoration: none; height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; }
#menulaber li a:link, #menulaber li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcBY1AB1nj0LO5sYz8_mMGrVOedjb8nyI1qQ0MHjgRuT_JgPWVXKrWbfa36vRWuvVOMQKaw20nN2qSMHBmoWqwDxBeu5lY-yyG54xtmDUoUAn5Ir9h3juKStFRQZoHqm8xIxOPCEZ8bUZ/s1600/menu12-namkna-blogspot.gif); padding: 8px 0 0 20px; }
#menulaber li a:hover, #menulaber li #current { color: #257EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcBY1AB1nj0LO5sYz8_mMGrVOedjb8nyI1qQ0MHjgRuT_JgPWVXKrWbfa36vRWuvVOMQKaw20nN2qSMHBmoWqwDxBeu5lY-yyG54xtmDUoUAn5Ir9h3juKStFRQZoHqm8xIxOPCEZ8bUZ/s1600/menu12-namkna-blogspot.gif) 0 -32px; padding: 8px 0 0 25px; }
#menulaber li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcBY1AB1nj0LO5sYz8_mMGrVOedjb8nyI1qQ0MHjgRuT_JgPWVXKrWbfa36vRWuvVOMQKaw20nN2qSMHBmoWqwDxBeu5lY-yyG54xtmDUoUAn5Ir9h3juKStFRQZoHqm8xIxOPCEZ8bUZ/s1600/menu12-namkna-blogspot.gif) 0 -64px; padding: 8px 0 0 25px; }
CSS:
Mẫu 14:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; border-style: solid; border-color: #656556; border-size: 1px; border-width: 1px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #656556 ; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjze67l4kIMMggCIyvH8mDcX0uH2qPqKATcm-J57Yvl0kcA2GhJNohsblAOqig0wej2AFl9nCKxLp7Wu4L4055ybsZnAcVkMEs0f4AGjCefOcjqeJixaTdgDd-bVCHFGBdtdJvsI9oeDZOt/s1600/menu13-namkna-blogspot.gif) ; padding: 8px 0 0 20px; }
#menulaber li a:hover { color: #474739; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjze67l4kIMMggCIyvH8mDcX0uH2qPqKATcm-J57Yvl0kcA2GhJNohsblAOqig0wej2AFl9nCKxLp7Wu4L4055ybsZnAcVkMEs0f4AGjCefOcjqeJixaTdgDd-bVCHFGBdtdJvsI9oeDZOt/s1600/menu13-namkna-blogspot.gif) 0 -32px; padding: 8px 0 0 20px; }
Mẫu 16:#menulaber body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; }
#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #3D261D; border-size: 1px; border-width: 1px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menu1 li a:visited { color: #E4D6CD; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBRgiU8UMc-n1tTu-UnnO8z2tlgOfQhbxoPjv5m3TBgt5gkMFVFGjKRBxuWcAmQzxsIsFWA4DlGWpLxoibtWjhjbG7QHR6tEyENCUmGa-BGetdMAmbfwZk17UTrd2Y5dw6weZN8oth6Ig/s800/menu1.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBRgiU8UMc-n1tTu-UnnO8z2tlgOfQhbxoPjv5m3TBgt5gkMFVFGjKRBxuWcAmQzxsIsFWA4DlGWpLxoibtWjhjbG7QHR6tEyENCUmGa-BGetdMAmbfwZk17UTrd2Y5dw6weZN8oth6Ig/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; }
Mẫu 18:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #BCD2E6; border-size: 1px; border-width: 1px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #8BADCF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_eUQfrXPxkcdXnBsjIfPd8_wbjB548Bmg9hY1l5Tbt88BEIkrBLUY-1nBAWf70K_-jw_CkyF0am2-Mmoe8nM0-PGgyzAuQgWFYkbyvOQ_oTgnvbm5yRK8wHGtY0NgJ-UWNvZ3Xf_v1s/s800/menu3.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover { color: #627EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_eUQfrXPxkcdXnBsjIfPd8_wbjB548Bmg9hY1l5Tbt88BEIkrBLUY-1nBAWf70K_-jw_CkyF0am2-Mmoe8nM0-PGgyzAuQgWFYkbyvOQ_oTgnvbm5yRK8wHGtY0NgJ-UWNvZ3Xf_v1s/s800/menu3.gif) 0 -32px; padding: 8px 0 0 10px; }
Mẫu 19:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #889944; border-size: 1px; border-width: 1px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #889944; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fkPzQ9Fln1SRB4YW-24hzclc4RRoBr7XEt1dTaO8AtpoggYh7ospssiIKBN45sOk7hTosed3H25vdCMtMCohmU5pZU-XO82kAjGo8VhRFTl5w_mb4H7COd8Ddfb1iM1lDF-s2pihhJc/s400/menu11.gif); padding: 8px 0 0 25px; }
#menulaber li a:hover { color: #889944; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fkPzQ9Fln1SRB4YW-24hzclc4RRoBr7XEt1dTaO8AtpoggYh7ospssiIKBN45sOk7hTosed3H25vdCMtMCohmU5pZU-XO82kAjGo8VhRFTl5w_mb4H7COd8Ddfb1iM1lDF-s2pihhJc/s400/menu11.gif) 0 -32px; padding: 8px 0 0 27px; }
Mẫu 20:#menulaber { width: 20em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Tahoma, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/ font-size : 10px; background-color: #90bade; color: #333; }
#menulaber ul { list-style: none; margin: 0; padding: 0; border: none; }
#menulaber li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; }
#menulaber li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #menulaber li a { width: auto; } #button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }
#menulaber li #active { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }
Mẫu 21:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #5E7830; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqs-hHylRqmcymBE4_ZmJ4X-t5c2ox97DcqJYdtswC5a8V5W_pvjpKVbM6XwokMtkqS9X6nOyLVyozUgEtk_x9y3o41VOBO1ckjbu_NjJYntSZebDg2mIZUCdTEN3S3PkYFPQ6LmJtUhc/s800/menu1.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover, #menulaber li #current { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqs-hHylRqmcymBE4_ZmJ4X-t5c2ox97DcqJYdtswC5a8V5W_pvjpKVbM6XwokMtkqS9X6nOyLVyozUgEtk_x9y3o41VOBO1ckjbu_NjJYntSZebDg2mIZUCdTEN3S3PkYFPQ6LmJtUhc/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; }
#menulaber li a:active { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqs-hHylRqmcymBE4_ZmJ4X-t5c2ox97DcqJYdtswC5a8V5W_pvjpKVbM6XwokMtkqS9X6nOyLVyozUgEtk_x9y3o41VOBO1ckjbu_NjJYntSZebDg2mIZUCdTEN3S3PkYFPQ6LmJtUhc/s800/menu1.gif) 0 -64px; padding: 8px 0 0 10px; }
Mẫu 22:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #3688BA; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg94xhFdDgImu6mNU3Y6QKH208L7dAYbr_jAhgNXvyarDzZ7VVcFY59H-1B0tp7g0i4Gs6bq7KkSLXAGR8VrTRgr4O2U9MOtYM7l0cExdg_I4QDSCmhqi4OIHS3MIXxp3-2OVa4JNApRHU/s800/menu2.gif); padding: 8px 0 0 30px; }
#menulaber li a:hover { color: #3688BA; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg94xhFdDgImu6mNU3Y6QKH208L7dAYbr_jAhgNXvyarDzZ7VVcFY59H-1B0tp7g0i4Gs6bq7KkSLXAGR8VrTRgr4O2U9MOtYM7l0cExdg_I4QDSCmhqi4OIHS3MIXxp3-2OVa4JNApRHU/s800/menu2.gif) 0 -32px; padding: 8px 0 0 32px; }
Mẫu 23:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; border-style: none solid none solid; border-color: #D0D0D0; border-width: 1px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Mmx8nL-aQHkpcSAkTMNA2SqrsDw9QKCDD9zL4lbKN3aIiCzvr9AA4s7-FI-X0phg_cDkve76cjoFJSlJza1spdh88gbsimctpSrD-6ID8DYEFJONMjrSMXvIsAvMbouxIzzQJ3Zqi64/s800/menu5.gif); padding: 8px 25px 0 10px; text-align: right; }
#menulaber li a:hover, #menu5 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Mmx8nL-aQHkpcSAkTMNA2SqrsDw9QKCDD9zL4lbKN3aIiCzvr9AA4s7-FI-X0phg_cDkve76cjoFJSlJza1spdh88gbsimctpSrD-6ID8DYEFJONMjrSMXvIsAvMbouxIzzQJ3Zqi64/s800/menu5.gif) 0 -32px; padding: 8px 25px 0 10px; text-align: right; }
#menulaber li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Mmx8nL-aQHkpcSAkTMNA2SqrsDw9QKCDD9zL4lbKN3aIiCzvr9AA4s7-FI-X0phg_cDkve76cjoFJSlJza1spdh88gbsimctpSrD-6ID8DYEFJONMjrSMXvIsAvMbouxIzzQJ3Zqi64/s800/menu5.gif) 0 -64px; padding: 8px 25px 0 10px; text-align: right; }
Mẫu 24:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAZ5t-OCLrsC768sC0-YE1aMoJlYTWHV576eeuoCLX35pzXSFcNtMikGzdZnTvGFuEFL8nca6EvQsOGa6C0WRzivqdavKtytoqPlUv4XVxpQJQUhe-nZd36FD1Rtk-XsC9utQoGKQgHE/s800/menu5.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAZ5t-OCLrsC768sC0-YE1aMoJlYTWHV576eeuoCLX35pzXSFcNtMikGzdZnTvGFuEFL8nca6EvQsOGa6C0WRzivqdavKtytoqPlUv4XVxpQJQUhe-nZd36FD1Rtk-XsC9utQoGKQgHE/s800/menu5.gif) 0 -32px; padding: 8px 0 0 10px; }
Mẫu 25:#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #000; border-size: 1px; border-width: 1px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #CCC; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLcJ6rLZWz01SOfjE9wGfEIZ9k3LZUhkfgDaaGmzgTGX3vSwXV6lMsXWLhx3tnwxZZlorQgM6NPAqdGQ7npsFEdhrgvukvR8dox5A1LZKTXQKc9Mbk3G6pmz9c5BszygVU_F14c8o59lM/s800/menu4.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLcJ6rLZWz01SOfjE9wGfEIZ9k3LZUhkfgDaaGmzgTGX3vSwXV6lMsXWLhx3tnwxZZlorQgM6NPAqdGQ7npsFEdhrgvukvR8dox5A1LZKTXQKc9Mbk3G6pmz9c5BszygVU_F14c8o59lM/s800/menu4.gif) 0 -32px; padding: 8px 0 0 10px; }
#menulaber ul { list-style: none; margin: 0; padding: 0; }
#menulaber img { border: none; }
#menulaber { width: 200px; margin: 10px; }
#menulaber li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; }
#menulaber li a:link, #menulaber li a:visited { color: #4D4D4D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ZRa1_U_Gn6_xStu0GPzpRAy8W6L6VozMbieLYINzxdI3OBjmqujY9xyDVnSvrM7TDLpPwsIMOl_P5rOweVMwc1eGjdR5TVefi1Q8Out3B0W0FgS7S6wZsF6kyGxxwvu5ow8e9n7V1vo/s800/menu10.gif); padding: 8px 0 0 10px; }
#menulaber li a:hover { color: #FF9834; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ZRa1_U_Gn6_xStu0GPzpRAy8W6L6VozMbieLYINzxdI3OBjmqujY9xyDVnSvrM7TDLpPwsIMOl_P5rOweVMwc1eGjdR5TVefi1Q8Out3B0W0FgS7S6wZsF6kyGxxwvu5ow8e9n7V1vo/s800/menu10.gif) 0 -32px; padding: 8px 0 0 10px; }
0 nhận xét:
Đăng nhận xét