[Invision][CSS]Last topic cho Invision ver.2[✔]

[handsomevip007]

Với kế hoạch xâm lấn Invision, thì nay mình phát triển tiếp last topic cho Invision với một style cũng được:d
* Demo: [You must be registered and logged in to see this link.]
* Tính năng:
- Đánh stt tự động
- Có thêm thành cuộn tiện lợi
- Có khung top post cho bớt tính đơn điệu
- CSS đã tối ưu hơn bản trước
- Không chiếm hết cột #left bạn vẫn sử dụng được phần bên dưới của nó

* Cài đặt:

Bước 1
Đặt widget như hình [You must be registered and logged in to see this link.]
Bạn có thể tùy chọn cái Widget sau thay cho Top postin users this week (nếu thích) [You must be registered and logged in to see this link.]

Bước 2
Chèn code sau vào CSS

Code:

/*Last topic cho Invision ver.2*/
#left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}
#left .module.borderwrap:nth-child(1){margin-right:2px;width:220px;float:left}
#left .module.borderwrap:nth-child(1) .box-content{background:white}
#left .module.borderwrap:nth-child(3){width:705px;float:left}
#left .module.borderwrap:nth-child(3) a + br,#left [style="height:11px"]{display:none}
#left .module.borderwrap:nth-child(3) .box-content{overflow:hidden;height:281px;background:white}
#left .module.borderwrap:nth-child(3) .box-content:hover{overflow:auto}
#left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]{margin-bottom:15px;width:342px;float:left;overflow:hidden;height:14px}
#left .module.borderwrap:nth-child(3) .box-content a[href*="/u"]{margin-bottom:15px;margin-left:-30px;background:white;width:157px;display:inline-block;padding-left:15px}
#left .module.borderwrap:nth-child(3) .box-content a[href*="/u"] img{margin-top:-16px}
#left .module.borderwrap:nth-child(3) .box-content 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.borderwrap{width:937px;float:left}

* Riêng đối với skin Chinh phục mới
Tìm trong CSS đoạn này và xóa đi

Code:

#left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt;}
#left .box-content > a[href*="/t"]::before{content: counter(stt)".";counter-increment: stt;float: left;position: absolute;text-align: right;width: 25px!important;margin-left: -25px;}
#left a[href*="/t"]{width:450px;float:left;margin-right:164px;height:14px;overflow:hidden;padding-left: 16px;}
#left a[href*="/t"]:hover::after{content:"☺ (xem ngay)"}
#left a[href*="/u"]{width:160px;position:absolute;margin-left:-164px;background:#FFF;}

Xong rồi đấy Mọi góp ý, báo lỗi vui lòng gửi tại đây

[You must be registered and logged in to see this link.]

Viết bởi handsomevip007 - A14 Tôi yêu

---

Ngoài ra cũng giới thiệu với các bạn một số kiểu last topic khác [You must be registered and logged in to see this link.]

[cubimasd]

K thể k vote, chính xác hơn, không vote thì sẽ phải nói lời cay đắng
Tks bác hand nhiều nhiều

[Lowie]

Like bác hand, nhưng mà demo còn thiếu cái thanh cuộn

[Rin]

hàng độc của nhà mình anh Hand cũng sẵn sàng mang đi share lun à ôi anh Hand cao cả quá

[handsomevip007]

hàng độc của nhà mình anh Hand cũng sẵn sàng mang đi share lun à ôi anh Hand cao cả quá

Hàng ế đem thanh lý chứ độc nỗi gì

[GaKon]

mình làm xong phần last gòi, nhưng cái khung đăng nhập thì bị lỗi nên mình gỡ hết css về căn chỉnh khung đăng nhập, pác hand giúp mình chỉnh sao cho khung đăng nhập lên trên cùng nhé @@ ( mấy code cũ pác đưa giờ xài không được )

[You must be registered and logged in to see this link.]

[handsomevip007]

mình làm xong phần last gòi, nhưng cái khung đăng nhập thì bị lỗi nên mình gỡ hết css về căn chỉnh khung đăng nhập, pác hand giúp mình chỉnh sao cho khung đăng nhập lên trên cùng nhé @@ ( mấy code cũ pác đưa giờ xài không được )

[You must be registered and logged in to see this link.]

chèn vào CSS

Code:

#left .module.borderwrap:nth-child(5) {
position: absolute;
width: 260px;
top: 0;
margin: 56px 0 0 680px;
}

[chiengroup]

cái này xài sao thế...đây là 4rum của mình chỉ mình cách làm dùm tks n`...

[You must be registered and logged in to see this link.]

[Rin]

cái này xài sao thế...đây là 4rum của mình chỉ mình cách làm dùm tks n`...

[You must be registered and logged in to see this link.]

đọc kĩ topic nhé bạn lastopic này dùng cho version invision chứ ko phải cho phpbb2 đâu bạn

[Devil_nhok_x]

ko xai dc [You must be registered and logged in to see this link.]

[handsomevip007]

ko xai dc [You must be registered and logged in to see this link.]

Tháo script của last topic cũ ra trước khi dùng last này

[Mr_VTK]

cái này dùng cho phiên bản nào punbb hay gì

[handsomevip007]

cái này dùng cho phiên bản nào punbb hay gì

nguyên bài có mỗi chữ Invision nhắc lại gần chục lần

[nhanntvista]

Làm thế nào để không ảnh hưởng các widget khác ở cột bên trái?

[handsomevip007]

Làm thế nào để không ảnh hưởng các widget khác ở cột bên trái?

Nếu bạn sử dụng cột bên trái để làm vài cái widget dọc theo diễn đàn thì bó tay

[nhanntvista]

Làm thế nào để không ảnh hưởng các widget khác ở cột bên trái?

Nếu bạn sử dụng cột bên trái để làm vài cái widget dọc theo diễn đàn thì bó tay

Vậy chuyển mấy cái widget sang bên phải được không? Mình thử nhưng nó không hiển thị được.

[handsomevip007]

tất nhiên là hông được rồi bạn ~.~

[c9_monkey]

có phiên bản dàh cho Punbb k bạn

[luulamcao2]

tks a hand này

[zxforeverlovexz]

[You must be registered and logged in to see this link.]

Mình bị sao vậy Hand Hand

[rockmanvnx6]

[You must be registered and logged in to see this link.]

Mình bị sao vậy Hand Hand

gì vậy , cho ver invision chứ có phải phpbb đâu

[Sponsored content]