Bài mới nhất

Sửa Đóng
Thư mục: thiết kế blog |
Đăng ngày: 18:33 05-06-2009

cái mà tui đang sắp hướng dẫn bà con làm chính là cái này nè :



có lẽ tầm quan trọng và ý nghĩa của nó thì không phải nhắc lại nữa nhỉ , vì vanhoai đã nhắc nhiều ở lần hướng dẫn làm menu bài viết cũ ở dạng 1 cột rồi , hôm nay chỉ cung cấp thêm code cho bà con làm ở dạng 2 cột và dạng 4 cột thôi :

1>>> Đối với Dạng 2 cột :
code:


 

<DIV id=tabl1>

<TABLE height=20 cellSpacing=0 cellPadding=4 width=500 align=center border=0>

<TBODY>

<TR>

<TD id=td1 vAlign=top align=left width=250 background="

link nền cho cột một" height=20>

<span><img src="link hình trước tiêu đề bài viết" border="0"></span> <span><font face="Arial" color="#000000" size="2"><a href="link liên kết đến bài viết" target="_blank">bài viết</a></font></span> <span><br></span>

</td> <TD id=td1 vAlign=top align=left width=250 background="link nền cho cột 2" height=20>

<span><img src="link hình trước tiêu đề bài viết" border="0"></span> <span><font face="Arial" color="#000000" size="2"><a href="link liên kết đến tiêu đề bài viết" target="_blank">Tiêu đề bài viết 1</a></font></span> <span><br></span>

</TD></TR></TBODY></TABLE></DIV>

giải thích code : các bạn chú ý nhé phần code màu đỏ sẽ giữ nguyên trong quá trình thêm danh sách bài viết trong cột menu của các bạn , những ai không muốn có hình nền cho cột và hình trước tiêu đề bài viết( link icon) thì tại phần link các bạn gõ 0 , để thêm tiếp danh sách bài viết vào menu thì bà con chỉ việc copy phần code màu xanh dán vào phía giưới code lần trước và thay lại link và tiêu đề cho bài viết đó vào cột mà mình muốn thêm vào nha !


2>>>Dạng 4 cột :

code

<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="125" align="left" valign="top">
<p><a href="Link entry">ten entry</a></p>
<p><a href="Link entry">ten entry</a></p>
<p><a href="Link entry">ten entry</a></p>
</td>
<td width="125" align="left" valign="top">
<p><a href="Link entry">ten entry</a></p>
<p><a href="Link entry">ten entry</a></p>
<p><a href="Link entry">ten entry</a></p>
</td>
<td width="125" align="left" valign="top">
<p><a href="linkanh">ten entry</a></p>
<p><a href="Link entry">ten entry</a></p>
<p><a href="Link entry">ten entry</a></p>
</td>
<td width="125" align="left" valign="top">
<p><a href="Link entry">ten entry</a></p>
<p><a href="Link entry">ten entry</a></p>
<p><a href="Link entry">ten entry</a></p>
</td>
</tr>

</table>

nhìn vào code rùi xem lại lời giải thích ở dạng hai cột là bà con hiểu liền à không cần phải giải thích cho nó dài dòng nhỉ , tiện đây cũng nói luôn dạng 3 cột thì bà con nhìn vào quy luật của dạng 4 cột rồi tự biến tấu nhé , dễ như ăn một con dế ấy mà , á quên bắt một con dế ấy mà

vậy là bây giờ bà con có thể tạo ra một cái mudule phụ để vứt mấy cái code đó vào thế là bà con đã có một cái menu trưng bài các tác phẩm của mình đỡ cho bạn bè gần xa phải vào từng thư mục một tìm kiếm

cuối cùng không chi hơn chi anh chị em thành công nhé..... >>>người viết: vanhoai.tk

sau (50) sau (50)