Hôm nay Chip giới thiệu cho anh em làng blogspot thủ thuật tạo Menu ngang với hiệu ứng ảnh viền rất đẹp,lại rất tiện sử dụng,anh em chỉ việc tạo 1 Widget sau đó Copy đợn code bên dưới và Paste vào là xong.Nhanh không?
<table border="1" bgcolor="#0F4525" align="center">
<tbody>
<tr>
<td>
<div style="BORDER-BOTTOM:transparent 2px solid;BORDER-LEFT:transparent 2px solid;BORDER-TOP:transparent 2px solid;BORDER-RIGHT:transparent 2px solid;">
<div style="BORDER-BOTTOM:#ffffff 3px inset;BORDER-LEFT:#ffffff 3px inset;BACKGROUND:url(http://img405.imageshack.us/img405/3729/leepromenu1.gif);BORDER-TOP:#ffffff 3px inset;BORDER-RIGHT:#ffffff 3px inset;" align="center">
<div style="BORDER-BOTTOM:transparent 3px solid;BORDER-LEFT:transparent 3px solid;BORDER-TOP:transparent 3px solid;BORDER-RIGHT:transparent 3px solid;">
<table border="2" bgcolor="#050004" align="center">
<tbody>
<tr>
<td bgcolor="#0F4525">
<div style="BORDER-BOTTOM:transparent 1px solid;BORDER-LEFT:transparent 1px solid;BORDER-TOP:transparent 1px solid;BORDER-RIGHT:transparent 3px solid;"><a title="Chú_Thích_Menu1" href="Link_Menu1"><font color="#8DFFB2">Tên_Menu1</font></a><font color="#20124d" size="3"> </font></div></td>
<td bgcolor="#0F4525">
<div style="BORDER-BOTTOM:transparent 1px solid;BORDER-LEFT:transparent 1px solid;BORDER-TOP:transparent 1px solid;BORDER-RIGHT:transparent 3px solid;"><a title="Chú_Thích_Menu2" href="Link_Menu2"><font color="#8DFFB2">Tên_Menu2</font></a><font color="#20124d" size="3"> </font></div></td>
<td bgcolor="#0F4525">
<div style="BORDER-BOTTOM:transparent 1px solid;BORDER-LEFT:transparent 1px solid;BORDER-TOP:transparent 1px solid;BORDER-RIGHT:transparent 3px solid;"><a title="Chú_Thích_Menu3" href="Link_Menu3"><font color="#8DFFB2">Tên_Menu3</font></a><font color="#20124d" size="3"> </font></div></td>
<td bgcolor="#0F4525">
<div style="BORDER-BOTTOM:transparent 1px solid;BORDER-LEFT:transparent 1px solid;BORDER-TOP:transparent 1px solid;BORDER-RIGHT:transparent 3px solid;"><a title="Chú_Thích_Menu4" href="Link_Menu4"><font color="#8DFFB2">Tên_Menu4</font></a><font color="#20124d" size="3"> </font></div></td>
<td bgcolor="#0F4525">
<div style="BORDER-BOTTOM:transparent 1px solid;BORDER-LEFT:transparent 1px solid;BORDER-TOP:transparent 1px solid;BORDER-RIGHT:transparent 3px solid;"><a title="Chú_Thích_Menu5" href="Link_Menu5"><font color="#8DFFB2">Tên_Menu5</font></a><font color="#20124d" size="3"> </font></div></td>
</tr></tbody></table></div></div></div></td></tr></tbody></table>
Hướng Dẫn:
#0F4525 : Màu nền của Viền bên ngoài.
#0f4525: Màu nền phía dưới tên Menu
#8DFFB2 : Màu chữ của Menu.
Tên_Menu1 (2,3,4,5) : Tên Menu ( VD : Thủ thuật Yh!Plus, Share themes...)
Chú_Thích_Menu1 (2,3,4,5) : Chú thích khi bạn rê chuột vào Tên Menu.
Link_Menu1 (2,3,4,5) : Link dẫn đến cho từng Menu.
http://img405.imageshack.us/img405/3729/leepromenu1.gif : Link ảnh viền
Bạn lấy mã màu Tại Đây!!
Phù mệt quá!!Chúc các bạn thành công!