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

[sukoro]

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.

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-xenforo.t2336.html

 

[thanh858036]

Xen 1 css như nào để nó như hình vậy bác

 

[2L.Ohayo]

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.

 

[sukoro]

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.

View attachment 26387

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ừ:

https://ketoanfun.com/threads/tuyen-nhan-vien-ke-toan-cong-ty-tnhh-thiet-bi-kim-thai.628/

Demo: bài viết ít từ

https://ketoanfun.com/threads/cong-viec-kho-khan-va-thoi-gian-ngan-lai.481/

 

[NDK]

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ừ:
ketoanfun.com/threads/tuyen-nhan-vien-ke-toan-cong-ty-tnhh-thiet-bi-kim-thai.628/
Demo: bài viết ít từ
ketoanfun.com/threads/cong-viec-kho-khan-va-thoi-gian-ngan-lai.481/

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

 

[2L.Ohayo]

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ừ:

https://ketoanfun.com/threads/tuyen-nhan-vien-ke-toan-cong-ty-tnhh-thiet-bi-kim-thai.628/

Demo: bài viết ít từ

https://ketoanfun.com/threads/cong-viec-kho-khan-va-thoi-gian-ngan-lai.481/

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

display: inline-block;
width: 100%;

 

[dcstylexf]

@sukoro khỏi cần sửa code gì lằng nhằng, thêm đoạn này vào EXTRA.LESS

.message-body:after {
    content: ' ';
    display: block;
    clear: both;
}

Ok done.

 

[sukoro]

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!

 

[dcstylexf]

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!

À 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 ạ