• Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership from 10$ a month today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Hướng dẫn thêm ẩn hiện subforum cho vbb

Admin

Well-Known Member
Staff member
Administrator
Hôm nay mình sẽ hướng dẫn các bạn thêm phần ẩn hiện subforum
Đầu tiên vào Admincp > Style Manager > Search in Template, chỉ tìm trong tiêu đề nhập forumhome_forumbit_level1_post
Tìm
HTML:
{vb:raw forum.subforums}
Thay bằng
HTML:
<div class="divspoiler">
<input type="button" class="mc" value="→ Nhiều subforum hơn" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = '↑ Ẩn subforum'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = '↓ Hiện subforum'; }" />
</div><div><div class="spoiler" style="display: none;">
                        
<div style="padding:1px;">{vb:raw forum.subforums}</div>

</div></div>
Làm tương tự với template additional.css dán code sau vào cuối
HTML:
.mc {
display: inline-block;
margin-top: 8px;
background: #f9f9f9;
background: -moz-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
background: -o-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
background: -ms-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
background: linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#EAEAEA',GradientType=0);
height: auto;
border: 1px solid #cacaca;
border-radius: 3px;
padding: 7px;
text-align: left;
line-height: 23px;
box-shadow: inset 0 1px 2px white,0px 1px 1px rgba(0,0,0,0.12);
padding-left: 9px;
font-weight: bold;
text-transform: uppercase;
color: #6f6f6f;
text-shadow: 0 1px white;
margin-top: 10px;
cursor:pointer;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.mc:hover {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0, #fbfbfb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #fbfbfb));
    background: -webkit-linear-gradient(top, #fefefe 0, #fbfbfb 100%);
    background: -o-linear-gradient(top, #fefefe 0, #fbfbfb 100%);
    background: -ms-linear-gradient(top, #fefefe 0, #fbfbfb 100%);
    background: linear-gradient(top, #fefefe 0, #fbfbfb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#FBFBFB', GradientType=0);
}
.mc:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.40), 0px 1px 1px rgba(0, 0, 0, 0.12);
}
Làm tương tự với template forumhome_forumbit_level2_post
Lưu lại là xong
Chúc các bạn thành công!
Bài viết chỉ đăng duy nhất tại tuoitreit.vn, mọi sao chép phải ghi nguồn và liên kết đến bài viết gốc.
 

Facebook Comments

Similar threads

New posts New threads New resources

Back
Top