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

bây giờ bài gửi đã thụt vô nhưng chữ thanks lại bị lệch ra giữa

Trích:

---

Nguyên văn bởi HTT.itvn

Phân tích tí đoạn code của em nhé ( chú ý nét đậm ) :



Thẻ đóng <div> ...</div> của em bắt đầu từ ngoài thẻ <vb:if condition="$show['reputation']"> , mà thẻ kết thúc đóng </div> của em lại nằm trong đoạn code <vb:if condition="$show['reppower']"> ...</vb:if> ( đoạn code này nằm bên trong đoạn code <vb:if condition="$show['reputation']"> ... </vb:if> ) . Điều này sẽ làm khung đóng không đúng vị trí mà nó chỉ đóng phần trên ( phần chữ ) mà không đống phần dưới ( phần số ) . Nếu đoạn code em đống như thế này :



Thì khi điểm của thành viên > 10 sẽ bị xuống hàng vì chức năng reppower nếu có số điểm > 10 sẽ tính theo thang điểm khác ( % hệ số ) . Code trên của em đều nằm trong thẻ <vb:if condition="$show['infraction'] OR $show['reppower']">....<vb:if> nên toàn bộ code trên còn thiếu 1 thẻ đóng </vb:if> cho thẻ mở <vb:if condition="$show['infraction'] OR $show['reppower']"> .

Từ phân tích trên em hiểu mình đóng sai chỗ nào rồi chứ ? Code hoàn chỉnh như sau :



hoặc :

---

em đưa thiếu đoạn code 2 dòng rồi
thiếu đoạn này:

Trích:

---

</dl>
</vb:if>

---

còn đây là đoạn mà nó hiển thị cái "cục" màu xanh xanh phía trên avarta

Trích:

---

<vb:if condition="$show['reputation']">
<span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>

---

giờ em đem nó xuống và đóng khung hoàn chỉnh như sau:

Trích:

---

<vb:if condition="$show['infraction'] OR $show['reppower']">

<vb:if condition="$show['infraction']">

<div class="eti_postbit">
{vb:rawphrase infractions} :
{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})
</div></vb:if>
<vb:if condition="$show['reputation']">
<vb:if condition="$show['reppower']">
<div class="eti_postbit">
{vb:rawphrase reppower}
: {vb:raw post.reppower}
</div>


<vb:if condition="$show['reputation']">
<div class="eti_postbit"> <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
</div></vb:if>



</vb:if>
</vb:if>

</vb:if>

---

Trích:

---

Nguyên văn bởi 01683419001

bây giờ bài gửi đã thụt vô nhưng chữ thanks lại bị lệch ra giữa

---

Send toàn bộ code cho mình xem nhé , kèm hình ảnh profile .

Trích:

---

Nguyên văn bởi spider95

