Hướng dẫn chia khu vực bài viết sticky và bài viết thường trong Xenforo

Discussion in 'Tips and Guides' started by nttruong, Feb 26, 2015.

  1. nttruong

    nttruong Thượng Đế

    Joined:
    Feb 25, 2015
    Messages:
    368
    Likes Received:
    601
    Trophy Points:
    93
    Đây là một thủ thuật css nhỏ để giúp cho chúng ta có thể phân chia khu vực bài viết đã được sticky và bài viết thường trong Xenforo.

    Demo:

    [​IMG]

    Cách làm:

    1> Tìm và mở template thread_list, tìm đoạn code:

    Code:
    
    
    
    Thêm vào bên dưới:

    Code:
    
    
    2> Tìm và mở teamplate discussion_list.css, thêm vào cuối cùng template đoạn code sau:

    Code:
    .stickySeparator {
    height: 10px;
    background-color: #f5f5f5;
    border-style:solid;
    border-color: #ededed;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    padding: 0px;
    margin: 0px;
    }
    Đến đây là thành công. bạn có thể tùy chỉnh "height" ở đây để tăng khoảng cách như mong muốn!

    Chúc thành công!
     
    spham, NDK, Jindo_Katori and 2 others like this.
  2. Jindo_Katori

    Jindo_Katori Thượng Đế

    Joined:
    Mar 1, 2015
    Messages:
    1,463
    Likes Received:
    1,114
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    http://tuyhoaplus.com
    Location:
    http://tuyhoaplus.com
    Home Page:
    Cái này ngon...
    Đỡ tốn cái addon.
    Hehe :D
     
    THB likes this.
  3. Jindo_Katori

    Jindo_Katori Thượng Đế

    Joined:
    Mar 1, 2015
    Messages:
    1,463
    Likes Received:
    1,114
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    http://tuyhoaplus.com
    Location:
    http://tuyhoaplus.com
    Home Page:
    Xếp ơi thêm 2 cái dòng này nữa để max option luôn đi xếp
    [​IMG]
     
    THB likes this.
  4. Gia Khang

    Gia Khang Thượng Đế

    Joined:
    Mar 2, 2015
    Messages:
    69
    Likes Received:
    106
    Trophy Points:
    33
    Gender:
    Male
    Occupation:
    Thi công phòng NET chuyên nghiệp
    Location:
    Đăk Nông
    Home Page:
    cho demo đó đi bạn
     
    THB and Jindo_Katori like this.
  5. Jindo_Katori

    Jindo_Katori Thượng Đế

    Joined:
    Mar 1, 2015
    Messages:
    1,463
    Likes Received:
    1,114
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    http://tuyhoaplus.com
    Location:
    http://tuyhoaplus.com
    Home Page:
    Còn mỗi cái hình chứ huk nhớ web đó là web nào :D
     
    THB likes this.
  6. Gia Khang

    Gia Khang Thượng Đế

    Joined:
    Mar 2, 2015
    Messages:
    69
    Likes Received:
    106
    Trophy Points:
    33
    Gender:
    Male
    Occupation:
    Thi công phòng NET chuyên nghiệp
    Location:
    Đăk Nông
    Home Page:
    có demo thì rip lẹ đc, còn không có thì chịu khó vẽ cái hình rồi thêm thuộc tính background cho nó là oke
     
    Jindo_Katori and THB like this.
  7. THB

    THB Admin - Founder Staff Member

    Joined:
    Feb 25, 2015
    Messages:
    6,336
    Likes Received:
    3,550
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    CEO
    Location:
    Bình Dương
    Home Page:
    Last edited: Mar 11, 2015
    Jindo_Katori and Gia Khang like this.
  8. Jindo_Katori

    Jindo_Katori Thượng Đế

    Joined:
    Mar 1, 2015
    Messages:
    1,463
    Likes Received:
    1,114
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    http://tuyhoaplus.com
    Location:
    http://tuyhoaplus.com
    Home Page:
    THB likes this.
  9. Gia Khang

    Gia Khang Thượng Đế

    Joined:
    Mar 2, 2015
    Messages:
    69
    Likes Received:
    106
    Trophy Points:
    33
    Gender:
    Male
    Occupation:
    Thi công phòng NET chuyên nghiệp
    Location:
    Đăk Nông
    Home Page:
    bây giờ bạn gửi demo đã chia bài viết sticky và bài viết thường đây mình hướng dẫn chèn giống như trên cho nhé
     
    Jindo_Katori and THB like this.
  10. Jindo_Katori

    Jindo_Katori Thượng Đế

    Joined:
    Mar 1, 2015
    Messages:
    1,463
    Likes Received:
    1,114
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    http://tuyhoaplus.com
    Location:
    http://tuyhoaplus.com
    Home Page:
    THB likes this.
  11. NDK

    NDK Cộng Sự Đắc Lực

    Joined:
    Mar 16, 2015
    Messages:
    827
    Likes Received:
    679
    Trophy Points:
    93
    Gender:
    Male
    Occupation:
    SEO Executive
    Location:
    TP.HCM
    đã làm đc , xin cám ơn
     
    Jindo_Katori and THB like this.
  12. Jindo_Katori

    Jindo_Katori Thượng Đế

    Joined:
    Mar 1, 2015
    Messages:
    1,463
    Likes Received:
    1,114
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    http://tuyhoaplus.com
    Location:
    http://tuyhoaplus.com
    Home Page:
    Share đi bác ơi :D
     
    THB likes this.
  13. hayate

    hayate Thượng Đế

    Joined:
    Mar 22, 2015
    Messages:
    34
    Likes Received:
    35
    Trophy Points:
    18
    Gender:
    Male
    Occupation:
    MMO
    Location:
    Thanh Hóa
    Home Page:
    Jindo_Katori likes this.
  14. Jindo_Katori

    Jindo_Katori Thượng Đế

    Joined:
    Mar 1, 2015
    Messages:
    1,463
    Likes Received:
    1,114
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    http://tuyhoaplus.com
    Location:
    http://tuyhoaplus.com
    Home Page:
    của bác @hayate cũng chuẩn phết
     
    hayate likes this.
  15. THB

    THB Admin - Founder Staff Member

    Joined:
    Feb 25, 2015
    Messages:
    6,336
    Likes Received:
    3,550
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    CEO
    Location:
    Bình Dương
    Home Page:
    có bài hướng dẫn rồi nha mấy bác.
    bác jindo này có quan hệ gì với nsf của bác hùng hả ta?
     
    Jindo_Katori likes this.
  16. NDK

    NDK Cộng Sự Đắc Lực

    Joined:
    Mar 16, 2015
    Messages:
    827
    Likes Received:
    679
    Trophy Points:
    93
    Gender:
    Male
    Occupation:
    SEO Executive
    Location:
    TP.HCM
    ai làm đc cái này chưa nhỉ
     
    THB likes this.
  17. THB

    THB Admin - Founder Staff Member

    Joined:
    Feb 25, 2015
    Messages:
    6,336
    Likes Received:
    3,550
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    CEO
    Location:
    Bình Dương
    Home Page:
    được mà khoa?
     
  18. NDK

    NDK Cộng Sự Đắc Lực

    Joined:
    Mar 16, 2015
    Messages:
    827
    Likes Received:
    679
    Trophy Points:
    93
    Gender:
    Male
    Occupation:
    SEO Executive
    Location:
    TP.HCM
    sao k thấy ai share làm sao cả?
    cái phần mà phân bằng hình ảnh có demo đó
     
  19. NDK

    NDK Cộng Sự Đắc Lực

    Joined:
    Mar 16, 2015
    Messages:
    827
    Likes Received:
    679
    Trophy Points:
    93
    Gender:
    Male
    Occupation:
    SEO Executive
    Location:
    TP.HCM
    THB likes this.
  20. THB

    THB Admin - Founder Staff Member

    Joined:
    Feb 25, 2015
    Messages:
    6,336
    Likes Received:
    3,550
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    CEO
    Location:
    Bình Dương
    Home Page:
    cái #1 là làm bình thường. stick có 1 đường ngang thôi.
    còn như e làm thì có bài hướng dẫn riêng rồi.
     

Share This Page