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 手冊中查,修改這個屬性的值,就可以靈活修改版塊上下左右間距。