[phpBB3][CSS]Lastest Topic style Invision[✔]

[Get Over]

Demo của Invision đã share

Nay mình chỉnh sửa và convert qua phpbb3 thì sẽ thành :


Hướng dẫn :
Bước 1 : Chỉnh widget như sau :

Bước 2 :Thêm vào CSS

Code:

/*Last topic phpbb3 style Invision */
#left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}
#left .module:nth-child(1){margin-right:2px;width:220px;float:left}
#left .module:nth-child(1) .inner{background:white}
#left .module:nth-child(3){width:700px;float:left}
#left .module:nth-child(3) a + br,#left [style="height:11px"]{display:none}
#left .module:nth-child(3) .inner{overflow:hidden;height:281px;background:white}
#left .module:nth-child(3) .inner a[href^="/t"]{margin-bottom:10px;width:342px;float:left;overflow:hidden;height:14px}
#left .module:nth-child(3) .inner a[href*="/u"]{margin-bottom:15px;margin-left:-30px;background:white;width:157px;display:inline-block;padding-left:15px}
#left .module:nth-child(3) .inner a[href*="/u"] img{margin-top:-16px}
#left .module:nth-child(3) .inner a[href^="/t"]::before{content:counter(stt)".";counter-increment:stt;width:20px;display: inline-block;text-align:right}
[summary*="Top post"] tr{height:25px}
[summary*="Top post"] td{background:#FFF!important;border:0!important}
#left .module{width:957px;float:left}

Viết bởi handsomevip007 - A14 Tôi yêu
Convert qua phpbb3 : doannamthai

[Tùng Tiểu Tử]

Có thế thôi à, còn gì nữa không ???

[huypro2105]

last topic bằng css thôi à ??/

[handsomevip007]

Chứ muốn thêm cái gì nữa

[Rin]

last topic bằng css thôi à ??/

chắc bạn chưa xài invision với phpbb3 bao h` nhỉ

[chupy]

cái này VietK share rồi mà

[Get Over]

Last của ViệtK là dùng js ,ko có time last này đơn thuần chỉ là CSS convert từ Invision

[chupy]

uh js + css ^^
Time bôi đen là thấy ,

[ttytnmm]

Có bảng Punbb ko nhỉ

[MR Designer]

error !!!!!

[Sponsored content]