Bài mới nhất

Sửa Đóng
Thư mục: Yahoo! 360Plus |
Quan trọng
Đăng ngày: 17:00 28-05-2009




Đã nhiều bạn hỏi cách olympia làm module tập hợp các bài viết




Cách làm cũng không khó   , trước hết bạn tạo một module tự tạo ở vị trí bạn muốn   Chọn thiết kế >>> thêm module >>> chọn cột tự thiết kế >>> ấn nút tiếp >>> chọn vị trí >>> ấn nút xong.




Tiếp theo để dễ quan sát code viết ra, olympia khuyên bạn nên dùng NotePad




Ta bắt đầu viết code nhé, dạng chung của code là

<div>
<table>
<tr>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1">Tên bài viết dòng 1 cột 1</a>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 2">Tên bài viết dòng 1 cột 2</a>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 3">Tên bài viết dòng 1 cột 3</a>
</tr>


Nếu bạn muốn thêm một dòng nữa thì cho tiếp đoạn code sau tiếp theo của đoạn code trên

<tr>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 1">Tên bài viết dòng 2 cột 1</a>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 2">Tên bài viết dòng 2 cột 2</a>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 3">Tên bài viết dòng 2 cột 3</a>
</tr>


để đoạn code trở thành

<div>
<table>
<tr>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1">Tên bài viết dòng 1 cột 1</a>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 2">Tên bài viết dòng 1 cột 2</a>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 3">Tên bài viết dòng 1 cột 3</a>
</tr>
<tr>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 1">Tên bài viết dòng 2 cột 1</a>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 2">Tên bài viết dòng 2 cột 2</a>
<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 2 cột 3">Tên bài viết dòng 2 cột 3</a>
</tr>


Như vậy muốn bao nhiêu dòng thì bạn thêm bấy nhiêu đoạn code trên. Ngoài ra nếu muốn chèn thêm icon cho mỗi tên bài viết thì thêm đoạn sau vào trước phần tên bài viết

<img src="Link hình icon">


tức là

<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1"><img src="Link hình icon">Tên bài viết dòng 1 cột 1</a>


Để thêm màu chữ, kiểu font, kích cỡ thì thêm đoạn code sau :

<font style="font-weight:bold;color:rgb(255, 0, 255);font-family:Tahoma;" size="3">


tức là

<td style="padding:0in 5.4pt;width:33%;" align="left" valign="top"><a href="Link bài viết dòng 1 cột 1"><font style="font-weight:bold;color:rgb(255, 0, 255);" size="3"><img src="Link hình icon">Tên bài viết dòng 1 cột 1</a>


Sau khi chỉnh sửa thì code của olympia như thế này :





Bây giờ bạn chọn thiết kế >>> tìm đến module tự tạo đã thêm lúc đầu rồi ấn nút sửa, copy code vào khung nội dung cột, ấn nút lưu.




Trên đây là hướng dẫn tạo module mục lục theo kiểu 3 cột, olympia nghĩ dạng 3 cột là đẹp nhất, nếu các bạn muốn dạng khác thì có thể tự tìm hiểu  



Bản quyền bài viết thuộc về †™† (¯`•.°»•olympia41124•«°.•´¯) †™†, đề nghị ghi rõ nguồn khi trích dẫn

sau (50) sau (50)

Bài viết về bạn hoặc có tag tên bạn:

  • Chưa có bài nào có liên quan.

Người đăng ký yêu thích blog này cũng đồng thời thích:

  • Chưa có blog yêu thích nào có liên quan.