TẠO MENU NGANG CÓ MENU CON XỔ DỌC XUỐNG MỘT CẤP (KIỂU 1)

Người đăng: Unknown on Thứ Hai, 20 tháng 6, 2011

Trước đây, tôi có chia sẻ cho các bạn cách làm menu ngang có menu con xổ dọc xuống nhiều cấp, nay tôi xin chia sẻ tiếp cho các bạn menu ngang có menu con xổ dọc xuống một cấp.
Đầu tiên, bạn đăng nhập vào Blog
 > chọn Thiết kế > chọn
chỉnh sửa HTML.
Sau đó bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào ô lệnh ]]></b:skin>



Và dán đoạn code dưới đây vào trên nó



Cũng tương tự như trên, bạn gõ vào ô tìm kiếm lệnh </head> và dán đoạn code dưới đây trước </head>
 


Bước kế tiếp cũng làm tương tự như hai cách trên, bạn dán đoạn code dưới đây vào trước lệnh </header>
(hoặc thêm tiện ích HTML/javacript rồi dán nó vào)
<ul id="jsddm">
  <li><a href="#">Home</a>
  <li><a href="#">Menu 1</a>
  <ul>
  <li><a href="#"> tên menu</a></li>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  </ul>
  </li>
 
 <li><a href="#"> tên menu </a>
  <ul>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  </ul>
  </li>
 
 <li><a href="#">Menu 3</a>
  <ul>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  </ul>
  </li>
 
 <li><a href="#">Menu 4</a></li>
  <li><a href="#">Menu 5</a></li>
    </li></ul>

Bây giờ, bạn thay đổi các code màu đỏ và màu xanh cho phù hợp với blog bạn (màu xanh là URL của trang, màu đỏ là tên hiển thị)
Cuối cùng bấm Lưu mẫu và trở vào Blog xem kết quả

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

{ 0 nhận xét... read them below or add one }

Đăng nhận xét