Question Thay đổi độ rộng Widgets trong xenforo

Thảo luận trong 'Add-on Quesions' bắt đầu bởi smsgroup121, 24/8/12.

1votes
5/5, 1 vote

  1. smsgroup121

    smsgroup121 Member

    Bài viết:
    82
    Likes :
    3
    Đang tải...
  2. MIF

    MIF Member

    Bài viết:
    60
    Likes :
    72
    Bạn phải sửa 2 chỗ

    Tưởng tượng nhé , cái đó là 2 cột cột bự bên trái là chứa các forum , cột bên phải là slidebar chứa các thánh phần slider bar. Đầu tiên ta phải tìm cột bên trái cho nó xích qua bên trái 1 chút sau đó mới mở rộng cột slidebar được.

    Vd mình mở rộng cột slibar ra 380px thì

    Mã:
    .mainContainer {
    float: left;
    margin-right: -400px
    ;width: 100%;}
    


    Mã:
    .mainContent {
    margin-right: 400px;
    }
    400px là đơn vị để cột bên trái này cách bên phải ra 400px. Sau đó ta mở rộng slide bar như ý mún

    Mã:
    .sidebar {
    font-size: 11px;
    float: right;
    width: 380px;
    }
    20px dư ra là để cách ra cho đẹp

    Các Css trên bạn search = Search Template sẽ thấy nó ở đâu

    Demo sau khi edit = Firebug

    [​IMG]
     
    smsgroup121 thích bài này.
  3. TeQuiLa

    TeQuiLa .:: Neverland ::.

    Bài viết:
    593
    Likes :
    585
    Hi,

    Bạn chỉ cần sửa template sidebar tại dòng .sidebar {width: 280px;} , các thành phần khác sẽ tự căn theo độ rộng + thêm 10px đó nhờ vào đoạn code margin-right: -{xen:calc '@sidebar.width + 10'}px;margin-right: {xen:calc '@sidebar.width + 10'}px;
    Mã:
     
    .mainContainer
    {
        float: left;
        margin-right: -{xen:calc '@sidebar.width + 10'}px;
        width: 100%;
    }
     
        .mainContent
        {
            margin-right: {xen:calc '@sidebar.width + 10'}px;
        }
     
    .sidebar
    {
        @property "sidebar";
        font-size: 11px;
        float: right;
        width: 280px;
        @property "/sidebar";
    }
    
     
    smsgroup121 thích bài này.
  4. MIF

    MIF Member

    Bài viết:
    60
    Likes :
    72
    À thì ra nó có tự đo độ rộng à , giờ MIF mới biết , hay vl nhỉ :))
     
  5. smsgroup121

    smsgroup121 Member

    Bài viết:
    82
    Likes :
    3
    làm như cậu thì đẹp thật nhưng hơi rắc rối!
    mình chỉ muốn kéo cái sidebar ra 1 tí thôi:D

    thay đổi

    .sidebar {
    font-size: 11px;
    float: right;
    width: 380px;
    }

    cái này là đủ rồi:D
    thanks cậu nhé:x:x
     
  6. byghuutran

    byghuutran New Member

    Bài viết:
    2
    Likes :
    0
    giờ em muốn kéo theo những widget trong slidebar này xuống cuối bài viết thì phải làm thế nào ạ?
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...