Addon New Posts Slider by TeamBat

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,005
Được Like
1,615
Ở bài viết trước mình đã hướng dẫn các bạn tạo slide new posts trên sidebar rồi. Nhưng mình thấy nó vẫn khá rắc rối vì phải sửa code loằng ngoằng loạn hết lên. Vậy nên mình quyết định làm thành 1 addon luôn.

46_e562a1ad673311d025d192af78411c88.png


Addon này vẫn còn rất đơn giản, chỉ làm trong 15p nên không thể tránh được lỗi và những thiếu sót. Mình sẽ cố gắng khắc phục trong những phiên bản tiếp theo :D

Yêu cầu:
Hướng dẫn:
  • Download về, giải nén, upload file trong thư mục Upload
  • Import file xml
  • Tạo 1 widget mới với nội dung
    48_484ca6010117ed187424cfe21778869e.png
  • Và bạn đã hoàn thành!
Nếu có lỗi gì hãy báo cho mình biết để khắc phục. Cảm ơn các bạn đã quan tâm, chúc thành công!

Nguồn: teambat.org
 

Đính kèm

  • New Post Slider by TeamBat.Org.rar
    7.6 KB · Lượt xem: 28

Bon

MasterCorporal
Tham gia
22/03/2016
Bài viết
254
Được Like
255
tem nhé tý về test
 
  • Like
Reactions: THB

Bon

MasterCorporal
Tham gia
22/03/2016
Bài viết
254
Được Like
255
thiếu css lòi em đang edit lại
 

Bon

MasterCorporal
Tham gia
22/03/2016
Bài viết
254
Được Like
255
kiểm tra giúp mình sao nó ko hiện full 5 bài vậy : tìm thấy 304px thay mà ko tìm thấy trong style bác ak http://subvn.net kiểm tra giúp với + load nó ra 20 bài rồi mới co lại nữa @@
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Có statics rồi nên không dùng thêm nữa sợ nặng
Tks for share
 

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,005
Được Like
1,615
Có statics rồi nên không dùng thêm nữa sợ nặng
Tks for share
cũng không phải nặng lắm :D @Bon bác bê nguyên cái css của bác lên hoặc inbox em ạ, tại em cũng chưa biết trích phần nào từ sidebar.css ra để nó giống nguyên mẫu của bác :D Đang định làm bản v2 update mà :3
 

Bon

MasterCorporal
Tham gia
22/03/2016
Bài viết
254
Được Like
255
css bổ sung
/* CUSTOM SLIDE SIDEBAR*/
.sidebar .secondaryContent h3::before, .xengallerySideBar .secondaryContent h3::before {
content: "";
font-family: "FontAwesome";
margin-right: 5px;
}

.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
border-bottom: 1px solid rgb(227, 227, 227);
color: rgb(14, 118, 188);
font-family: "Roboto";
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin: -1px -1px 3px;
padding: 17px 20px 13px;
text-transform: uppercase;
}

.sidebar .bx-controls-direction {
display: none;
}
.sidebar .bx-pager {
display: table;
margin: 0 auto;
overflow: hidden;
}
.sidebar .bx-pager .bx-pager-item {
float: left;
height: 10px;
margin: 0 10px;
width: 10px;
}
.sidebar .bx-pager .bx-pager-item a {
background-color: #ccc;
border-radius: 100%;
display: block;
height: 100%;
overflow: hidden;
text-indent: 9999px;
width: 100%;
}
.sidebar .bx-pager .bx-pager-item .active {
background-color: #888;
}
.sidebar .brSlideItem {
padding: 0 20px;
width: auto !important;
}
.sidebar .bx-controls {
border-top: 1px solid rgb(227, 227, 227);
padding-bottom: 20px;
}
.sidebar .bx-controls::before {
border-bottom: 1px solid rgb(227, 227, 227);
content: "";
display: block;
height: 3px;
margin-bottom: 20px;
width: 100%;
}
 

conkhidannb

Corporal
Tham gia
07/09/2015
Bài viết
189
Được Like
133
bác share cái style đk không trước hỏi mà bác bảo chiều mà chưa thấy gì :v
với cho mình hỏi, cái NEW THREADS bác làm như thế nào mà nó đk như thế đó
 

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,005
Được Like
1,615
bác share cái style đk không trước hỏi mà bác bảo chiều mà chưa thấy gì :v
với cho mình hỏi, cái NEW THREADS bác làm như thế nào mà nó đk như thế đó
style vxf :v Một thời RIP full làm đến 3 version fix tất cả các lỗi :D
Giờ thì đi đâu cũng thấy đăng mà chả ai ghi nguồn :v
 

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,005
Được Like
1,615
Style còn lỗi khá nhiều bác ạ @@ mò mất mấy hôm mới sửa được đấy @@
hồi đó hỏi member bảo fix hết r, nên thôi @@

bác zip giúp mình bản hiện tại đk không
cảm ơn bác nhiều :)
để rảnh mình import lại cái style v3 rồi fix nốt cho. Chắc cũng nhanh thôi.
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom