Loading post navigation ...
 
 

Pro page

7
Nhận xét

Bộ sưu tập 31 style menu nằm ngang

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

[FD's BlOg] - Hôm nay mình xin giới thiệu với các bạn 31 style menu CSS nằm ngang cho blog. Bài viết này mình sẽ không hướng dẫn chi tiết cách tạo các menu, mà chỉ giới thiệu các style.
- Các bạn có thể tham khảo chi tiết cách tạo menu nằm ngang tại đây (có kèm hiệu ứng sổ dọc).

Đầu tiên các bạn download gói dữ liệu này về: FD-BlOg_menuCSS.rar
- 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 index.html) và 1 folder (imgages), như hình bên dưới:

- 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:



- 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)

<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>

- Chú ý: thay đổi code màu xanh cho đúng với id trong code CSS của style mà bạn chọn, như trên code mẫu là của style 1

☼Dưới đây là hình minh họa cho các 31 menu






menu 1

menu 2

menu 3

menu 4

menu 5

menu 6

menu 7

menu 8

menu 9

menu 10

menu 11

menu 12

menu 13

menu 14

menu 15

menu 16

menu 17

menu 18

menu 19

menu 20

menu 21

menu 22

menu 23

menu 24

menu 25

menu 26

menu 27

menu 28

menu 29

menu 30

menu 31


Chúc các bạn thành công.


Enter your mail address:

7

Ngankvn ®

Hấp Dẫn Quá :) , Phải thử thôi - Dù có Menu rồi :D

Ngankvn ®

À mình quan tâm nhất tới cái ☼ BlOg TIPs của FanDung đấy , nhìn Pro và mượt quá , Có Share đc không :D

fandung

cái đó mình share rồi mà :D, ngân xem ở đây nè http://fandung.blogspot.com/2009/05/tao-tab-co-noi-dung-truot-lien-tuc-theo.html

Khách (ẩn danh)

Phong phú lắm đó bạn, tiếc là chỉ toàn menu cấp 1 :((

Hoài Thanh

Cũng hay !:D
Tiện đây fandung có thể coi giúp mình:
- Sao blog của mình vẫn hiển thị cái 'icon sửa chữa' ngay dưới các widget và menu ngang vậy?
Cảm ơn trước nhé !

sexy darling asia

bài của người ta hay như thế này mà comment link tinh. Ai đã lỡ làm roài thì lần sau rút kinh nghiệm nha. Hok hay ho tí nèo. Thanks tất cả

SoftPC

Tiện đây rất vui nếu được liên kết cùng các bạn! Mời ghé thăm Blog của mình tại http://SoftPC.tk
Mong các bạn cho ý kiến! Chân thành cám ơn!



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home