Discuz! 7.0 各個版塊可以設置自己個性的版塊圖標,有些特殊的論壇可能設置了版塊圖標後,需要修改版塊間距才能使得圖標更好的表達出其意義。

比如某些歌迷論壇,站長喜歡把歌迷的相片作為版塊圖標,這樣各個版塊間距小一點會更好。

設置各個版塊圖片後,修改前,如下圖所示:

很明顯,如果各個版塊間距小點,使得版塊圖標相連,表現效果會更好。

打開 Discuz! 根目錄下的 templates/default/css_common.htm ,找到:

.list td, .list th { height: 50px; padding: 6px 0;border-top: 1px dashed {COMMONBORDER}; color: {MIDTEXT}; }

  • .list td, .list th height50pxpadding6px 0;border-top1px dashed {COMMONBORDER}; color: {MIDTEXT}; }

調整其中的 padding 屬性值即可調整版塊間距,在此修改為:

.list td, .list th { height: 50px; padding: 0px 0;border-top: 1px dashed {COMMONBORDER}; color: {MIDTEXT}; }

  • .list td, .list th height50pxpadding0px 0;border-top1px dashed {COMMONBORDER}; color: {MIDTEXT}; }

保存文件,到論壇後台,更新緩存,到前台刷新,即可看到下圖修改後效果:

注意:padding 屬性可以到網上或 css 手冊中查,修改這個屬性的值,就可以靈活修改版塊上下左右間距。