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]

Mình dùng bản 4.0.3, cài style Element. Có một vấn đề nhỏ là khi mình login, ở ô login có sẵn những chử, biểu tượng như "username" và những dấu * của pass. Khi click vào đó thì những nó không tự mất đi, mình phải del nó để nhập chử vào. Như vậy quá bất tiện. Bạn có thể chỉ mình cách fix không? Một số style không bị lỗi này.

Có thể style của bạn nặng quá nên upload chậm , mình cũng bị thế này . Chờ khoảng 1 phút thì mới được như bình thường .

P/s : Bạn có hỏi gì thì hỏi qua đây nhé . Để người khác còn biết nữa chứ .

[LightHurt]

Bạn cho mình biết bạn đang dùng loại mod blog gì ? Phiên bản ? Để mình còn tìm trong temp

mình dùng vbb4.0.3, lúc cài đặt 4rum nó đi kèm với blog và trang chủ chứ mình ko cài mod blog riêng, trong Product có vBulletin Blog ver 4.0.3

[LightHurt]

hic xin lỗi spam nhưng bạn đã tìm ra chỗ đóng khung chưa

[HTT.itvn]

hic xin lỗi spam nhưng bạn đã tìm ra chỗ đóng khung chưa

Xin lỗi bạn , dạo này mạng nhà mình bị đứt nên chưa thể online suốt được , đang dùng ké mạng phòng bên . Khi nào nhà mạng sữa lại đường dây mình sẽ tìm hiểu .

Bạn tìm đến Vietvbb Templates >> vietvbb_topstats_top_bloggers : Gán thẻ <div class="eti_postbit"> ... </div> đầu và cuối xem sao nhé .

Ví dụ của mình :

<div class="eti_postbit"><div class="topx-bit">
<em title="{vb:rawphrase entries}">
{vb:raw content.entries}
</em>
<span class="topx-content-menu">
<a href="{vb:link blog, {vb:raw content}, null, 'userid', 'fullusername'}" title="{vb:raw content.fullusername}">{vb:raw content.musername}</a>
</span>
</div></div>

Tuơng tự với vietvbb_topstats_blog_info :

<div class="eti_postbit"><div class="floatcontainer forumbit_nopost" id="tip_{vb:raw content.blogid}" style="display:none;">
<div class="forumhead foruminfo topx-tip-head" style="margin-top:0px;">
<h2>
<span class="forumtitle">{vb:rawphrase info}</span>
</h2>
</div>
<div class="childforum forumbit_post">
<div class="forumrow table topx-tip-info">
<div> • <strong>{vb:rawphrase title}:</strong> <a href="{vb:link entry, {vb:raw content}, null, 'blogid', 'fullblogtitle'}">{vb:raw content.fullblogtitle}</a></div>
<div> • <strong>{vb:rawphrase posted_by}:</strong> <a href="{vb:link member, {vb:raw content}, null, 'postedby_userid', 'postedby_username'}">{vb:raw content.postedby_username}</a></div>
<div> • <strong>{vb:rawphrase time}:</strong> {vb:raw content.startdate} {vb:rawphrase at} {vb:raw content.starttime}</div>
<div> • <strong>{vb:rawphrase vietvbb_in}:</strong> <a href="{vb:link blog, {vb:raw content}, null, 'userid', 'username'}">{vb:raw content.username}</a></div>
<hr />
<div> • <strong>{vb:rawphrase vietvbb_last_comment_by}:</strong> {vb:raw content.lastcommenter}</div>
<div> • <strong>{vb:rawphrase vietvbb_last_comment_time}:</strong> {vb:raw content.lastpostdate} {vb:rawphrase at} {vb:raw content.lastposttime}</div>
<hr />
<div> • <strong>{vb:rawphrase views}:</strong> {vb:raw content.views}</div>
<div> • <strong>{vb:rawphrase vietvbb_comments}:</strong> {vb:raw content.comments_visible}</div>
</div>
</div>
</div></div>

[LightHurt]

mình đã làm theo cách trên nhưng vẫn ko được bạn ạ

[HTT.itvn]

mình đã làm theo cách trên nhưng vẫn ko được bạn ạ

Vì forum của mình đã gỡ bổ hết những gì liên quan đến blog nên không thể kiểm tra được . Trong thời gian tới mình sẽ hoàn thành xong ebook cho Vbb 4.0.x nên cũng cần những ý kiến của bạn để bổ sung ebook .

Mình đã gửi tin nhắn trong ITVNN cho bạn , bạn vao xem nhé !

[tnquang]

Có thể style của bạn nặng quá nên upload chậm , mình cũng bị thế này . Chờ khoảng 1 phút thì mới được như bình thường .

P/s : Bạn có hỏi gì thì hỏi qua đây nhé . Để người khác còn biết nữa chứ .

Cám ơn bạn, tuy nhiên hiện tượng này không phải bị nặng style mà do sao đó mình không rõ. Nó khá bất tiện cho những người không quen. Click vào username thì không mất chử, dùng tab sang pass cũng không mất mấy dấu *. Chờ lâu cũng vậy hà. Mà cái style này thì mình nghĩ nó không có gì nặng hết
PS: style mới của diễn đàn bị lỗi hay sao á, bể hình tùm lum kìa.

[hau_ooo]

Xung đột js
Vì ko biết rõ bạn dùng những file nào nên chỉ có 1 lời khuyên là quay về skin mặc định xem

[HTT.itvn]

mình đã làm theo cách trên nhưng vẫn ko được bạn ạ

Sau một hồi căng mắt ra nhìn vì temp blog nhiều quá mà chưa biết cái nào để đóng khung blog , vào forum của bạn thì mình để ý là có chữ số kick vào là vô blog >> Tức cái này liên quan đến link >> Hoá ra temp cần đóng khung là blog_postbit_entries_link >> Thành công . Mình đã đóng khung blog và mod trạng thái cho bạn , có nhiều khung bạn bị lỗi nhưng mình không dám can thiệp sâu vào mà để bạn tự làm .

Đã có thêm phần đóng khung cho blog ở trang 1 .

[itpro1210]

Cái code mà bạn đưa ra ở trên là code default của Thank Post You Hack 7.82 mà , lỗi eror là do bạn chưa thay right thành left .
Mình đang viết ebook về forum VBB 4.0.x nên cần ý kiến của bạn .

ủng hộ hết mình nếu khi nào cho ra ebook 4.0.x thì info cho tớ với mail: itpro1990@gmai.com, thanks