Hướng dẫn đóng khung thông tin chi tiết cho VBB 4.x

[HTT.itvn]

Mấy ngày qua nhiều thành viên thắc mắc về cách đóng khung từng thông tin ở mục thông tin , nay mình hướng dẫn chi tiết cho các bạn đóng khung từng thông tin cụ thể :

Bước 1 : vào Admin CP >> Styles & Templates >> Search in Templates >> ở mục Search for Text gõ posbit.css ( nhớ tick vào ô Đồng ý ở mục Tìm trong tựa đề >> Find >> Kick vào postbit.css >> Dán code sau vào cuối cùng :
(Bài viết của HTT.itvn )

/* eTiKeT Postbit_Legacy*/
.eti_postbit_merkezli {
padding-left: 4px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #efefef;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-left: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
margin-bottom: 4px;
text-align:center;
-moz-box-shadow: 0 2px 6px #b3b3b3;
-webkit-box-shadow: -1px 2px 2px #b3b3b3;
-moz-border-radius-bottom{vb:stylevar left}:6px;
-moz-border-radius-top{vb:stylevar right}:6px;
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};}

.eti_postbit {
padding-left: 4px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #efefef;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-left: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
margin-bottom: 4px;
-moz-box-shadow: 0 2px 6px #b3b3b3;
-webkit-box-shadow: -1px 2px 2px #b3b3b3;
-moz-border-radius-bottom{vb:stylevar left}:6px;
-moz-border-radius-top{vb:stylevar right}:6px;
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
}

.itvnn_postbit {
text-align:center;
}

Save and Reload ( Bài viết của HTT.itvn)

Bước 2 : Đóng khung từng chi tiết .

- Đưa thông tin tên thành viên vào giữa
Demo : như diễn đàn này .
Admin CP >> Styles & Templates >> Style manager >> Chọn skin cần chỉnh , edit templates >> Postbit templates >> Postbit_legacy >> Tìm đoạn code sau :

<div class="username_container">
<vb:if condition="$post['userid']">

{vb:raw memberaction_dropdown}
{vb:raw post.onlinestatus}
<vb:else />
<span class="username guest">{vb:raw post.musername}</span>
</vb:if>
</div>

Thêm thẻ <div class="itvnn_postbit">......</div> như sau ( chú ý chữ màu đỏ ) .

<div class="username_container">
<vb:if condition="$post['userid']">
<div class="itvnn_postbit">
{vb:raw memberaction_dropdown}
{vb:raw post.onlinestatus}
<vb:else />
<span class="username guest">{vb:raw post.musername}</span>
</vb:if>
</div></div>

Save and reload ( Bài Viết của HTT.itvn)
Vào diễn đàn của bạn để xem kết quả .

- Màu nick :
Admin CP >> Usergroups >> Usergroup Manager >> Administrators . Kick vào Tiếp tục >> Mục Username HTML Markup , ở ô đầu tiên bạn gán thẻ <b><font color=red> ( chữ màu đỏ là bạn có thể thay đổi sang màu khác như : blue , green , gray ,...) , ở ô thứ 2 bạn gán thẻ kết thúc </font></b> . Các mục khác để nguyên . Kick vào Update .

Tương tự với Smod , mod và Member . ( Bài Viết của HTT.itvn)

- Gán biểu tượng hình ảnh cho admin , smod , mod và member .

Demo : Như diễn đàn này .
Đầu tiên tải file ảnh về tại đây và upload lên thư mục images/ranks/ trong host .
Admin CP >> User Ranks >> Add New User Ranks >> Mục Usergroup chọn Administrators , ở mục Minimum Posts để giá trị 0 và mục User Rank File Path gõ đường dẫn file ảnh là images/ranks/admin.gif >> Save . ( Bài Viết của HTT.itvn)
Tương tự với smod , mod và member .
Sau khi làm xong bạn phải vào User rank manager để kích hoạt , kick vào update user titles and ranks >> Ở mục đầu tiên kick vào update user titles and ranks lần nữa .
Nhấn F5 để xem thành quả .

