23 tháng 6, 2012

Tổng hợp Menu dọc cho nhãn, trang đặt ở Siderbar

Tạo Menu dọc cho nhãn, trang đặt ở Siderbar
Mặc định các nhãn, trang của Blogspot được hiển thị rất đơn điệu, nếu bạn muốn các nhãn hiển thị được đẹp hơn, bạn có thể tạo menu dọc cho nó, để tạo menu dọc các bạn phải dán code vào mã nguồn và một vào HTML/Javacrip.

» Bắt đầu thủ thuật

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
:
<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>
Mẫu 1:



 
Mã CSS
#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/AVvXsEgc6Kw5UqVP_mDq3ZxmkJC_Oz78FFvq720A_BbsD8QaD8X5c7ff_skF_FYy-AYDAgKBIe2Img-TVwk1uAex5YClvKfq9K0aviLI5ge-jhRUlA2oV77mYnvyTeop69FfbVXTekq7CoBvmyCk/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/AVvXsEgc6Kw5UqVP_mDq3ZxmkJC_Oz78FFvq720A_BbsD8QaD8X5c7ff_skF_FYy-AYDAgKBIe2Img-TVwk1uAex5YClvKfq9K0aviLI5ge-jhRUlA2oV77mYnvyTeop69FfbVXTekq7CoBvmyCk/s1600/menu1-namkna-blogspot-com.gif)  0 -32px; padding: 8px 0 0 35px; } 
Mẫu 2:
CSS:
#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/AVvXsEg4B8Rd43UPrXXMdQu3hSUk3_wKwq2KgM9QlylVE-NHJWrSsa3L6IATWb9fQxJgjD4DJ1VSLaqmqouA94Ui41tKw4cQft-sOcnywdpx7mKKjCVpYSg1UAi-o_7KUzbG9lcnjvQFkvr9h09b/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/AVvXsEg4B8Rd43UPrXXMdQu3hSUk3_wKwq2KgM9QlylVE-NHJWrSsa3L6IATWb9fQxJgjD4DJ1VSLaqmqouA94Ui41tKw4cQft-sOcnywdpx7mKKjCVpYSg1UAi-o_7KUzbG9lcnjvQFkvr9h09b/s320/menu2-namkna-blogspot-com.gif)  0 -32px; padding: 8px 0 0 10px; }
Mẫu 3:
CSS
#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/AVvXsEiYkZkApfJu9uGxWoc-jNbhhmtxrfEKzEBKNeBOJyK4MCM_mLv_oL9EiJ3Q3IlfKQlFg8Go788vq_DlwbT3Sm8S3DKdDrLDPlkccBEc3YEoxPK4-VXeDDdHIg7HcExkLlKGdE7cnmn-McTn/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/AVvXsEiYkZkApfJu9uGxWoc-jNbhhmtxrfEKzEBKNeBOJyK4MCM_mLv_oL9EiJ3Q3IlfKQlFg8Go788vq_DlwbT3Sm8S3DKdDrLDPlkccBEc3YEoxPK4-VXeDDdHIg7HcExkLlKGdE7cnmn-McTn/s320/menu3-namkna-blogspot-com.gif)  0 -32px; padding: 8px 0 0 20px; } 
Mẫu 4:
CSS
#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/AVvXsEhlGYIo9P2MWMk6m5jhojhI1nOczsIj3UGVxabbvBHIpGVdpdOm52p2ek4cpNImF86McstED_lWFlM2WU5TVVOnrswMUB243aUFNQNjQ5AIDsJRe1nLiOrSQcy2Cn2hpbi5YW_UxL_nHl4H/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/AVvXsEhlGYIo9P2MWMk6m5jhojhI1nOczsIj3UGVxabbvBHIpGVdpdOm52p2ek4cpNImF86McstED_lWFlM2WU5TVVOnrswMUB243aUFNQNjQ5AIDsJRe1nLiOrSQcy2Cn2hpbi5YW_UxL_nHl4H/s320/menu4-namkna-blogspot-com.gif)  0 -32px; padding: 8px 0 0 30px; }
Mẫu 5:
CSS:
#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/AVvXsEiFh2tsDF7QadJc_whoJ8fNHwkll6MPmueM9o1XiVzpLRKmloKwEBt71VULwt4Sp9hBopJJcj4DT9tjJcIKwVGYiKrxg_EEJoozWfYFvwGx9s3d1pwdb8Lr3Bu1zJfd7xqztbU6Ds2Or-kC/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/AVvXsEiFh2tsDF7QadJc_whoJ8fNHwkll6MPmueM9o1XiVzpLRKmloKwEBt71VULwt4Sp9hBopJJcj4DT9tjJcIKwVGYiKrxg_EEJoozWfYFvwGx9s3d1pwdb8Lr3Bu1zJfd7xqztbU6Ds2Or-kC/s320/menu5-namkna-blogspot-com.gif);  padding: 8px 0 0 10px; } 
Mẫu 6:
CSS:
#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/AVvXsEgtA4dfqdKty-XumDPkM6J7iReIsGmrn9JLkG4c4LwZNIa5bQa716ML9wY-Hhi0zsjniIyz7a7K_iyPWJfs3p6Xynm_rVXNgH1DJtowpbjqp7JdKP-JtnFMx-MH7ujxwhaYgCYbaA3U6QHt/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/AVvXsEgtA4dfqdKty-XumDPkM6J7iReIsGmrn9JLkG4c4LwZNIa5bQa716ML9wY-Hhi0zsjniIyz7a7K_iyPWJfs3p6Xynm_rVXNgH1DJtowpbjqp7JdKP-JtnFMx-MH7ujxwhaYgCYbaA3U6QHt/s1600/menu6-namkna-blogspot-com.gif)  0 -32px; padding: 8px 0 0 30px; } 
Mẫu 7:
CSS
#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/AVvXsEggzLpF7M0itdiJZnAkUwRzL7gM_e3lKyalz0VZ8QUTcrR0AqnWa9Ba9iTzS2lqtL9toBN2iNwNgHdicucSBRhjlPWTaUVeTgT8AdzlEFvqdi9CWvjVRb3XH9RzCx2udr8DYzbSyCaqc10z/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/AVvXsEggzLpF7M0itdiJZnAkUwRzL7gM_e3lKyalz0VZ8QUTcrR0AqnWa9Ba9iTzS2lqtL9toBN2iNwNgHdicucSBRhjlPWTaUVeTgT8AdzlEFvqdi9CWvjVRb3XH9RzCx2udr8DYzbSyCaqc10z/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/AVvXsEggzLpF7M0itdiJZnAkUwRzL7gM_e3lKyalz0VZ8QUTcrR0AqnWa9Ba9iTzS2lqtL9toBN2iNwNgHdicucSBRhjlPWTaUVeTgT8AdzlEFvqdi9CWvjVRb3XH9RzCx2udr8DYzbSyCaqc10z/s320/menu7-namkna-blogspot-com.gif)  0 -64px; padding: 8px 0 0 10px; } 
Mẫu 8:
CSS:
#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/AVvXsEiWhO6K6LO8lGyxFcOZUY-BoKFWiSCS8Xycv3PNh-_cfmVTC7eAEzygAzKAkyDncGP-cpm7SdO0JgROsntwPzE-Km8Nlit5JM34RagEbFkuLbPokoZNcAAIZQFmdiJvOSOX8iSn9_yM61Oj/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/AVvXsEiWhO6K6LO8lGyxFcOZUY-BoKFWiSCS8Xycv3PNh-_cfmVTC7eAEzygAzKAkyDncGP-cpm7SdO0JgROsntwPzE-Km8Nlit5JM34RagEbFkuLbPokoZNcAAIZQFmdiJvOSOX8iSn9_yM61Oj/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/AVvXsEiWhO6K6LO8lGyxFcOZUY-BoKFWiSCS8Xycv3PNh-_cfmVTC7eAEzygAzKAkyDncGP-cpm7SdO0JgROsntwPzE-Km8Nlit5JM34RagEbFkuLbPokoZNcAAIZQFmdiJvOSOX8iSn9_yM61Oj/s320/menu8-namkna-blogspot.gif)  0 -64px; padding: 8px 0 0 10px; } 
Mẫu 9:
CSS:
#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/AVvXsEgZMuZDicUjTLHh3hraprb775Psz-m0r9SB_wcYShk_R7bzWLekQAQu9ogIc8o0iG9lacNiYxQeTZkVMzgeIh9jAWiqLdrCPFthMXSwZIj5EIRBH7BMSh5twjbnrhcXq80cSqW05Nesn6w1/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/AVvXsEgZMuZDicUjTLHh3hraprb775Psz-m0r9SB_wcYShk_R7bzWLekQAQu9ogIc8o0iG9lacNiYxQeTZkVMzgeIh9jAWiqLdrCPFthMXSwZIj5EIRBH7BMSh5twjbnrhcXq80cSqW05Nesn6w1/s320/menu9-namkna-blogspot.gif)  0 -32px; padding: 10px 0 0 35px; }  
Mẫu 10:
CSS:
#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/AVvXsEjEpET6K6Zt_1F2_Pnr922l2ZzZsX0LIL9fQaR1xw7lxL7UnUAFT50FV79c1vsCnCeAOCa1shVryTgMd8taOyHYgKb-6RRH4f3E7API1fWjBiydL-ZYJmFCVOBH0KO9EdRNUiAUDN-dyz_L/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/AVvXsEjEpET6K6Zt_1F2_Pnr922l2ZzZsX0LIL9fQaR1xw7lxL7UnUAFT50FV79c1vsCnCeAOCa1shVryTgMd8taOyHYgKb-6RRH4f3E7API1fWjBiydL-ZYJmFCVOBH0KO9EdRNUiAUDN-dyz_L/s320/menu10-namkna-blogspot.gif)  0 -32px; padding: 8px 0 0 10px; } 
Mẫu 11:

