Jump to content
IPSViet.com

Sign in to follow this  
noibuoncodon

[SOLVED] Giúp đỡ chỉnh sửa giao diện trang Index của IPB 3.2

Recommended Posts

Tình hình là các bố trí các cột ở ngoài trang Index của IPB 3.2 có khác so với IPB 3.1 nên các forum nào có nhiều Box con và tên box hơi dài sẽ bị xuống dòng, dài lê thê, tạo nhiều khoảng trống, nhất là bên cột thống kê bài viết cuối, trong xấu hoắc.

Có cách nào chỉnh sửa lại cho gọn như thời IPB 3.1 không các bác? Các bác và đchí Doremon thông minh giúp mình với.

Share this post


Link to post
Share on other sites

Chào bạn!
Có thể bài viết sau đây là cái mà bạn đang cần:

Hidden Content

    Give reaction to this post to see the hidden content.


1. Template

Admin CP > Look & Feel > ( skin name ) > Board Index > boardIndexTemplate

Find:

__data[3]"><li class='newposts'><else /> <li> </if> <a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'> {$__data[1]}</a> </li> </foreach> </ol>
  <ol class='subforums'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
<if test="showSubForumsLit:|

Replace with :

__data[3]"> </foreach> </ol> <ol class='subforums3'> <foreach loop="subforums:$forum_data['subforums'] as $__id => $__data"> </ol> <ol class='subforums'> <if test="showSubForumsLit:|__data[3]"><li class='newposts'><else /><li></if> <a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'> {$__data[1]}</a></li> </foreach> </ol>
<ol class='subforums1'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
</ol>
<ol class='subforums2'>
<if test="showSubForumsLit:|
 

then Save

2. CSS

Admin CP > Look & Feel > ( skin name ) >CSS >ipb_styles.css

Find :

Hidden Content

    Give reaction to this post to see the hidden content.

Replace with :

Hidden Content

    Give reaction to this post to see the hidden content.


then Save

Hidden Content

    Give reaction to this post to see the hidden content.

Hidden Content

    Give reaction to this post to see the hidden content.

Share this post


Link to post
Share on other sites

Thật sự ko hiểu ý của bạ


Tình hình là các bố trí các cột ở ngoài trang Index của IPB 3.2 có khác so với IPB 3.1 nên các forum nào có nhiều Box con và tên box hơi dài sẽ bị xuống dòng, dài lê thê, tạo nhiều khoảng trống, nhất là bên cột thống kê bài viết cuối, trong xấu hoắc.

Có cách nào chỉnh sửa lại cho gọn như thời IPB 3.1 không các bác? Các bác và đchí Doremon thông minh giúp mình với.

Thật sự ko hiểu ý của bạn lắm, vì mặc định các subforum của ipb 3.2 cũng như 3.1, cách định thành 3 cột như bạn ChuBe nêu trên thì mình nghĩ nó sẽ càng làm forum dài ra vì những box có tên dài.. Bạn có thể đưa hình ảnh lên để minh họa không?

Share this post


Link to post
Share on other sites

- To ChuBe: Rất cám ơn ChuBe, nhưng với tên các box dài thì cách này vẫn chứ hợp lý lắm ChuBe ơi.
- To Doremon: Vẫn có khác chứ đchí Doremon, mình thử phân tích nhé:

1. Cái images subforum_stem.png làm chiếm hết 1 ít chiều rộng: images này là 1 ý tưởng mới nhưng chưa hẳn hợp lý hơn so với dấu chấm tròn thời IPB 3.1, đất ít mà lại quy hoạch treo 1 khoảng không gian trống nữa.
2. Cái avatar ở cột Thông tin bài viết cuối lấy đi 1 ít chiều rộng nữa: có cái avatar này cũng hay, tăng thêm sinh động cho trang chủ nhưng làm choáng hết 1 tí không gian ở mặt tiền. Vì vậy cần cân đối lại không gian hiển thị cái avatar này sao cho không làm tăng chiều rộng của cột Thông tin bài viết cuối này là tốt nhất - vì đối với các Box có nhiều box con thì nó chỉ hiển thị mỗi 1 bài cuối cùng nhưng lại quy hoạch cho nó 1 không gian hơi bị nhiều.

Còn nữa không ta?

Share this post


Link to post
Share on other sites

Để khôi phục lại mấy dấu tròn tròn như 3.1 làm như sau:
ACP -> Look & Feel -> Edit template đang dùng -> CSS -> ipb_styles.css
Tìm

Hidden Content

    Give reaction to this post to see the hidden content.

Thay bằng

Hidden Content

    Give reaction to this post to see the hidden content.

Có thể chỉnh css cho hợp lý theo ý bạn. Rồi để xóa dấu "," ở giữa các sub cho đỡ chướng mắt thì qua tab Template -> Board Index -> boardIndexTemplate Tìm

Hidden Content

    Give reaction to this post to see the hidden content.

Thay bằng

Hidden Content

    Give reaction to this post to see the hidden content.

Còn về cái cột last post info, bạn có thể thay đổi độ rộng theo ý mún bằng cách vào ACP -> Look & Feel -> Edit template đang dùng -> CSS -> ipb_styles.css Tìm:

Hidden Content

    Give reaction to this post to see the hidden content.


Thay thế width theo ý bạn.

