Khung bài viết siêu siêu kute

Mon Dec 17, 2012 3:53 pm

Như các bạn đã thấy, forum của chúng ta có khung bài viết khá dễ thương và bắt mắt. Để có được một khung như vậy, các bạn làm như sau:

ACP --> Display --> Template --> Viewtopic_body.

Thay:

Code:: {postrow.displayed.MESSAGE}

bằng:

Code:: <table cellSpacing="0" cellPadding="0" border="0"> <tr> <td colspan="3" style="padding: 0px"><img src="http://stc.blog.zdn.vn/themes/Themeblog6/header.gif"></td></tr> <tr> <td width="30" style="padding: 0px" background="http://i1229.photobucket.com/albums/ee472/a6_classpro/setting/bottom-left.png"></td> <td style="padding: 0px; background-color:#fdffb6" bgColor="#fdffb6" width="545"> {postrow.displayed.MESSAGE} </td> <td width="33" style="padding: 0px" background="http://i1229.photobucket.com/albums/ee472/a6_classpro/setting/bottom-right.png"></td> </tr> <tr> <td colspan="3" style="padding: 0px"><img src="http://stc.blog.zdn.vn/themes/Themeblog6/footer.gif"></td></tr> </table>

Đối với các Forum có nền trắng, các bạn có thể thay bằng code sau:

Code:: <table cellSpacing="0" cellPadding="0" border="0" style="width:auto"> <tr> <td style="padding: 0px"><img src="http://i52.servimg.com/u/f52/12/82/29/24/admin_10.gif"></td> <td style="padding: 0px" background="http://i52.servimg.com/u/f52/12/82/29/24/admin_11.gif"></td> <td style="padding: 0px"><img src="http://i52.servimg.com/u/f52/12/82/29/24/admin_12.gif"></td> </tr> <tr> <td valign="top" style="padding: 0px" background="http://i52.servimg.com/u/f52/12/82/29/24/admin_13.gif"> <img src="http://i52.servimg.com/u/f52/12/82/29/24/admin_14.gif"></td> <td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff"> {postrow.displayed.MESSAGE} </td> <td style="padding: 0px" background="http://i52.servimg.com/u/f52/12/82/29/24/admin_15.gif"></td> </tr> <tr> <td style="padding: 0px"><img src="http://i52.servimg.com/u/f52/12/82/29/24/admin_16.gif"></td> <td style="padding: 0px" background="http://i52.servimg.com/u/f52/12/82/29/24/admin_17.gif"></td> <td style="padding: 0px"><img src="http://i52.servimg.com/u/f52/12/82/29/24/admin_18.gif"></td> </tr> </table>

Hoặc:

Code:: <table border="0" cellpadding="0" cellspacing="0" width=100%> <td width="20"><img src="http://i190.photobucket.com/albums/z134/anhdao1991/khac/trentrai.jpg" alt="" height="20" width="20"></td> <td style="background: transparent url(http://i190.photobucket.com/albums/z134/anhdao1991/khac/tren.jpg)" height="20"></td> <td height="20" width="20"><img src="http://i190.photobucket.com/albums/z134/anhdao1991/khac/trenphai.jpg" alt="" height="20" width="20"></td> <tr> <td style="background: transparent url(http://i190.photobucket.com/albums/z134/anhdao1991/khac/trai.jpg)"></td> <td>{postrow.displayed.MESSAGE}</td> <td style="background: transparent url(http://i190.photobucket.com/albums/z134/anhdao1991/khac/phai.jpg)" width="20"></td> </tr> <td align="right" height="20" width="15"><img src="http://i190.photobucket.com/albums/z134/anhdao1991/khac/duoitrai.jpg" alt="" height="20" width="20"></td> <td style="background: transparent url(http://i190.photobucket.com/albums/z134/anhdao1991/khac/duoi.jpg)" height="20"></td> <td height="20" width="20"><img src="http://i190.photobucket.com/albums/z134/anhdao1991/khac/duoiphai.jpg" alt="" height="20" width="20"></td> </table>

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

Thanh Nguyên