CSS:
#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/AVvXsEgldKyCBiQ03YZEkTzsaJdkRkwTQl4BnA2teMDAc57Aqnc77aplCO-4w5Iw0zqCrMjNSefAU-UvSuyuTPr_GTBZeC24Lay7tRdAoCDyMkvO9cX3baT1pCi1VgkIBEdZWIBWd21l7PArjXw8/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/AVvXsEgldKyCBiQ03YZEkTzsaJdkRkwTQl4BnA2teMDAc57Aqnc77aplCO-4w5Iw0zqCrMjNSefAU-UvSuyuTPr_GTBZeC24Lay7tRdAoCDyMkvO9cX3baT1pCi1VgkIBEdZWIBWd21l7PArjXw8/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/AVvXsEgldKyCBiQ03YZEkTzsaJdkRkwTQl4BnA2teMDAc57Aqnc77aplCO-4w5Iw0zqCrMjNSefAU-UvSuyuTPr_GTBZeC24Lay7tRdAoCDyMkvO9cX3baT1pCi1VgkIBEdZWIBWd21l7PArjXw8/s1600/menu11-namkna-blogspot.gif)  0 -64px; padding: 8px 0 0 30px; } 

Mẫu 12:

CSS:
#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/AVvXsEibNY5GBl-AcyNeqE5Rn9JSE62zzmSlE_oEpxjCm8c_fCcnx20NK8QxHtfMTIi8u8-bb2lXZOdakqwgG5gAO2h8ws2JGxn-77dGg4QVL9oXj73D8w4oOUuMyq7QRm0tlQDn6qIbiFjqPaHL/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/AVvXsEibNY5GBl-AcyNeqE5Rn9JSE62zzmSlE_oEpxjCm8c_fCcnx20NK8QxHtfMTIi8u8-bb2lXZOdakqwgG5gAO2h8ws2JGxn-77dGg4QVL9oXj73D8w4oOUuMyq7QRm0tlQDn6qIbiFjqPaHL/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/AVvXsEibNY5GBl-AcyNeqE5Rn9JSE62zzmSlE_oEpxjCm8c_fCcnx20NK8QxHtfMTIi8u8-bb2lXZOdakqwgG5gAO2h8ws2JGxn-77dGg4QVL9oXj73D8w4oOUuMyq7QRm0tlQDn6qIbiFjqPaHL/s1600/menu12-namkna-blogspot.gif)  0 -64px; padding: 8px 0 0 25px; } 
Mẫu 13:
 CSS:
