Tạo menu trượt 2 bên cho xenforo

[dinhhai]

Thêm vào EXTRA.CSS

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .LeftMenuFixed
    {
        display: none;
    }
}
</xen:if>

Cài này hôm qua mình thử rồi, không được bác ạ

 

[dinhhai]

Thêm vào EXTRA.CSS

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .LeftMenuFixed
    {
        display: none;
    }
}
</xen:if>

Code này áp dụng với code bác @PVS thì ko được, mà lượm code khác vào thì lại được, thật không thể hiểu nỗi.

Giờ đi ăn, tí nữa share code mình làm được cho các bác tham khảo

 

[dinhhai]

Code mình đang xài đây, các bác xem ở dưới,
Nhưng mà giờ phát sinh thêm trường hợp là ở một số máy tính cái menu này nó che mất 1 phần nội dung, có bác nào chỉnh được là khi rê chuột vào đó thì nó hiện, ko thì nó ẩn đi cho gọn không nhỉ? Bác @PVS @2L.Ohayo đã có thử qua chưa?

Extra.css

.LeftMenuFixed {

margin-left: -140px;

margin-top: -3px;

position: absolute;

width: 94px !important;

}



.LeftMenu_wrp {

background: none repeat scroll 0 0 #FFFFFF;

float: left;

margin-left: 0;

margin-right: 10px;

margin-top: 15px;

width: 94px;

}



.title_lmn1 .item_lmn {

background: none repeat scroll 0 0 #3297db;

color: #FFFFFF;

}



.item_lmn {

-moz-border-bottom-colors: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

border-color: -moz-use-text-color #D9D9D9 #D9D9D9;

border-image: none;

border-style: none solid solid;

border-width: medium 1px 1px;

color: #3870A0;

display: block;

font-size: 14px;

padding: 8px 10px;

text-align: center;

}



.title_lmn2 .item_lmn {

background: none repeat scroll 0 0 #E75218;

color: #FFFFFF;

}



<xen:if is="@enableResponsive">

@media (max-width:@maxResponsiveMediumWidth)

{

.Responsive .LeftMenuFixed

{

display: none;

}

}


</xen:if>

PAGE_CONTAINER

<div class="LeftMenuFixed scroll-to-fixed-fixed" style="z-index: 999; position: fixed; top: 90px; margin-left: 0px; width: 94px; left: 5px;">
<div class="LeftMenu_wrp">
<ul class="lmn_bock01">
<span class="title_lmn1">
<a class="item_lmn" href="#">Chọn Box</a>
</span>
<li>
<a class="item_lmn" href="#">Nội dung</a>
</li>
<li>
<a class="item_lmn" href="#">Nội dung</a>
</li>
<li>
<a class="item_lmn" href="#">Nội dung</a>
</li>
<li>
<a class="item_lmn" href="#">Nội dung</a>
</li>
</ul>
<ul class="lmn_bock02">
<span class="title_lmn2">
<a class="item_lmn" href="#">Nội dung</a>
</span>

</ul>
</div>
</div>
<div class="clearFix"></div>
</div>