1 Bộ sưu tập 31 style menu nằm ngang Wed Mar 17, 2010 9:10 pm
mr.winni
Thành Viên Tiêu Biểu
Mình đang sử dụng Menu dạng khác nên không có demo!
Đầu tiên các bạn download gói dữ liệu này về: TẠI ĐÂY
- Sau khi down về, bạn giải nén ra, ta sẽ có 31 Folder tương ứng với 31 style Menu.
- Mở 1 folder bất kì trong 31 folder ta sẽ có 2 file (style.css và index.html) và 1 folder (imgages), như hình bên dưới:
[You must be registered and logged in to see this image.]
- File style.css sẽ chứa code CSS của menu, nhấp đúp để mở file (mở bằng NotePad), rồi copy đọan code CSS đó dán vào code template blog. Mở file ra nó trông giống như bên dưới:
[You must be registered and logged in to see this image.]
- Tiếp đến là code HTML của menu, 31 style này đều có code HTML hòan tòan tương tự nhau, (xem mẫu bên dưới
Dưới đây là hình minh họa cho các menu
[You must be registered and logged in to see this image.]
Chúc các bạn thành công!
Thấy hay thi thank nha!
Đầu tiên các bạn download gói dữ liệu này về: TẠI ĐÂY
- Sau khi down về, bạn giải nén ra, ta sẽ có 31 Folder tương ứng với 31 style Menu.
- Mở 1 folder bất kì trong 31 folder ta sẽ có 2 file (style.css và index.html) và 1 folder (imgages), như hình bên dưới:
[You must be registered and logged in to see this image.]
- File style.css sẽ chứa code CSS của menu, nhấp đúp để mở file (mở bằng NotePad), rồi copy đọan code CSS đó dán vào code template blog. Mở file ra nó trông giống như bên dưới:
[You must be registered and logged in to see this image.]
- Tiếp đến là code HTML của menu, 31 style này đều có code HTML hòan tòan tương tự nhau, (xem mẫu bên dưới
- Code:
<div id="tabs1">
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Link 4"><span>Link 4</span></a></li>
<li><a href="#" title="Link 5"><span>Link 5</span></a></li>
<li><a href="#" title="Link 6"><span>Link 6</span></a></li>
</ul>
</div>
Dưới đây là hình minh họa cho các menu
[You must be registered and logged in to see this image.]
Chúc các bạn thành công!
Thấy hay thi thank nha!
Được sửa bởi mr.winni ngày Thu Mar 18, 2010 8:24 pm; sửa lần 2.