Hướng dẫn đóng khung thông tin chi tiết cho VBB 4.x

Trích:

---

Nguyên văn bởi X_SuperMan

Ðính Kèm 4821

mọi người cho hỏi khi em đã làm xong tất cả các mod và đóng khung xong rồi
Em vào
Postbit Templates >> postbit_userlevel :

Đóng lên đầu tiên đoạn code sau :

Code:

---

<div class="eti_postbit"><font color=red><b><dt>

---

Và chèn sau cùng đoạn code :

Code:

---

</dt></b></font>

---

làm theo hướng dẫn mod cái User level cũng xong nhưng khi đóng khung thì nó bị thế

demo: http://dongdang.name.vn/@forum/showt...&p=352#post352

Em làm theo ebook của Htt ITVN đó.
Nhưng lại bị lỗi

Giúp em với mọi người ơi.

---

bác thay thế tất cả bằng

Code:

---

<div class="post_field"><br /><div align="left" class="userlevelContainer">
 <div class="smallfont">{vb:rawphrase userlevel_level}:&nbsp;{vb:raw showlevel}&nbsp;<vb:if condition="$show['hl']">[<a href="faq.php?{vb:raw session.sessionurl}faq=vb3_user_profile#faq_vb3_user_level">?</a>]</vb:if><br />
 {vb:rawphrase userlevel_experience}:&nbsp;{vb:raw exp}<br />
 {vb:rawphrase userlevel_nextlevel}:&nbsp;{vb:raw nextexp}</div>
 <div class="alt2" style="text-align:left; width:102px; background-color: #fff; border:1px; height:11px; border-style:solid;" title="{vb:rawphrase userlevel_needexp, {vb:raw nextexp}}">
  <div style="width:{vb:raw ewidth}; height:9px; margin:1px; background-image: url({vb:stylevar imgdir_misc}/userlevel.gif); background-repeat:repeat-x;"></div>
 </div>
</div><br /></div>

---

Bạn user

Bạn chú ý đọc kĩ lại mấy bài này nhé và nhớ chú ý những chố màu đỏ nhé

http://itvnn.net/showthread.php?1285...ll=1#post23918

http://itvnn.net/showthread.php?1285...ll=1#post23928


http://itvnn.net/showthread.php?1285...ll=1#post23934

Nếu khong được bạn thay những có <div class="eti_postbit"> bằng <div class="post_field">

Sau khi làm lung tung (không nhớ chỉnh sửa sao nữa) kết quả mình đạt được là như hình bên dưới.
Và mình còn muốn làm thêm một số thay đổi nữa như:
- Đưa hình avatar và administrator vào giữa
- Thay đổi màu và tô đậm các chữ: Họ tên, đến từ, tham gia...
- Viền của khung bao quanh (như hình cái khung của mình không có viền mà là đổ bóng)
Làm phiền Mod hướng dẫn thêm chúc nữa.
Thanks Mod nhiều nhiều...

Em phải hack MOD avatar nữa , sau đó tiến hành đóng khung avatar . Em nên chịu khó đọc lại tất cả reply trong topic này , trường hợp của em đã có đủ rồi . Tham khảo thêm ebook em nhé .

Anh Thanh ơi, nghiên cứu cả một đêm em được thế này vẫn không thể nào thay đổi được màu chữ của: "Ngày tham gia, Bài gửi, thanks" thành màu xanh giống bên trên và cũng không đống khung được phần thanks
Anh xem đoạn code phía dưới và giúp em với.
Phần post_itvnn em đã thay thành eti_postbit, itvnn_postbit, post_field --> tất cả điều không được

Code:

---

