1.
Tạo một Menu ngang
Để tạo 1 Menu ngang các bạn dùng code sau:
|
|
|
|
style="text-align: left; width: 588px; height: 24px;" border="2" cellpadding="0" cellspacing="0">
|
|
|
|
| |
Trong đó:
* width: chiều rộng của menu. height:
chiều dài của menu.
* border: viền của menu ( ở đây dặt giá trị 0
menu sẽ không hiện viền ).
* cellpadding , cellspacing: độ dày viền
của menu.
* style="height: 10px; width: 100px; background-color: mã
màu;": phần này là đặt các thuộc tính cho từng cột của menu . Riêng phần
: background-color là phần đặt màu nền cho menu các bạn có thể dùng
hoặc xóa đi tùy thích.
* color: mã màu: màu cho link liên kết.
*
center: căn giữa cho link, các bạn cũng có thể đặt: left, right,
Các
bạn để ý đến phần mình tô chữ đỏ:
Mã:
Các bạn muốn menu có bao nhiêu cột thì chèn bấy nhiêu
đoạn trên vào.
Nếu các bạn muốn chèn hình ảnh trước mỗi link liên kết
thì dùng đoạn sau:
|
|
|
| | style="height: 10px; width: 100px;color: mã màu; background-color: mã màu nền; text-align: center;"> src=" link ảnh "> href="Đường dẫn link1">Link1 |
|
|
|
|
| |
Mã:
2. Tạo
một Menu dọc
Tạo một menu dọc cũng tương tự như menu ngang thôi, các
bạn dùng code sau:
|
|
|
|
style="text-align: left; background-color: rgb(255, 0, 0); width: 111px; height: 92px;" border="2" cellpadding="1" cellspacing="1">
style="background-color: rgb(204, 51, 204);"> src="https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/26.gif"> href="http://f%3Fffd"> style="color: rgb(255, 255, 255);">Link1 | style="background-color: rgb(204, 51, 204);"> src="https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/26.gif"> href="http://%3F%3F%3Fng+d%3Fn+link"> style="color: rgb(255, 255, 255);">Link2 | style="background-color: rgb(204, 51, 204);"> src="https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/26.gif"> href="http://%3F%3F%3Fng+d%3Fn+link"> style="color: rgb(255, 255, 255);">Link3 | style="background-color: rgb(204, 51, 204);"> src="https://2img.net/h/i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/26.gif"> href="http://%3F%3F%3Fng+d%3Fn+link"> style="color: rgb(255, 255, 255);">Link4 |
|
|
|
|
| |
Các
thuộc tính cũng tương tự như thank menu ngang.
Các bạn chú ý sự khác
nhau giữa code ngang và dọc là :
Menu dọc ta sẽ thêm .... ra ngoài
các thẻ .... Cứ mỗi khi bạn muốn menu có 1 cột mới thì thêm vào đó 1 thẻ
...! Mục đích sẽ giúp cho menu của chúng ta xuống dòng thế thôi !