[Hỏi đáp] Điều chỉnh khoảng cách chuyên mục con giao diện PUNBB

 14.06.15 4:02  Bài viết hay nhất1
quynhlt57
quynhlt57 
Thành viên chính thức
Mình hiện đang dùng giao diện PunBB

http://soulles.123.st

Mình có tìm hiểu bài viết [Code] Tạo icon riêng cho từng box

Spoiler:

Hình ảnh nội dung code trên mạng

...nhưng lại gặp phải 1 số vấn đề sau:

[Hỏi đáp] Điều chỉnh khoảng cách chuyên mục con giao diện PUNBB S9agBlR

1/ Có box hiện ảnh , có box ko hiện ảnh ( ko biết lý do vì sao )

2/ Tên chuyên mục ko nằm song song với nội dung giới thiệu chuyên mục mà lại nằm đè lên hình ảnh chuyên mục ( nguyện vọng của mình là hình + tên chuyên mục + nội dung chuyên mục bố trí giống với trang chủ https://devs.forumvi.com hiện giờ

Mong các ad và các bạn giúp đỡ . Cám ơn



Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 14.06.15 10:35  Bài viết hay nhất2
lelinhtinh
lelinhtinh 
Sáng lập viên
 https://lelinhtinh.github.io/
Bạn làm ngược lại các bước trong bài đó để loại bỏ code cũ, rồi làm theo hướng dẫn này xem: https://devs.forumvi.com/t235-hoi-ap-cach-tao-icon-rieng-moi-chuyen-muc?showpost=p1418
+1
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 14.06.15 12:44  Bài viết hay nhất3
thế cơ à, nhưng mà không hiểu
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 14.06.15 12:53  Bài viết hay nhất4
quynhlt57
quynhlt57 
Thành viên chính thức
Cám ơn , mình đã làm theo link trên nhưng bị 1 lỗi : đó là hình ảnh chuyên mục bị chồi ra ngoài mép 4rum . Mình nên điều chỉnh khoảng cách này ở đâu ? ( à tắt luôn cả hiệu ứng xoay icon nữa )

Hình ảnh minh hoạ trên web:

Và cho mình hỏi thêm là hiện giờ icon chuyên mục đang bị co về size vuông , nếu mình muốn nó hiện đúng size của hình ảnh đó thì có được không ?
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 15.06.15 11:15  Bài viết hay nhất5
lelinhtinh
lelinhtinh 
Sáng lập viên
 https://lelinhtinh.github.io/
Dùng code CSS này:
Code:
.forum_desc img[style="float:left"][alt^="http://"] {
    height: 50px;
    margin-left: -74px;
    margin-top: -18px;
    position: absolute;
}
.pun tbody.statused td.tcl {
    padding-left: 81px!important;
}
+1
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 16.06.15 3:19  Bài viết hay nhất6
quynhlt57
quynhlt57 
Thành viên chính thức
Ad ơi mình làm đc rồi nhưng mà ở trong khu vực chuyên mục ( topic title ) lại xuất hiện khoảng trống ở đầu chuyên mục .

Làm cách nào để thu gọn khoảng trống này ?

Spoiler:
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 16.06.15 6:33  Bài viết hay nhất7
lelinhtinh
lelinhtinh 
Sáng lập viên
 https://lelinhtinh.github.io/
Trong template index_body, bạn tìm "main-content" rồi sửa thành "main-content indexbox".
Sau đó thay code CSS ở trên thành:
Code:
.indexbox .forum_desc img[style="float:left"][alt^="http://"] {
    height: 50px;
    margin-left: -74px;
    margin-top: -18px;
    position: absolute;
}
.pun .indexbox tbody.statused td.tcl {
    padding-left: 81px!important;
}
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 16.06.15 8:45  Bài viết hay nhất8
quynhlt57
quynhlt57 
Thành viên chính thức
Ôì bạn ơi như thế thì trang chủ lại bị dính lỗi trên

[Hỏi đáp] Điều chỉnh khoảng cách chuyên mục con giao diện PUNBB Oiy52OM
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 16.06.15 8:48  Bài viết hay nhất9
lelinhtinh
lelinhtinh 
Sáng lập viên
 https://lelinhtinh.github.io/
Bạn đọc kỹ hướng dẫn nhé!
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 16.06.15 12:58  Bài viết hay nhất10
quynhlt57
quynhlt57 
Thành viên chính thức
Mình làm theo hướng dẫn rồi mà , trang chủ thì ok , nhưng vào trang trong thì xuất hiện khoảng trống trên

Bạn có thể xem qua :

Trang chủ: http://soulles.123.st
Trang xuất hiện khoảng trống ( demo) : http://soulles.123.st/f5-news
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 16.06.15 13:03  Bài viết hay nhất11
lelinhtinh
lelinhtinh 
Sáng lập viên
 https://lelinhtinh.github.io/

Zzbaivong wrote:Trong template index_body, bạn tìm "main-content" rồi sửa thành "main-content indexbox".
Sau đó thay code CSS ở trên thành:
Code:
.indexbox .forum_desc img[style="float:left"][alt^="http://"] {
    height: 50px;
    margin-left: -74px;
    margin-top: -18px;
    position: absolute;
}
.pun .indexbox tbody.statused td.tcl {
    padding-left: 81px!important;
}
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 16.06.15 15:39  Bài viết hay nhất12
quynhlt57
quynhlt57 
Thành viên chính thức
Ad ơi , mình làm đúng như trên rồi nhưng vẫn bị :

TH1 : Nếu thay Code CSS thứ nhất ad đưa thì trang chủ OK , list chuyên mục xuất hiện khoảng trắng
TH2: Nếu thay code CSS mới nhất thì trang chủ xuất hiện khoảng trắng , list chuyên mục ok

---

Ở TH 2 mình đã sửa main-content indexbox rồi ~

Spoiler:
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 17.06.15 14:07  Bài viết hay nhất13
lelinhtinh
lelinhtinh 
Sáng lập viên
 https://lelinhtinh.github.io/
Sao bạn không sửa template index_box như mình nói chứ -_-
Hay là sửa rồi mà chưa lưu?
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 17.06.15 23:35  Bài viết hay nhất14
Xemmmmmmmmmmmmmmm
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 18.06.15 0:56  Bài viết hay nhất15
quynhlt57
quynhlt57 
Thành viên chính thức
Hic, mình sửa rồi , sửa đi sửa lại và lưu ko dưới 20 lần luôn ý . mình còn xoá cả cookie luôn . Mà vẫn ko đc . Hiện mình đang để code đầu của ad ( mục đích là cho icon chuyên mục trang home đẹp cái đã)

Nếu bạn có time rảnh thì giúp mình 5p xem qua rum mình được ko ?

Nik pass mình gửi qua hòm tin nhắn cho ad
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 18.06.15 4:20  Bài viết hay nhất16
lelinhtinh
lelinhtinh 
Sáng lập viên
 https://lelinhtinh.github.io/
Cái mình nói phải sửa là đây nè:

[Hỏi đáp] Điều chỉnh khoảng cách chuyên mục con giao diện PUNBB MvxjLD1
+1
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 18.06.15 9:31  Bài viết hay nhất17
quynhlt57
quynhlt57 
Thành viên chính thức
Hí hí , thanks sếp ~ rất tuyệt .
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
   Bài viết hay nhất18
Cảm ơn Thêm đoạn trích Trích dẫn Sửa Xóa
 
You cannot reply to topics in this forum