K
[King-Game]
New Member
1. Đóng khung bài viết :
Vào templates đang dùng --> Postbit templates ---> postbit_legacy tìm :
HTML Code:
<div id= "post_message_{vb:raw post.postid}" > <blockquote class= "postcontent restore " > {vb:raw post.message} </blockquote> </div>
Sữa lại thành
HTML Code:
<!-- Đó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.
2. Trang trí cho cột thông tin thành viên thêm đẹp thêm zin :
Thêm đoạn css sau vào cuối templates postbit.css
HTML Code:
.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 .
HTML Code:
<div align= "center" class= "eti_postbit" > <span class= "usertitle" > {vb:raw post.usertitle} </span> </div>
Đây là thẻ div trang trí cho postbit_legacy
HTML Code:
<div align= "center" class= "eti_postbit" > chỗ cần trang trí </div>
demo
Tải: quote.zip
Vào templates đang dùng --> Postbit templates ---> postbit_legacy tìm :
HTML Code:
<div id= "post_message_{vb:raw post.postid}" > <blockquote class= "postcontent restore " > {vb:raw post.message} </blockquote> </div>
Sữa lại thành
HTML Code:
<!-- Đó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.
2. Trang trí cho cột thông tin thành viên thêm đẹp thêm zin :
Thêm đoạn css sau vào cuối templates postbit.css
HTML Code:
.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 .
HTML Code:
<div align= "center" class= "eti_postbit" > <span class= "usertitle" > {vb:raw post.usertitle} </span> </div>
Đây là thẻ div trang trí cho postbit_legacy
HTML Code:
<div align= "center" class= "eti_postbit" > chỗ cần trang trí </div>
demo
Tải: quote.zip
