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 .

[Cold_Zero]

untitled.jpg

Giúp mình cho cái Repulution ra giữa với
Và cho cái số 10 lên thang hàng Rep Power rồi đóng khung nó. Hoặc bỏ luôn nó đi.
Cám ơn nhiều

[vanminh]

Lỗi xuống dòng:
Bài gởi 254
Cảm ơn

53

Demo: http://truongminhkhai-phutan.com/for...-%C4%91%C3%A0n!!!!!

xin giúp với!

[Cold_Zero]

còn cái khung avatar, sao không chỉnh được ra giữa nhỉ. mình đã cho vào thẻ div rồi mà nó ko chịu ra
Tiện thể hỏi luôn đóng khung như itvnn.net dư nào nhỉ

<div class="itvnn_postbit"><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}}" />
    </a>
    </vb:if></div>

----------
Đã sửa được

[HTT.itvn]

Bạn tải ebook về nghiên cứu nhé http://itvnn.net/showthread.php?1617...Bulletin-4.0.x

[Hoàng Tiến Nhân]

Đọc xong cái ebook của anh HTT.itvn mình học hỏi dc nhìu quá,Cảm ơn anh,Chúc anh nhìu sức khỏe để help tụi em

[quadennt]

Mình đã đóng khung được rồi sao màu nền trong khung ko phải màu trắng và chữ "Họ tên, cảm ơn, được cảm ơn" sao ko đổi màu đỏ được.

Hình demo:


Bác nào bik chỉ mình vs nhé. Thanks!

[HTT.itvn]

Mình đã đóng khung được rồi sao màu nền trong khung ko phải màu trắng và chữ "Họ tên, cảm ơn, được cảm ơn" sao ko đổi màu đỏ được.

Hình demo:


Bác nào bik chỉ mình vs nhé. Thanks!

Bạn thay class đóng khung như eti_postbit ... bằng post_field mới có đóng khung như bạn mong muốn

[quadennt]

Bạn thay class đóng khung như eti_postbit ... bằng post_field mới có đóng khung như bạn mong muốn

bạn có thể nói cụ thể hơn được ko? Mình vẫn chưa bik làm như thế nào

[Hoàng Tiến Nhân]

bạn có thể nói cụ thể hơn được ko? Mình vẫn chưa bik làm như thế nào

<vb:if condition="$post['field10']"><div class="eti_postbit"><dt>Năm Sinh
</dt><dd> {vb:raw post.field10}</dd></div></vb:if>

bạn thay chữ màu đỏ thành post_field

[HTV]

Các Bạn ơi Giúp mình với
Mình đọc hướng dẫn rất kỹ nhưng mà không đóng khung đc trên vbb 4.1.5
Các bạn giúp mình nhen
Thanks