A HTT ơi , hiện đoạn code trên kia ko đc :(

Link forum e : thebestvn.info

---

Phóng to nick , tìm code sau :

Trích:

---

<vb:if condition="$post['userid']"><dd>
{vb:raw memberaction_dropdown} {vb:raw post.onlinestatus}
<vb:else />
<span class="username guest">{vb:raw post.musername}</span> {vb:raw post.onlinestatus}
</dd></vb:if>

---

Thêm thẻ <h1>...</h1> như sau :

Trích:

---

<h1><vb:if condition="$post['userid']"><dd>
{vb:raw memberaction_dropdown} {vb:raw post.onlinestatus}
<vb:else />
<span class="username guest">{vb:raw post.musername}</span> {vb:raw post.onlinestatus}
</dd></vb:if></h1>

---

Đoạn trên vẫn k đc :

Code:

---

<center><div class="username_container">
<h4><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></h4>
</div></center>

---

'



Tiện thể cho em hỏi là cái khung của ITVNN và forum em khác nhau ! cai của ITVNN nó vuông trông nhìn đẹp hơn còn cái của em nó bo tròn nhìn k thẩm mĩ cho lắm . Có phải bắt buộc dùng skin giống ITVNN mới đc ko ?

Mấy cách trên anh đều thử nghiệm thành công mà , sao em lại làm không được . Thử làm theo cách này xem sao nhé :


- Phóng to nick : Vào adminCP >> Styles & Templates >> Style Manager >> Chọn skin >> Edit Templates >> CSS templates >> postbit.css , thêm cuối cùng đoạn code sau :

Trích:

---

.username_container {
padding:2px 0;
text-align:center;
}

.username_container .username strong {
font-size: 16pt;
font-weight:400;
}

---

- Đóng khung giống ITVNN : Vào adminCP >> Styles & Templates >> Style Manager >> Chọn skin >> Edit Templates >> CSS templates >> postbit.css , thêm cuối cùng đoạn code sau :

Trích:

---

.post_itvnn {
background: #fff;
color: #837e6e;
border: 1px solid #c4c0b5;
padding: 3px 3px 3px 10px;
margin-top: 2px;
text-align:left;
}
.post_itvnn strong {
color: #d62e1f;
}
.post_itvnn dt {
color: #d62e1f;
font-weight:700;
}

---

Nhấn save . Sau đó vào postbit_legacy chỉnh "eti_postbit" thành "post_itvnn" .

Trích:

---

Nguyên văn bởi HTT.itvn

Send toàn bộ code cho mình xem nhé , kèm hình ảnh profile .

---

code phần nào vậy! ak` cho hỏi cách thống nhất các code của khung profile ở các trình duyệt opera, firefox,IE nha

anh thanh cho em hỏi đoạn code của mod user level trong postbit_legacy là đoạn nào ạ?em muốn di chuyển nó xuống dưới cùng trong profile( hiện giờ nó nằm trên cái mod thank giống itvnn)

Trích:

---

Nguyên văn bởi 01683419001

code phần nào vậy! ak` cho hỏi cách thống nhất các code của khung profile ở các trình duyệt opera, firefox,IE nha

---

Toàn bộ code trong postbit_legacy .

Trích:

---

Nguyên văn bởi HTT.itvn

Toàn bộ code trong postbit_legacy .

---

code này

Trích:

---

{vb:raw template_hook.postbit_start}
<li class="postbitlegacy postbitim postcontainer" id="post_{vb:raw post.postid}">
<!-- see bottom of postbit.css for .userinfo .popupmenu styles -->

<div class="tcat">
<div class="tcat_left"></div>
<div class="tcat_right"></div>
<h2>
<span class="forumtitle">{vb:raw thread.title}</span>
</h2>
</div>
<div class="tbody_left">
<div class="tbody_right postbit_wrapper">

<div class="posthead">
<vb:if condition="$show['inlinemod']"><label for="post_imod_checkbox_{vb:raw post.postid}"></vb:if>
<span class="postdate {vb:raw post.statusicon}">
<vb:if condition="$show['announcement']">
<span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span>
<vb:else />
<span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">&nbsp;<span class="time">{vb:raw post.posttime}</span></vb:if></span>
</vb:if>
</span>
<span class="nodecontrols">
<vb:if condition="$post['postid'] AND $post['threadid'] AND !$show['moderated']">
<a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="<vb:if condition="$show['inlinemod']">ie</vb:if>postcounter">#{vb:raw post.postcount}</a><a id="postcount{vb:raw post.postid}" name="{vb:raw post.postcount}"></a>
</vb:if>
<vb:if condition="$show['moderated']">{vb:rawphrase moderated_post}</vb:if>
<vb:if condition="$show['inlinemod']">
<input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" />
</vb:if>
</span>
<vb:if condition="$show['inlinemod']"></label></vb:if>
</div>
<div class="postdetails">
<div class="userinfo">
<div class="username_container">
<center> <b> <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><b></center>
</div>
<span class="usertitle">
{vb:raw post.usertitle}
</span>
<vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if>
{vb:raw template_hook.postbit_userinfo_left}
<vb:if condition="$show['reputation']">
<span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
</vb:if>
<!-- ��ng khung avatar --><center>
<vb:if condition="$show['avatar']">
<table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/avatar/ava_01.png" width="34" height="34" alt=""></td>
<td background="images/avatar/ava_02.png">
</td>
<td>
<img src="images/avatar/ava_03.png" width="34" height="34" alt=""></td>
</tr>
<tr>
<td background="images/avatar/ava_04.png">
</td>
<td background="images/avatar/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/avatar/ava_06.png">
</td>
</tr>
<tr>
<td>
<img src="images/avatar/ava_07.png" width="34" height="34" alt=""></td>
<td background="images/avatar/ava_08.png">
</td>
<td>
<img src="images/avatar/ava_09.png" width="34" height="34" alt=""></td>
</tr>
</table>
</vb:if> </center>
<!-- / K?t th�c d�ng khung avatar -->
<vb:if condition="$post['userid']">
<hr />
<dl class="userinfo_extra">
<div align="center" class="eti_postbit">
<vb:if condition="$post['userid']"><font color=red><b>Thành viên thứ</b></font><dd>{vb:raw post.userid}</dd></vb:if></div>

<vb:if condition="$post['field5']"><div class="eti_postbit"><font color=red><b><dt>Họ Tên</dt></b></font><dd> {vb:raw post.field5}</dd></div></vb:if>

<vb:if condition="$post['field6']"><div class="eti_postbit"><font color=red><b><dt>Đến Từ</dt></b></font><dd> {vb:raw post.field6}</dd></div></vb:if>

<vb:if condition="$post['field7']"><div class="eti_postbit"><font color=red><b><dt>Giới Tính</dt></b></font><dd> {vb:raw post.field7}</dd></div></vb:if>


<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></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="eti_postbit"><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd></div>

{vb:raw template_hook.postbit_userinfo_right_after_posts}
</dl>
<vb:if condition="$show['infraction'] OR $show['reppower']">
<dl class="user_rep">
<vb:if condition="$show['infraction']">
<dt>{vb:rawphrase infractions}</dt>
<dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
</vb:if>
<vb:if condition="$show['reputation']">
<vb:if condition="$show['reppower']">
<dt>{vb:rawphrase reppower}</dt>
<dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd>
</vb:if>
</vb:if>
</dl>
</vb:if>
{vb:raw template_hook.postbit_userinfo_right}
<div class="imlinks">
{vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}
</div>
</vb:if>
</div>
<div class="postbody">
<div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>">
{vb:raw template_hook.postbit_messagearea_start}
<vb:if condition="$post['title'] OR $show['messageicon']">
<h2 class="title icon">
<vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title}
</h2>
</vb:if>


