Share Đóng khung profile ẩn hiện rất gọn và đẹp

[[King-Game]]

Demo:

Bước 1: Vào Styles & Templates >>> Styles Manager >>> Edit Templates >>> Postbit_legacy (postbit)
Nếu bạn trước đây đã đóng khung rồi thì thay phần đóng khung cũ = đoạn code sau: (Nhớ chú ý phần màu đỏ thay vào cho thích hợp với forum của bạn ^^)
Code:
<!-- $Id: CĐP Thông Tin Thành Viên $ --><div style="margin:0px 0px 0px 0px"> <div class="smallfont" style="margin-bottom:0px"> <input type="button" value="Thông tin thành viên" style="width:180px;font-size:12px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn thông tin thành viên'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem thông tin thành viên'; }"> <div style="margin: 0px; padding: 0px; border: 0px inset;"> <div style="display: none;"> <vb:if condition="$post['userid']"> <div class="eti_postbit">Thành Viên Thứ: <font color="#FF0000"><b>{vb:raw post.userid}</b></font></div></vb:if><vb:if condition="$post['userid']"> <div class="eti_postbit">Trạng thái: {vb:raw post.onlinestatus}</div></vb:if><div class="eti_postbit"><dt>*********</dt> <dd><img src="images/gender/<vb:if condition="$post['field5']=='Nam'">Nam<vb:else /><vb:if condition="$post['field5']=='Nữ'">Nu<vb:else />Bede</vb:if></vb:if>.gif"border="0" alt="{vb:raw post.field5}"></img></dd></div> <vb:if condition="$post['age']"><div class="eti_postbit">Tuổi: {vb:raw post.age}</div></vb:if><vb:if condition="$post['field6']"> <div class="eti_postbit">Đến Từ: {vb:raw post.field6}</div></vb:if> <div class="eti_postbit">Tổng số bài viết: {vb:raw post.posts}</div> {vb:raw template_hook.postbit_userinfo_right_after_posts} <!--$Id: CĐP Thông Tin Thành Viên $ --><br /></div></div></div></div>
Nếu bạn chưa đóng khung thông tin thành viên thì mình share cái đóng khung của mình luôn nè ^^
Bước 1: Vào Styles & Templates >>> Styles Manager >>> Edit Templates >>>CSS Templates >>> postbit.css
Chèn cái này vào cuối cùng:
Code:
}.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: -1px2px 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: -1px2px 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};}.username_container {padding:2px 0;text-align:left;}.username_container.username strong {font-size: 12pt;font-weight:400;}

----------> Bổ sung bài viết lúc 10:10 <----------> Bài viết trước lúc 10:04 <----------

Sau đó thay thế toàn bộ postbit_legacy của bạn bằng code sau:
Code:
{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="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"> <vb:if condition="$post['userid']"> {vb:raw memberaction_dropdown} <vb:else /> <span class="username guest">{vb:raw post.musername}</span> </vb:if> </div> <center><span class="usertitle"> {vb:raw post.usertitle} </span></center> <vb:if condition="$post['rank']"> </vb:if> {vb:raw template_hook.postbit_userinfo_left} <vb:if condition="$show['reputation']"> </vb:if> <vb:if condition="$show['avatar']"> <center><div class="eti_postbit"> <a 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></div> </center> </vb:if> <vb:if condition="$post['userid']"> <hr /> <dl class="userinfo_extra"><vb:if condition="$post['rank']"><div class="eti_postbit"><center>{vb:raw post.rank}</center></vb:if></div><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>

----------> Bổ sung bài viết lúc 10:16 <----------> Bài viết trước lúc 10:10 <----------

</div></vb:if></vb:if></vb:if></vb:if> <center><div class="eti_postbit">Bạn có <b><font color="red">{vb:raw post.posts}</font></b> điểm</div></center> <!-- $Id: NNT Thông Tin Thành Viên $ --><div style="margin:0px 0px 0px 0px"> <div class="smallfont" style="margin-bottom:0px"> <input type="button" value="Thông tin thành viên" style="wid th:180px;font-size:12px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn thông tin thành viên'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem thông tin thành viên'; }"> <div style="margin: 0px; padding: 0px; border: 0px inset;"> <div style="display: none;"><vb:if condition="$post['userid']"> <div class="eti_postbit">Thành Viên Thứ: <font color="#FF0000"><b>{vb:raw post.userid}</b></font></div></vb:if><vb:if condition="$post['userid']"> <div class="eti_postbit">Trạng thái: {vb:raw post.onlinestatus}</div></vb:if><div class="eti_postbit"><dt>*********</dt> <dd><img src="images/gender/<vb:if condition="$post['field5']=='Nam'">Nam<vb:else /><vb:if condition="$post['field5']=='Nữ'">Nu<vb:else />Bede</vb:if></vb:if>.gif"border="0" alt="{vb:raw post.field5}"></img></dd></div> <vb:if condition="$post['age']"><div class="eti_postbit">Tuổi: {vb:raw post.age}</div></vb:if><vb:if condition="$post['field6']"> <div class="eti_postbit">Đến Từ: {vb:raw post.field6}</div></vb:if><div class="eti_postbit">Tổng số bài viết: {vb:raw post.posts}</div> {vb:raw template_hook.postbit_userinfo_right_after_posts}<!-- $Id: NNT Thông Tin Thành Viên $ --><br /></div></div></div></div> </dl> {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:rawpost.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">