Code này chính là code HTML Ẩn/Hiện thôi . Code có dạng như thế này :
<div style="margin:0px 0px 0px 0px"> <input type="button" value="Thông tin thành viên" style="width:100%;font-size:10px;margin:0px;padding:5px;background-color:#fff;color:red;
border:1px solid green; "
onclick="if (this.parentNode.parentNode.getElementsByTagName(' div')[1].getElementsByTagName('div')[0].style.display != '')
{
this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = ''; this.value = 'Ẩn thông tin thành viên';
}
else
{
this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = '';
this.value = 'Hiện thông tin thành viên'; }">
<div style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">
{ CODE THÔNG TIN THÀNH VIÊN Ở ĐÂY }
</div>
</div>
</div>
Anh hướng dẫn chèn vào thông qua style mặc định nhé .
Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style >> Edit Templates >> Postbit Tempaltes >> postbit_legacy , tìm code thông tin thành viên :
<dl class="userinfo_extra"> <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>
<dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd>
{vb:raw template_hook.postbit_userinfo_right_after_posts}
</dl>
Các bạn chèn code Ẩn / Hiện như sau :
<dl class="userinfo_extra">
<div style="margin:0px 0px 0px 0px"> <input type="button" value="Thông tin thành viên" style="width:100%;font-size:10px;margin:0px;padding:5px;background-color:#fff;color:red;border:1px solid green; "
onclick="if (this.parentNode.parentNode.getElementsByTagName(' div')[1].getElementsByTagName('div')[0].style.display != '')
{
this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = ''; this.value = 'Ẩn thông tin thành viên';
}
else
{
this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = '';
this.value = 'Hiện thông tin thành viên'; }">
<div style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">
<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>
<dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd>
</div>
</div>
</div>
{vb:raw template_hook.postbit_userinfo_right_after_posts}
</dl>
Dòng đỏ đậm là code CSS , các bạn có thể tùy chỉnh cho phù hợp với forum nhé .
Chú ý : Demo trên là demo cho style mặc định , mỗi forum có thông tin thành viên khác nhau , các bạn chú ý linh động với dòng màu xanh nhé .