<vb:if condition="$post['isfirstshown']">
{vb:raw ad_location.ad_showthread_firstpost_start}
{vb:raw ad_location.thread_first_post_content}
</vb:if>
<vb:if condition="$post['islastshown']">
{vb:raw ad_location.thread_last_post_content}
</vb:if>
<div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>

<vb:if condition="$show['attachments']">
<div class="attachments">

<vb:if condition="$show['thumbnailattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend>
{vb:raw post.thumbnailattachments}
</fieldset>
</vb:if>

<vb:if condition="$show['imageattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>
{vb:raw post.imageattachments}
</fieldset>
</vb:if>

<vb:if condition="$show['imageattachmentlink']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>
<ul>
{vb:raw post.imageattachmentlinks}
</ul>
</fieldset>
</vb:if>

<vb:if condition="$show['otherattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_files}</legend>
<ul>
{vb:raw post.otherattachments}
</ul>
</fieldset>
</vb:if>

<vb:if condition="$show['moderatedattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attachments_pending_approval}</legend>
<ul>
{vb:raw post.moderatedattachments}
</ul>
</fieldset>
</vb:if>

</div>
<!-- / attachments -->
</vb:if>
</div>
</div>
<vb:if condition="$show['postedited'] || $post['signature']">
<div class="after_content">
<vb:if condition="$show['postedited']">
<!-- edit note -->
<blockquote class="postcontent lastedited">
<!-- <img src="{vb:stylevar imgdir_button}/edit_40b.png" class="inlineimg" alt="" /> -->
<vb:if condition="$show['postedithistory']">
{vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date},
{vb:raw post.edit_time}, {vb:raw post.historyurl}}
<vb:else />
{vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}}
</vb:if>
<vb:if condition="$post['edit_reason']">
<span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason}
</vb:if>
</blockquote>
<!-- / edit note -->
</vb:if>
{vb:raw template_hook.postbit_signature_start}
{vb:raw ad_location.ad_showthread_firstpost_sig}
<vb:if condition="$post['signature']">
<blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
</vb:if>
{vb:raw template_hook.postbit_signature_end}
</div>
</vb:if>
<div class="cleardiv"></div>
</div>
</div>
<div class="postfoot">
<!-- <div class="postfoot_container"> -->
<div class="textcontrols floatcontainer">
<span class="postcontrols">
<img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" />
<vb:if condition="$post['editlink']">
<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a>
<span class="seperator">&nbsp;</span>
</vb:if>
<vb:if condition="$show['quickreply'] AND !$show['threadedmode']">
<a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}" rel="nofollow"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a>
<span class="seperator">&nbsp;</span>
</vb:if>
<vb:if condition="$post['replylink']">
<a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow"><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" /> <vb:if condition="$post['forwardlink']">{vb:rawphrase reply_to_private_message}<vb:else />{vb:rawphrase reply_with_quote}</vb:if></a>
<vb:if condition="$show['multiquote_post']"><span class="seperator">&nbsp;</span></vb:if>
</vb:if>
<vb:if condition="$show['multiquote_post']">

