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 .

[Dunglx]

Cần giúp về chữ màu Last Post By
Ðính Kèm 4081
Em đã chỉnh đc mày nhưng chỉ xuất hiện ở bài viết và thống kê thôi, ko đc như itvnn

Cái này này cậu ơi
http://itvnn.net/showthread.php?7374...TML-Markup-4.1

[manhcuongitdlu]

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.

Cái mod thanks bị gì mà không việt hóa còn cái dòng Thanked 0 Times in 0 Posts sao không có màu đỏ.
Lúc mình chèn thêm cái user lever thì nó chồng chéo lên nhau luôn ai giúp mình được không!!!

[Dunglx]

Cái mod thanks bị gì mà không việt hóa còn cái dòng Thanked 0 Times in 0 Posts sao không có màu đỏ.
Lúc mình chèn thêm cái user lever thì nó chồng chéo lên nhau luôn ai giúp mình được không!!!

Sao không việt hóa được ?
Cái lỗi thứ 2 bạn chụp hình lên đây nhé với lại do quá trình đóng khung có lỗi đấy

[haihungit_9x]

Có thể cho mình cái class đóng khung của itvnn ko nhỉ

[oaichua07]

.eti_postbit_merkezli cái này dùng để làm gì bác ơi. Em muốn làm mấy cái chữ "Họ tên, Ngày tham gia, thành viên thứ, đến từ..." có màu như của itvnn thì sửa chỗ nào ak. của em nó màu mặc định

[Dunglx]

Dùng thẻ này như bình thường mà cậu
<b><font color=red> </font></b>

[loctinh2030]

sao ngộ quá, trong 4rum em đang dùng là vbb4 vẫn có mod lever, nhưng ko tìm thầy postbit_userlevel trong Postbit templates

[HTT.itvn]

sao ngộ quá, trong 4rum em đang dùng là vbb4 vẫn có mod lever, nhưng ko tìm thầy postbit_userlevel trong Postbit templates

Quan trọng là em có dùng mod level như ITVNN này hay không ? Em xem lại nhé .

[loctinh2030]

lever khác. anh có thể giúp đc không. demo. cntt34.com

[ketnoiso]

- Thêm thông tin như Địa chỉ , tên thật , năm sinh , ....
+ Đầu tiên chúng ta thêm thông tin tên thật .
Vào Admin CP >> User Profile Fields >> Add New User Profile Field >> Ở mục Profile Field Type chọn Single-Line Text Box >> Continue >> Mục chủ đề gõ : Họ và tên , mục Description gõ : Họ tên thật của bạn , mục Max length of allowed user input ghi giá trị 30 ( độ dài của tên ) , các mục khác để nguyên >> Save .
Bảng User Profile Fields in Area: Edit Profile xuất hiện , bạn chú ý chữ số kèm theo chữ field sau nó . Ví dụ : field5 thì mình nhớ chữ số 5 .
Tiếp theo ta cho nó hiển thị và đóng khung nó , bạn làm như sau :
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 :


Chèn xuống dưới đoạn code sau :


Với chú ý là chữ x màu đỏ là số field mà bạn phải ghi nhớ mà mình đã nhắc ở trên , như ví dụ của mình thì đoạn code như sau :



Save and reload . Nhấn F5 để kiểm tra .( Bài Viết của HTT.itvn)
+ Thêm thông tin địa chỉ ( thông tin giới tính , năm sinh , ... cũng tương tự ) .
Vào Admin CP >> User Profile Fields >> Add New User Profile Field >> Ở mục Profile Field Type chọn Single-Selection Menu >> Continue >> Mục chủ đề gõ Địa chỉ , 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 :

Các mục khác để nguyên và save . Chú ý số Field nhé .
Sau đó cho hiển thị thông tin : Admin CP >> Styles & Templates >> Style manager >> Chọn skin cần chỉnh , edit templates >> Postbit templates >> Postbit_legacy >> Tìm đoạn code mà ta đã thêm thông tin họ tên ở trên và chèn đoạn code sau xuống dưới :

Chú ý thay số field nhé
+ Đóng khung thông tin số bài viết , thành viên thứ , ...
Ngay ở dòng kế tiếp bạn sẽ thấy đoạn code cần đóng , bạn chú ý thẻ < div class=" .... " >....</div> và bạn thay thế thẻ <div class="eti_postbit">....</div>.

Toàn bộ code hoàn chỉnh của mình như sau :( Bài Viết của HTT.itvn)



Đoạn code trên nằm dưới thẻ ( ngay sau mod avatar ) :( Bài Viết của HTT.itvn)

a ơi e làm mãi cái này không được
e đã làm từng bước nhưng khi đăng ký thành viên mới vẫn không thấy gì,

chỉ cho e với nhá:yahoo: ketnoiso@ymail.com