Hướng dẫn tự động căn giữa hình ảnh trong bài viết Xenforo

Thảo luận trong 'Tips and Guides' bắt đầu bởi THB, 17/05/2015.

  1. THB

    THB Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    6,330
    Đã được thích:
    3,534
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    CEO
    Nơi ở:
    Bình Dương
    Web:
    Khi đăng một bài viết có hình ảnh thì việc căn giữa những hình ảnh đó sẽ tạo một phong cách chuyên nghiệp hơn. Hôm nay mình sẽ hướng dẫn tự động căn giữa hình ảnh trong bài viết Xenforo.

    Bạn vào template bb_code_base.css và tìm thẻ .bbCodeImage.
    Thau đoạn code sau:
    HTML:
    .bbCodeImage
    {
    max-width: 100%;
    }
    
    Bằng đoạn code sau:

    HTML:
    .bbCodeImage
    {
    max-width: 100%;
    display: block;
    margin:auto;
    }
    Chúc bạn thành công!
    Nguồn: iforum.vn​
     
    Bài viết mới
    Fix giao diện mobile
    Fix giao diện mobile bởi evolution123, 18/08/2019 lúc 06:46:02
    Giúp thu gọn foooter
    Giúp thu gọn foooter bởi hatbuimo123, 17/08/2019 lúc 09:11:09
    tpoclub and NDK like this.
  2. minhhungtsbd

    minhhungtsbd Thượng Đế

    Tham gia:
    10/05/2016
    Bài viết:
    32
    Đã được thích:
    12
    Điểm thành tích:
    8
    ko căn giữa dc nha ad :D
    upload_2016-8-27_23-44-57.png
    upload_2016-8-27_23-45-22.png
     
  3. phankt

    phankt Thượng Đế

    Tham gia:
    23/08/2016
    Bài viết:
    114
    Đã được thích:
    23
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nghề nghiệp:
    SEO Gà Mờ
    Nơi ở:
    hanoi
    Web:
    mình căn giữa bình thường mà
     
  4. quick87

    quick87 Thượng Đế

    Tham gia:
    10/12/2016
    Bài viết:
    109
    Đã được thích:
    55
    Điểm thành tích:
    28
    Nhờ mọi người giúp hướng dẫn thực hiện cho Xenforo 2 nhé, mình cảm ơn !
     
  5. quick87

    quick87 Thượng Đế

    Tham gia:
    10/12/2016
    Bài viết:
    109
    Đã được thích:
    55
    Điểm thành tích:
    28
    Đã thực hiện được, share cho anh em nào quan tâm:
    Thêm code sau vô extra.less

    PHP:
    .bbWrapper .lbContainer.lbContainer--inline {
        
    text-aligncenter;
        
    width100%;
    }
    .
    bbImage {
        
    max-width50%;
    }
    Hoặc:
    PHP:
    .bbWrapper .lbContainer.lbContainer--inline {
        
    width100%;
    }
    .
    bbImage {
        
    max-width50%;
        
    displayblock;
        
    margin0 auto;
    }
    Trích:
     

Chia sẻ trang này