P/s : Những thắc mắc - góp ý thì viết tại đây và kiên trì chờ trả lời , mình sẽ trả lời nhanh nếu có thể . Nhiều bạn mới hỏi có vài 3 phút rồi spam liên tục để gây chú ý . Không phải ai cũng online 24/24 .

[HTT.itvn]

Anh đã xem và thấy thông tin cá nhân vẫn bình thường . Em nên sử dụng các trình duyệt IE8 , Chrome , FF , ... còn IE6 giờ VBB 4.x gây lỗi .

Xem hình ảnh đầu tiên ( first pro ) anh nghĩ là em đóng khung thừa thẻ <div></div> vào thông tin trống ( rõ ràng thấy 5 cái khung đóng không đúng vị trí ) .
Em gửi cho anh nick yahoo của em vào hộp tin của diễn đàn , anh sẽ xem qua đoạn code và sữa lỗi giúp .

[vothien93]

giup em đp em đóng khung cho cái ucasho1ng khung cái mod ucash 4.1 với ạ!!!

[daidv1990]

Mình cài ucash thì đóng khung cái kia thế nào

[HTT.itvn]

Mình cài ucash thì đóng khung cái kia thế nào

giup em đp em đóng khung cho cái ucasho1ng khung cái mod ucash 4.1 với ạ!!!

Có phải mod tiền tệ phải không ? Bạn cho mình cái link đường dẫn đến forum của bạn .

[vothien93]

đây ạ!
ledviet.tk

[HTT.itvn]

đây ạ!
ledviet.tk

Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit Templates >> Postbit Templates >> postbit_ucash , đóng thẻ như sau :

<div class="eti_postbit"><vb:if condition="$show['ucash']">
<dt>{vb:rawphrase 'ucash_points'}</dt>
<dd>{vb:raw post.ucashdisplay}</dd>
</vb:if></div>

[HTT.itvn]

Link forum của em là: www.nguyentrai.info ạ
Giờ em phát hiện thêm là khi em F5 thì nó lại ko đều như first post ạ

Em đã sửa được cái lỗi đã nói ở trên rồi nhưng mà
Cho em hỏi thêm là làm sao cho cái khung nó to ra hoặc chữ nhỏ hơn để cho phần tên và trường không bị lêch xuống dòng thứ 2.

Vì em dùng skin giống ITVNN , và cũng do em chèn thêm thẻ <dt>....</dt> không đúng chỗ , ví dụ code :

<vb:if condition="$post['field5']"><div class="post_field"><dt> Họ tên : <dd>{vb:raw post.field5}</dd></dt></div></vb:if>

Dời thẻ đóng </dt> như sau :

<vb:if condition="$post['field5']"><div class="post_field"><dt> Họ tên :</dt> <dd>{vb:raw post.field5}</dd></div></vb:if>

Tương tự với Pro khác .

[vothien93]

dạ anh chỉ giúp em cho sô point với số thanks nó thành 1 hàng đi ạ!nhảy xuống hàng mới có số nên nhìn xấu quá!
còn cái ranks chuyển lên trên avarta thì làm sao ạ???

[vothien93]

àh,ai có skin của itvnn.net đang dùng thì share cho em với

[Kid_Andy]

dạ anh chỉ giúp em cho sô point với số thanks nó thành 1 hàng đi ạ!nhảy xuống hàng mới có số nên nhìn xấu quá!
còn cái ranks chuyển lên trên avarta thì làm sao ạ???

Bạn để khung pro5 hiển thị hàng ngang hay hàng dọc, hàng ngang thì vào postbit, hàng dọc thì vào postbit_legacy. Chuyển cái phần này lên trước code rank này lên phía trước code của avatar.

<vb:if condition="$post['rank']">
                <span class="rank">{vb:raw post.rank}</span>
            </vb:if>

Còn cái này là skin giống của ITVNN

http://www.mediafire.com/?mlqljlg14albfne