Help Chèn block quảng cáo vào trong bài viết bên phải xen 2

Discussion in 'Addon, Styling and Customization Questions' started by sukoro, Jun 5, 2018.

  1. sukoro

    sukoro Thượng Đế

    Joined:
    Apr 2, 2015
    Messages:
    141
    Likes Received:
    90
    Trophy Points:
    28
    Gender:
    Male
    Location:
    Hà Nội
    Home Page:
    Tình hình là ở xen bản 1.x nhà cháu đã chèn được từ trước, nhưng giờ nhà cháu chuyển sang xen 2.x nên không biết chèn nó vào đâu, nhờ các cụ hướng dẫn, cháu chỉ muốn chèn vào bài đầu tiên thôi còn các comment sau không hiện.
    [​IMG]
    Xen 1 nhà cháu đã hỏi và làm được từ lâu rồi ở topic này https://vnxf.vn/cach-chen-baner-quang-cao-mac-dinh-trong-bai-viet-dau-tien-bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365.t2336.html
     
  2. thanh858036

    thanh858036 Thượng Đế

    Joined:
    Sep 29, 2015
    Messages:
    72
    Likes Received:
    18
    Trophy Points:
    8
    Gender:
    Male
    Xen 1 css như nào để nó như hình vậy bác
     
  3. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    ACP > Setup > Advertising > Add advertisment, chọn position và HTML như hình bên dưới.
    Sau đó vào extra.less thêm css cho class .message-body--advertisement để hiển thị theo như ý bạn muốn.

    Screen Shot 2018-06-05 at 18.13.23.png
     
    sukoro likes this.
  4. sukoro

    sukoro Thượng Đế

    Joined:
    Apr 2, 2015
    Messages:
    141
    Likes Received:
    90
    Trophy Points:
    28
    Gender:
    Male
    Location:
    Hà Nội
    Home Page:
    Mình đã thực hiện và làm được tuy nhiên gặp 1 lỗi là khi bài viết ít chữ thì cái banner quảng cáo đó nó đè hết lên khung, mong bạn giúp cách sửa:
    Demo Bài viết nhiều từ:
    Code:
    https://ketoanfun.com/threads/tuyen-nhan-vien-ke-toan-cong-ty-tnhh-thiet-bi-kim-thai.628/
    Demo: bài viết ít từ
    Code:
    https://ketoanfun.com/threads/cong-viec-kho-khan-va-thoi-gian-ngan-lai.481/
     
  5. NDK

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

    Joined:
    Mar 16, 2015
    Messages:
    827
    Likes Received:
    680
    Trophy Points:
    93
    Gender:
    Male
    Occupation:
    SEO Executive
    Location:
    TP.HCM
    thêm thuộc tính width, height vào code hình đấy, cho nó mặc định ít nhiều chữ gì cũng 1 cỡ hình, 250x250 hay 300x250 chẳng hạn
     
    sukoro likes this.
  6. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    Tìm class .message-body, bỏ thuộc tính margin: 10px 10px !important; và thêm vào các thuộc tính sau
    Code:
    display: inline-block;
    width: 100%;
     
    sukoro likes this.
  7. datdaik000

    datdaik000 Thượng Đế

    Joined:
    Mar 24, 2015
    Messages:
    1,892
    Likes Received:
    1,449
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    Student
    Location:
    Nam Định
    @sukoro khỏi cần sửa code gì lằng nhằng, thêm đoạn này vào EXTRA.LESS
    Code:
    .message-body:after {
        content: ' ';
        display: block;
        clear: both;
    }
    Ok done.
     
    sukoro likes this.
  8. sukoro

    sukoro Thượng Đế

    Joined:
    Apr 2, 2015
    Messages:
    141
    Likes Received:
    90
    Trophy Points:
    28
    Gender:
    Male
    Location:
    Hà Nội
    Home Page:
    Rất cảm ơn sự nhiệt tình của các cụ, hy vọng có dịp mời các cụ chầu bia cảm ơn!
     
    datdaik000 likes this.
  9. datdaik000

    datdaik000 Thượng Đế

    Joined:
    Mar 24, 2015
    Messages:
    1,892
    Likes Received:
    1,449
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    Student
    Location:
    Nam Định
    À góp ý nữa là site bác nên dùng font khác ( VD Roboto chẳng hạn ) vì để font gốc như này nhìn rất thô bác ạ
     
    sukoro likes this.

Share This Page