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 .

[fin47]

<vb:if condition="$post['userid']">
<div class="eti_postbit"><dt>{vb:rawphrase post_thanks_thanks}</dt> <dd>{vb:raw post.post_thanks_user_amount_formatted}</dd></div>

<div class="eti_postbit"><vb:if condition="$post['post_thanks_thanked_times'] == 1">
<dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_time_post}</dd>
<vb:elseif condition="$post['post_thanks_thanked_posts'] == 1" />
<dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_times_post, {vb:raw post.post_thanks_thanked_times_formatted}}</dd>
<vb:else />
<dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_times_posts, {vb:raw post.post_thanks_thanked_times_formatted}, {vb:raw post.post_thanks_thanked_posts_formatted}}</dd>
</vb:if></div>
</vb:if>

mình đùng bản Thank Post You Hack 7.82 mà không được


Giúp em cái chỗ tham gia ngày nữa đi !

[HTT.itvn]

Em coppy và thay thế toàn bộ code sau vào post_thanks_postbit_info :

<vb:if condition="$post['userid']">
<div class="eti_postbit"><dt>{vb:rawphrase post_thanks_thanks}</dt> <dd>{vb:raw post.post_thanks_user_amount_formatted}</dd></div>

<div class="eti_postbit"><vb:if condition="$post['post_thanks_thanked_times'] == 1">
<dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_time_post}</dd>
<vb:elseif condition="$post['post_thanks_thanked_posts'] == 1" />
<dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_times_post, {vb:raw post.post_thanks_thanked_times_formatted}}</dd>
<vb:else />
<dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_times_posts, {vb:raw post.post_thanks_thanked_times_formatted}, {vb:raw post.post_thanks_thanked_posts_formatted}}</dd>
</vb:if></div>
</vb:if>

Đóng khung tham gia ngày , trong postbit_legacy tìm đoạn code sau :

<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>

Thêm thẻ <div class="eti_postbit"> </div> như sau :

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

Tương tự với Bài gửi , tìm đoạn code :

<dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd>

Thêm thẻ <div class="eti_postbit"> </div> như sau :

<div class="eti_postbit"><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd></div>

[HTT.itvn]

Em đã add thêm mấy cái pro5 nhưng nó không hiển thị lúc post bài ạ.
Làm sao để chỉnh khung pro5 sang cột dọc ạ

Cho anh cái link forum của em .

[Kid_Andy]

Dạ link của em đây ạ http://kidandy.oni.cc/forum/forum.php

[HTT.itvn]

Dạ link của em đây ạ http://kidandy.oni.cc/forum/forum.php

Chuyển sang cột dọc bằng cách sau : Vào AdminCP >> Settings >> Options >> Style & Language Settings >> Ở mục Use Legacy (Vertical) Postbit Template chọn Đồng ý ( yes ) ( Chọn Yes : tương ứng với thông tin hiển thị nằm dọc : legacy_postbit . Chọn No : Tương ứng với cột ngang : postbit )

[HTT.itvn]

Em đã add thêm mấy cái pro5 nhưng nó không hiển thị lúc post bài ạ.
Làm sao để chỉnh khung pro5 sang cột dọc ạ

Nó chưa hiển thị vì em chưa cập nhập thông tin cá nhân . Hoặc chèn đoạn mã không đúng nơi . Ví dụ : bạn cài đặt thông tin nằm ngang mà lại chèn đoạn mã vào temp Postbit_legacy , thông tin nằm dọc mà lại chèn đoạn mã vào temp Postbit . Em nên ghi nhớ : thông tin nằm dọc , tương ứng với temp Postbit_legacy , nằm ngang tương ứng với temp Postbit .

[Kid_Andy]

Cám ơn anh nhiều ạ.
Em vừa hỏi một vấn đề nữa tuy nhiên em mò ra rồi nên edit lại

[Kid_Andy]

Lỗi khung pro5 khi ở first post, các post tiếp theo thì khung hiển thị bình thường

[HTT.itvn]

Do các thành viên cũ chưa cập nhập thông tin cá nhân ( sau khi bạn đã thêm mod pro5 mới ) , Với cách đóng khung này bạn bắt buộc các thành viên phải cập nhập thông tin cá nhân . Vào AdminCP >> User Profile Fields >> User Profile Fields Manager >> Chọn pro cần chỉnh sửa , nhấn Edit ( Sữa ) >> Tại mục Field Required , bạn chọn Yes , Always >> Save .

Tương tự với pro khác . Khi các thành nhiên đăng nhập phải cập nhập thông tin cá nhân và có thể lựa chọn hiển thị thông tin hay không .

Em có thể đưa link forum của em cho anh xem , để anh còn có hướng giải quyết lỗi cụ thể .

[Kid_Andy]

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.