P/s mà mình thấy chiều dài rộng như mặc định cũng ok rùi mà :D

Share this post


Link to post
Share on other sites

do thiếu 2 cái hình sub_new.gif và sub_nonew.gif trong public/style_image/[tenskin] đó, bạn tìm hình nào đó làm biểu tượng rùi nhéc vô x_x

Share this post


Link to post
Share on other sites

[url=

Sao không ra chấm tròn bạn Doremon ơi . Mình sửa theo code bạn cho đó . Làm ơn giúp dùm


Đây là 2 file hình ảnh nè, chép vào public/style_image/(tên skin) là dc

Hidden Content

    Give reaction to this post to see the hidden content.

Share this post


Link to post
Share on other sites

MÌnh upload 2 cái pictures đó lên, rename nó thành sub_nonew và sub_new.png rồi bạn ơi.
Cho mình hỏi, nếu như sub forum có new post thì làm sao cho tên của sub forum được bold lên, và picture đổi màu vậy bạn ... Bạn cho mình hai hình màu xanh, và đen, nhưng mình thấy trong code chi? xài có 1 cái thôi hà .
Sorry nha, mình không biết sửa code .. cảm phiền giúp dùm

P.S: Mình làm được cho chữ bold lên rồi , Bạn giúp mình làm cho cái icon đổi màu nha .

Share this post


Link to post
Share on other sites

chết thật, minh copy thiếu code, phải là thế này

Hidden Content

    Give reaction to this post to see the hidden content.


vậy cái có bài mới sẽ dùbg hình sub_new và in đậm

Share this post


Link to post
Share on other sites

Đchí Doremon close chủ đề này nhanh quá, chưa xong mà (nối bài viết này vào cái bài cũ cho tiện theo dõi nhé).

Tình hình là mình đã thay đổi chiều rộng cột Thông tin bài viết mới nhất được rồi, thấy ổn hơn, xem tại đây:

Hidden Content

    Give reaction to this post to see the hidden content.

Như đã nói ở đầu bài viết, cách phối màu của IPB 3.2 ở trang index có thay đổi so với bản 3.1 nên nhiều skin cũng thiết kế theo cách này nên forum nào có nhiều box con trong một box có giao diện nhìn không được đẹp (nền mỗi category chỉ có mỗi một màu đồng nhất nên có nhiều khoảng trống). Mình thích cái skin màu xanh mới này nhưng làm sao phối màu nền ở mỗi category cho giống thời 3.1 hở doremon và các chiến hữu? 3.1 của mình đang dùng:

Hidden Content

    Give reaction to this post to see the hidden content.

Share this post


Link to post
Share on other sites

Ở IPB 3.1 phân ra row1 row2 để định màu. Còn ở IPB 3.2 thì chỉ 1 màu duy nhất và chỉ có những unread forum là có màu khác.
Để phân rõ từng cat như ở ipb 3.1 thì chế thêm bằng cách sử dụng 1 .png (như diễn đàn 3.1 của bạn).

Lấy hình này làm ví dụ:http://www.diachatvn.com/forums/public/style_images/brazukas/row1.png

Mở ACP - LOOK & FEEL - Chọn skin - Board Index - boardIndexTemplate
Tìm

Hidden Content

    Give reaction to this post to see the hidden content.

Thay bằng:

Hidden Content

    Give reaction to this post to see the hidden content.

(Mục đích là dùng cái class=boxread cho những cat đã đọc) Xong qua CSS -> ipb_styles.css, Tìm

Hidden Content

    Give reaction to this post to see the hidden content.

Thêm vào bên dưới:

Hidden Content

    Give reaction to this post to see the hidden content.


SAVE LẠI

Kết quả:
di-Y298.png

Ko biết có đúng ý của bạn ko??? :(

Share this post


Link to post
Share on other sites

Chính xác rồi đó Doremon ơi, nhưng sao kết quả chỉ có mỗi 1 box kế cuối (từ lâu k có bài viết mới) thì mới có hình nền vậy Doremon?

Hidden Content

    Give reaction to this post to see the hidden content.

Share this post


Link to post
Share on other sites

Như mình đã nói Ipb 3.2 phân màu cat bằng read và unread. Muốn đồng bộ tất cả thì phải thêm background cho cái .unread trong css nữa.

Share this post


Link to post
Share on other sites

vô look & feel - chọn skin - qua css - ipb_styles.css tìm

Hidden Content

    Give reaction to this post to see the hidden content.

thay bằng

Hidden Content

    Give reaction to this post to see the hidden content.

  • Like 1

Share this post


Link to post
Share on other sites

Mở ACP - LOOK & FEEL - Chọn skin - Board Index - boardIndexTemplate
tìm

Hidden Content

    Give reaction to this post to see the hidden content.

thay bằng

Hidden Content

    Give reaction to this post to see the hidden content.



mục đích là dùng cái css mới tên boxread cho mấy cái dòng, ko phân biệt read và unread cho gọn

(thêm css boxread thì làm như hướng dẫn bài trên kia)

Share this post


Link to post
Share on other sites

Hì, Ok rồi, giao diện trang Index đẹp hẳn ra, cảm ơn Doremon nhiều nhé.

À, đó là ở Index, còn đi sâu vào trong vẫn áp dụng vậy hở Doremon?

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...