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 .

[PoliceBoss]

Mình gặp trường hợp bị lệch như davidhuynhvan => danh hiệu và avatar bên lệch qua bên trái, hiện chưa biết chỉnh sưa sao T_T. Admin và các bạn giúp dum T_T



_Tự nhiên nó x2 khung Thank luôn ,ko biết sao >.<
_Mà trên cái ô Họ tên có 1 ô nào thì phải

[Tiểu Bá Vương 1404]

...danh hiệu và avatar bên lệch qua bên trái...
_Tự nhiên nó x2 khung Thank...
_Mà trên cái ô Họ tên có 1 ô nào thì phải

Về phần cái danh hiệu và avatar:
-Tìm code sau:

<span class="usertitle">
    {vb:raw post.usertitle}
</span>
<vb:if condition="$post['rank']">
    <span class="rank">{vb:raw post.rank}</span>
</vb:if>
{vb:raw template_hook.postbit_userinfo_left}
<vb:if condition="$show['reputation']">
    <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
</vb:if>
<vb:if condition="$show['avatar']">
    <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
        <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
    </a>
</vb:if> 

-Bạn thay thế code trên bằng code sau:

            <center><span class="usertitle">
                {vb:raw post.usertitle}
            </span></center>
            <vb:if condition="$post['rank']"><center>
                <span class="rank">{vb:raw post.rank}</span>
            </center></vb:if>
            {vb:raw template_hook.postbit_userinfo_left}
            <vb:if condition="$show['reputation']">
                <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
            </vb:if>
            <vb:if condition="$show['avatar']"><center>
            <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
                <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
            </a></center>
            </vb:if> 

Còn cái hai khung thank hay có khung nào khác thì bạn phải đưa code postbit_legacy của bạn và code đóng khung thank của bạn thì mình mới kiểm tra được.

[PoliceBoss]

thay rồi bạn ơi....avatar vẫn ko vào giữa @@

[Tiểu Bá Vương 1404]

...avatar vẫn ko vào giữa...

Bạn thử dùng code đóng khung avatar của anh HTT thử xem!

[PoliceBoss]

Okie thanks

Riêng phần hiển thị 2 khung Thanks thì tìm đâu xóa bớt 1 cái vậy bạn

[Tiểu Bá Vương 1404]

...2 khung Thanks thì tìm đâu xóa bớt 1 cái...

Bạn đưa mình code chỗ bạn đóng khung cái thanks đó (có thể kèm theo code của postbit_legacy)

[kevotinh113]

mục Description gõ Tỉnh/Thành Phố và mục Tùy Chọn gõ tên các tỉnh thành , phân biệt lựa chọn bởi 1 dấu xuống dòng :

Sao em kiếm hoài mà không thấy Mục Tuỳ chọn. Đây là ảnh trang admin của em

[HTT.itvn]

Admin CP >> User Profile Fields >> Add New User Profile Field >> Ở mục Profile Field Type chọn Single-Selection Menu >> Continue >> Sẽ thấy mục tùy chọn .

[Tiểu Bá Vương 1404]

@kevotinh: bạn chọn chế độ Single-Line Text Box trong khi yêu cầu là Single-Selection Menu, bạn làm lại đi nhé !

[bboytido]

đọc lòi cả mắt cả ebook cả ở đây mà em vẫn chả biết làm sao có thể hiển thị tuổi
như bên trái?
Trong profile đã chọn Display Age and Full Date of Birth rồi
còn trong postbit_legacy thì như này rồi
<vb:if condition="$post['age']"><div class="eti_postbit"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></vb:if>