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]

1 cái stylevars của a em tìm ở trên k thấy là forumrow_firstentry_background

Code em đưa anh không thấy đâu cả , nếu là MOD thì em đưa MOD đấy anh xem nhé !

- Tại mục search Stylevar em gõ tìm từ forumrow thì sẽ thấy nó nằm liền kề nhau .

[spider95]

đc rồi , thanks anh..................

[spider95]

Anh HTT cho em hỏi cái nữa là cách canh khung avatar vào giữa

[HTT.itvn]

Anh HTT cho em hỏi cái nữa là cách canh khung avatar vào giữa

Thêm thẻ <center> ... </center> vào đoạn code avatar , có dạng như sau :

<center>
<vb:if condition="$show['avatar']">
.
.
.
</vb:if>
</center>

[spider95]

			<center><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></center>

ko dc anh ơi

[HTT.itvn]

			<center><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></center>

ko dc anh ơi

Avatar mặc định Sao không đóng khung cho nó đẹp , có đầy đủ trong ebook rồi đó

[spider95]

khổ cái , ebook ko cho copy code thì em chép mệt chết
Chứ em cũng muốn đóng khung như itvnn vậy nè

[HTT.itvn]

khổ cái , ebook ko cho copy code thì em chép mệt chết
Chứ em cũng muốn đóng khung như itvnn vậy nè

Ủa , anh có chống coppy đâu . Tại em không biết coppy chứ . Sẵn anh đưa code đóng khung avatar nè , coppy về xài nhé .

<vb:if condition="$show['avatar']">
<table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/avatars/ava_01.png" width="34" height="34" alt=""></td>
<td background="images/avatars/ava_02.png">
</td>
<td>
<img src="images/avatars/ava_03.png" width="34" height="34" alt=""></td>
</tr>
<tr>
<td background="images/avatars/ava_04.png">
</td>
<td background="images/avatars/ava_05.png">
<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>
</td>
<td background="images/avatars/ava_06.png">
</td>
</tr>
<tr>
<td>
<img src="images/avatars/ava_07.png" width="34" height="34" alt=""></td>
<td background="images/avatars/ava_08.png">
</td>
<td>
<img src="images/avatars/ava_09.png" width="34" height="34" alt=""></td>
</tr>
</table>
</vb:if> </center>

[spider95]

thanks đại ka nha , chỉ em cách copy tron pdf đi .
h thanks hết pic

<!--Bổ sung bài viết --/>

hình như đoạn code trên muốn đóng khung có viền phải có file images , thấy src "img src="images/avatars/ava_09.png" quát trời ..

[vothien93]

sao của em nó không hiện phần tiền của mod ucash trong profile nữa z?