admin
01-02-2010, 11:27 AM
*Lưu ý cái này chỉ dùng cho bản vbb 4.0 trờ lên nhá và dùng cho postbit_legacy http://www.vietvbb.vn/up/images/smilies/yahoo/hes.gif
1. Đóng khung bài viết :
Vào templates đang dùng --> Postbit templates ---> postbit_legacy tìm :
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>
Sửa lại thành :
<!-- Đóng khung bài viết -->
<div>
<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<tr>
<td style="padding: 0px"><img src="images/quote/admin_01.gif"></td>
<td style="padding: 0px" background="images/quote/admin_02.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_03.gif"></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background="images/quote/admin_04.gif">
<img src="images/quote/admin_05.gif"></td>
<td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>
</td>
<td style="padding: 0px" background="images/quote/admin_06.gif"></td>
</tr>
<tr>
<td style="padding: 0px"><img src="images/quote/admin_07.gif"></td>
<td style="padding: 0px" background="images/quote/admin_08.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_09.gif"></td>
</tr>
</table>
<!-- / Kết thúc đóng khung bài viết -->
Sau đó save lại và upload thư mục sau vào thư mục images nhá rồi f5 lại xem thành quả nào http://www.vietvbb.vn/up/images/smilies/yahoo/6.gif.
2. Trang trí cho cột thông tin thành viên thêm đẹp thêm zin :
Thêm đoạn css sao vào cuối templates postbit.css
.eti_postbit {
Padding-left: 2px;
Padding-right: 2px;
Padding-top: 2px;
Padding-bottom: 2px;
Background-color: rgb(240,240,240);
Border-top: 1px solid #dddddd;
Border-right: 1px solid #dddddd;
Border-left: 2px solid #c4c4c4;
Border-bottom: 1px solid #c4c4c4;
Margin-bottom: 3px;
}
Save lại rồi vào templates postbit_legacy trang trí nà.
Ví dụ trang trí cho "usertitle" thì chèn đoạn <div> này vào và làm tương cho các phần tiếp theo để được như hình bên dưới .
<div align="center" class="eti_postbit">
<span class="usertitle">
{vb:raw post.usertitle}
</span></div>
Đây là thẻ div trang trí cho postbit_legacy
<div align="center" class="eti_postbit">
chỗ cần trang trí </div>
Demo:
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/02/01/11/15231264998410.jpg
1. Đóng khung bài viết :
Vào templates đang dùng --> Postbit templates ---> postbit_legacy tìm :
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>
Sửa lại thành :
<!-- Đóng khung bài viết -->
<div>
<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<tr>
<td style="padding: 0px"><img src="images/quote/admin_01.gif"></td>
<td style="padding: 0px" background="images/quote/admin_02.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_03.gif"></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background="images/quote/admin_04.gif">
<img src="images/quote/admin_05.gif"></td>
<td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>
</td>
<td style="padding: 0px" background="images/quote/admin_06.gif"></td>
</tr>
<tr>
<td style="padding: 0px"><img src="images/quote/admin_07.gif"></td>
<td style="padding: 0px" background="images/quote/admin_08.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_09.gif"></td>
</tr>
</table>
<!-- / Kết thúc đóng khung bài viết -->
Sau đó save lại và upload thư mục sau vào thư mục images nhá rồi f5 lại xem thành quả nào http://www.vietvbb.vn/up/images/smilies/yahoo/6.gif.
2. Trang trí cho cột thông tin thành viên thêm đẹp thêm zin :
Thêm đoạn css sao vào cuối templates postbit.css
.eti_postbit {
Padding-left: 2px;
Padding-right: 2px;
Padding-top: 2px;
Padding-bottom: 2px;
Background-color: rgb(240,240,240);
Border-top: 1px solid #dddddd;
Border-right: 1px solid #dddddd;
Border-left: 2px solid #c4c4c4;
Border-bottom: 1px solid #c4c4c4;
Margin-bottom: 3px;
}
Save lại rồi vào templates postbit_legacy trang trí nà.
Ví dụ trang trí cho "usertitle" thì chèn đoạn <div> này vào và làm tương cho các phần tiếp theo để được như hình bên dưới .
<div align="center" class="eti_postbit">
<span class="usertitle">
{vb:raw post.usertitle}
</span></div>
Đây là thẻ div trang trí cho postbit_legacy
<div align="center" class="eti_postbit">
chỗ cần trang trí </div>
Demo:
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/02/01/11/15231264998410.jpg