<a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" />&nbsp;</a>
</vb:if>
</span>
<span class="postlinking">
<vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'">
<vb:if condition="$promote_sectionid AND $promote_sectionid != -1">
<a href="{vb:raw promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a>
<span class="seperator">&nbsp;</span>
</vb:if>
</vb:if>

{vb:raw template_hook.postbit_controls}
{vb:raw post.iplogged}
<vb:if condition="$post['forwardlink']">
<a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a>
<vb:if condition="$show['reputationlink'] OR $show['infractionlink'] OR $show['moderated'] OR $show['spam'] OR $show['deletedpost'] OR $show['redcard'] OR $show['yellowcard']"><span class="seperator">&nbsp;</span></vb:if>
</vb:if>
<vb:if condition="$show['reputationlink']">
<span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" title="{vb:rawphrase reputation}" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase reputation}" /> -->&nbsp;</a></span>
</vb:if>

<vb:if condition="$show['infractionlink']">
<a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}"><!-- <img src="{vb:stylevar imgdir_button}/add-infraction_sm.png" alt="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}" /> --> &nbsp;</a> &nbsp;
</vb:if>
<vb:if condition="$show['reportlink']">
<a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> -->&nbsp;</a> &nbsp;
</vb:if>

<vb:if condition="$show['moderated']">
<img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" />
</vb:if>
<vb:if condition="$show['spam']">
<img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" />
</vb:if>
<vb:if condition="$show['deletedpost']">
<vb:if condition="$show['managepost']">
<a class="deleted" href="postings.php?{vb:raw session.sessionurl}do=managepost&amp;p={vb:raw post.postid}" title="{vb:rawphrase manage}"><!-- <img src="{vb:stylevar imgdir_misc}/deleted_sm.png" alt="{vb:rawphrase manage}" /> --> &nbsp;</a>
<vb:else />
<img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_misc}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" />
</vb:if>
</vb:if>
<vb:if condition="$show['redcard']">
<a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><!-- <img src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /> --> &nbsp;</a>
<vb:elseif condition="$show['yellowcard']" />
<a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><!--<img src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /> --> &nbsp;</a>
</vb:if>
</span>
<!-- </div> -->
</div>
</div>
<div class="tbody_under"></div>
</div>
</div>
<div class="tfoot">
<div class="tfoot_left"></div>
<div class="tfoot_right"></div>

</div>

<hr />
</li>
{vb:raw template_hook.postbit_end}

---

còn vụ khung profile bị lỗi ở trình duyệt opera và firefox chỉ đẹp ở Google Chrome thôi! giúp mình luôn nha:
IE:http://img.photo.zing.vn/file_upload...1282031672.bmp
Firefox:http://img.photo.zing.vn/file_upload...1282031706.bmp

Google Chrome thì bình thường