<b><vb:if condition="$post['field5']"><div class="post_itvnn"><font color=green> Họ tên : </font> {vb:raw post.field5}</div></vb:if></b><b><vb:if condition="$post['field7']"><div class="post_itvnn"><font color=green> Giới tính : </font> {vb:raw post.field7}</div></vb:if></b><b><vb:if condition="$post['field6']"><div class="post_itvnn"><font color=green> Ðến từ : </font>{vb:raw post.field6}</div></vb:if></b><b><vb:if condition="$post['field4']"><div class="post_itvnn"><font color=green> Nghề nghiệp : </font>{vb:raw post.field4}</div></vb:if></b><b><vb:if condition="$post['joindate']"><div class="post_itvnn"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></b></div></vb:if><vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if><vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if><div class="post_itvnn"><b><font color=green><dt>{vb:rawphrase 'posts'}</dt></font> <dd>{vb:raw post.posts}</dd></b></div> {vb:raw template_hook.postbit_userinfo_right_after_posts}</dl>

---

Em vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style cần chỉnh >> Edit Templates >> CSS Templates >> additional.css , thêm code này vào dưới ( nếu chưa có - Còn nếu có CSS đóng khung thì thay thế ) :

Trích:

---

.post_field { background: #fff;
color: #414141;
border: 1px solid #b9c4cd;
padding: 3px 3px 3px 10px;
margin-top: 2px;
text-align:left;
}
.post_field strong {
color: #587c1d;
}
.post_field dt {
text-align:left;
color: #587c1d;
font-weight:700;
}


.username_container {
padding:2px 0;
text-align:center;
}
.username_container .username strong {
font-size: 15pt;
font-weight:400;
}
.usertitle, .rank {
text-align:center;
}
.usercenter {
padding-top:5px;
text-align:center;
}






.shakeimage{
position:relative
}


.username_container {
padding:2px 0;
text-align:center;
}
.username_container .username strong {
font-size: 16pt;
font-weight:400;
}
.usertitle, .rank {
text-align:center;
}
.usercenter {
padding-top:5px;
text-align:center;
}

---

Save lại >> Tiếp tục vào postbit_legacy >> Tìm pro5 cần đóng khung ( dòng code mà em đã đóng khung ở lần trước ) >> Sửa lại thế này ( ví dụ ở đây là phần Ngày tham gia và Họ tên ) :

Trích:

---

<vb:if condition="$post['joindate']"><div class="post_field"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>
<vb:if condition="$post['field5']"><div class="post_field"><dt>Họ tên</dt><dd>{vb:raw post.field5}</dd></div></vb:if>

---

Tương tự với Pro5 khác nhé .

Demo : Khung profile giống ITVNN .

Thanks anh Thanh nhiều nhiều, thật ra em không hề biết gì về mấy cái code này nhưng sao khi được sự hướng dẫn của anh mà mài mò thấy thật là thú vị khi thành quả được như vậy.
Nhưng có vấn đề thế này, sao khi đăng ký thử một nick khác để set làm Moderate thì phát hiện có điều lạ là khi nick đó post bài thì bên dưới nick không hiện title là Moderator mà là với chữ administrator. Khi mình vào AdminAP phần User Title thì thấy có phần set cái này nhưng mình không hiểu. Nhờ anh chỉ giúp (có vẻ như mình lạc đề ở chủ đề này nhưng nhờ anh chỉ giúp để khỏi phải mở thêm topic.

Anh Thanh ơi, giúp em với, một ngày đẹp trời diễn đàn của em bỏng dưng bị điên :D.
Sáng nay khi vào bỏng dưng phần đóng khung có hiện tượng nửa trên được đóng khung, nửa dưới không đóng khung. Nhưng nếu bấm F5 (reload) thì lại ok không bị nữa. Nhưng khi ra vào một topic khác thì lại bị và cứ thể bấm F5 lại hết. Nhưng nếu là khách (không login) thì cứ bị nửa trên nửa dưới dù có F5 vẫn bi như vậy, vậy là sao vậy, nhờ anh chỉ em giúp.

Ðính Kèm 4859 Ðính Kèm 4860

Bác cho em hỏi là thức hiện theo bác để can giữa cho thông tin thành viên mà ko đc
Ðính Kèm 4865
Ðính Kèm 4866

Lỗi này mình đã bị rồi, bạn quay lại xem những bài mà HTT đã reply cho mình và thực hiện từng bước sẽ làm được.