#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/AVvXsEhkPWSS73Ytx3BP7nstCz-dZCbGWCcsHRmB9W5axeIEowoGsHe_oSvzl-41O3VxiL_DuGKPjiUo_6yM9_PjYZMneQszIhIz71F21eO3HmgM9D9CNl1-FdooVE79IOfNh7FCbHv5BD3qy7wy/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/AVvXsEhkPWSS73Ytx3BP7nstCz-dZCbGWCcsHRmB9W5axeIEowoGsHe_oSvzl-41O3VxiL_DuGKPjiUo_6yM9_PjYZMneQszIhIz71F21eO3HmgM9D9CNl1-FdooVE79IOfNh7FCbHv5BD3qy7wy/s1600/menu13-namkna-blogspot.gif)  0 -32px; padding: 8px 0 0 20px; }  
Mẫu 14:
#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/AVvXsEhVPrLnt9AoyP6Q-ojCKIy5MfmPBA43sJzwygA0IVXX86CroB7UDAU6iyf4dvG7sZBqNLOJVzkHYA7U6soMVnGvQXHpyh5CEdi4QVfQts9j5xA7Yp2oLGplwy1e7W4MmM0l9xqkexUsOwk/s800/menu1.gif);  padding: 8px 0 0 10px; } 
#menulaber li a:hover { color: #FFF; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVPrLnt9AoyP6Q-ojCKIy5MfmPBA43sJzwygA0IVXX86CroB7UDAU6iyf4dvG7sZBqNLOJVzkHYA7U6soMVnGvQXHpyh5CEdi4QVfQts9j5xA7Yp2oLGplwy1e7W4MmM0l9xqkexUsOwk/s800/menu1.gif)  0 -32px; padding: 8px 0 0 10px; } 
Mẫu 16:
#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/AVvXsEiu57daYmh82nlXBbyxK6onvp7X-IbnSl5N4fbSqCuYRLopzK5I8-04nhPqtDqG630IXsfuHP9MC_VY8kp_5HL0xA3sCnp1SqZWWvIqLgOQYlLzpTK3NJCTNb0GPriZb6lRvtaUolU06dc/s800/menu3.gif);  padding: 8px 0 0 10px; } 
#menulaber li a:hover { color: #627EB7;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu57daYmh82nlXBbyxK6onvp7X-IbnSl5N4fbSqCuYRLopzK5I8-04nhPqtDqG630IXsfuHP9MC_VY8kp_5HL0xA3sCnp1SqZWWvIqLgOQYlLzpTK3NJCTNb0GPriZb6lRvtaUolU06dc/s800/menu3.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: #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/AVvXsEh1JsUDlc0oWi25XWEY200PKYSzUugO1C3C0_p3GeoMnMu5PJoKsnhybs0QNe-4iARCdRAJsDqyHYhS0lqqRROZCIBCf_uF4T4Vh5eEZFLhkMhXuejF2R8b3OgyRDB8sXRrb2MvUAVVFVA/s400/menu11.gif);  padding: 8px 0 0 25px; } 
#menulaber li a:hover { color: #889944;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1JsUDlc0oWi25XWEY200PKYSzUugO1C3C0_p3GeoMnMu5PJoKsnhybs0QNe-4iARCdRAJsDqyHYhS0lqqRROZCIBCf_uF4T4Vh5eEZFLhkMhXuejF2R8b3OgyRDB8sXRrb2MvUAVVFVA/s400/menu11.gif)  0 -32px; padding: 8px 0 0 27px; } 
Mẫu 19:
#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 20:
#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/AVvXsEhcPkSqS9PCUCJ_hbj5FNC6eqRVBgrX866z21FdX1D5arExCjHFy6RD-w0n1wGRYEUgrnG8uGbZRquJvEP1HlQXEM_biLZM886evuZ1bggPok0g5b_SWJi8zPtcCsYzWCKs5BnLhwX7Wy8/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/AVvXsEhcPkSqS9PCUCJ_hbj5FNC6eqRVBgrX866z21FdX1D5arExCjHFy6RD-w0n1wGRYEUgrnG8uGbZRquJvEP1HlQXEM_biLZM886evuZ1bggPok0g5b_SWJi8zPtcCsYzWCKs5BnLhwX7Wy8/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/AVvXsEhcPkSqS9PCUCJ_hbj5FNC6eqRVBgrX866z21FdX1D5arExCjHFy6RD-w0n1wGRYEUgrnG8uGbZRquJvEP1HlQXEM_biLZM886evuZ1bggPok0g5b_SWJi8zPtcCsYzWCKs5BnLhwX7Wy8/s800/menu1.gif)  0 -64px; padding: 8px 0 0 10px; } 
Mẫu 21:
#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/AVvXsEhYKsHgLt3UDi6zVHLoUDZUyX5HaaOC4Ys_dcSREP21tz-7fSViy75ZMvK3ch_SaBzhtveg2SLGNr4obkDBl2CHYLgr0tiRUBGztqbNWikCe9l81v5gKVJGq_vG-JLcK5HJTaRqt5qXUg4/s800/menu2.gif);  padding: 8px 0 0 30px; } 
#menulaber li a:hover { color: #3688BA;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYKsHgLt3UDi6zVHLoUDZUyX5HaaOC4Ys_dcSREP21tz-7fSViy75ZMvK3ch_SaBzhtveg2SLGNr4obkDBl2CHYLgr0tiRUBGztqbNWikCe9l81v5gKVJGq_vG-JLcK5HJTaRqt5qXUg4/s800/menu2.gif)  0 -32px; padding: 8px 0 0 32px; } 
Mẫu 22:
#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/AVvXsEgQq1CpPJFvfMifQQBxql7LJyMy4agZqShzJFlmiYUdOvxOJGVAbSmfpmFi-0U8MxR0ka8iLy1m-jtZj7PVl3tYxJy0ck1JuFzJS5LG9BAdhroIjS66svpsUKOpCIyGVHmZ12VMfuJ1u_4/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/AVvXsEgQq1CpPJFvfMifQQBxql7LJyMy4agZqShzJFlmiYUdOvxOJGVAbSmfpmFi-0U8MxR0ka8iLy1m-jtZj7PVl3tYxJy0ck1JuFzJS5LG9BAdhroIjS66svpsUKOpCIyGVHmZ12VMfuJ1u_4/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/AVvXsEgQq1CpPJFvfMifQQBxql7LJyMy4agZqShzJFlmiYUdOvxOJGVAbSmfpmFi-0U8MxR0ka8iLy1m-jtZj7PVl3tYxJy0ck1JuFzJS5LG9BAdhroIjS66svpsUKOpCIyGVHmZ12VMfuJ1u_4/s800/menu5.gif)  0 -64px; padding: 8px 25px 0 10px; text-align: right; } 
Mẫu 23:
#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/AVvXsEiDb8LoKDlt5JVOOKpDvHy2bbWMSdklSBxx8Mxii2c3Zm9D8Ap4VKkucVavEWzsqUy4m3xtD7udyUhsIPEePErm8P8zWsG0yFLbncc9Wh0-CN-1BR32li8tqxuZlYAVkqFbPnqP-Fqh19Q/s800/menu5.gif);  padding: 8px 0 0 10px; } 
#menulaber li a:hover { color: #FFF; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDb8LoKDlt5JVOOKpDvHy2bbWMSdklSBxx8Mxii2c3Zm9D8Ap4VKkucVavEWzsqUy4m3xtD7udyUhsIPEePErm8P8zWsG0yFLbncc9Wh0-CN-1BR32li8tqxuZlYAVkqFbPnqP-Fqh19Q/s800/menu5.gif)  0 -32px; padding: 8px 0 0 10px; } 
Mẫu 24:
#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/AVvXsEi1aLixVO0CPaps-jPwf5ZdpZAKzEXLpa7zeNP0U_VP3hVO01GFcmjoxN7CfJYYdKLSeBG-ZoKvuO_doIPXdnYSyC8qB6eYlvaQg3jTUzCU4Vu0BT8jJeAPpqENq6Ccr4e-jx92l9vGkoo/s800/menu4.gif);  padding: 8px 0 0 10px; } 
#menulaber li a:hover { color: #FFF; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1aLixVO0CPaps-jPwf5ZdpZAKzEXLpa7zeNP0U_VP3hVO01GFcmjoxN7CfJYYdKLSeBG-ZoKvuO_doIPXdnYSyC8qB6eYlvaQg3jTUzCU4Vu0BT8jJeAPpqENq6Ccr4e-jx92l9vGkoo/s800/menu4.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; }
#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/AVvXsEj6lg2LTIXcQ9wyfP1G6X9XTIb4qpCBqSs5L3AbReXImLhNp_hc1mfErx8wuECSf8nBbMJpcxL7t40rNASLyO0Jh5ijfqYgljxsfAmxeOaxRBS18GjhrSPuwwKRvZGWLNGiaeiAhiRu5W8/s800/menu10.gif);  padding: 8px 0 0 10px; }
#menulaber li a:hover { color: #FF9834;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6lg2LTIXcQ9wyfP1G6X9XTIb4qpCBqSs5L3AbReXImLhNp_hc1mfErx8wuECSf8nBbMJpcxL7t40rNASLyO0Jh5ijfqYgljxsfAmxeOaxRBS18GjhrSPuwwKRvZGWLNGiaeiAhiRu5W8/s800/menu10.gif)  0 -32px; padding: 8px 0 0 10px; } 

0 nhận xét:

Đăng nhận xét

Support : Guide | Blogspot Tips | Television | IDM | Software Free | Site Map | Back Link | Contact | ↑ back to top
Ghi rõ nguồn kynangblog.blogspot.com khi phát hành lại thông tin từ trang này
Copyright © 2011. KỸ NĂNG BLOG - All Rights Reserved
Design by KyNangBlog Edit Ky nang blog
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Six million kynangblog template byKyNangBlog
Blogger Gadgets