搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 Discuz 使用教程 Discuz X 系列主題行距修改 (其他版本修改方法類似) ...
byadmin 發表於 2013-5-20 18:44:07 , 4120人已閱讀 , 3人回應
其實已使用者的立場來審視網站的話,除了功能性與內容豐富實用度之外,最重要的就是外觀的美化程度了,而外觀從版型配置到細節美化其實都涵蓋在內,但和閱讀最相關的美化其實就是「文字」方面的美化,這部分包含了文字的顏色、字型、大小、行距、字型樣式...等等,今天要來跟大家分享的就是 "行距" 部分的修改,其實 Discuz 預設的主題行距真的很擠 , 老實說自多的時候不是很好閱讀,不過與美化有關的問題交給CSS就可以馬上解決囉 ! 以下為修改方法:


在默認模版文件夾下開啟 common/module.css文件, 找到:
  1. .t_f, .t_f td { font-size: {MSGFONTSIZE}; }
複製代碼
修改成
  1. .t_f, .t_f td { font-size: {MSGFONTSIZE}; line-height:2em; }
複製代碼
若覺得太大或太小想要自行調整的話 , 只要將 2em 加大或縮小就可以囉 , 建議以0.1為增加 , 例如:2.1em、1.9em去修改到自己覺得最喜歡的行距大小。

修改完成後上傳覆蓋原檔案,後台更新緩存就可以囉。

收藏回覆 只看該作者 道具 舉報

byFredChen2@FB 發表於 2014-3-3 10:48:49
我在DISCUZ X3下試了下,似乎沒有效果,不知道是什麽問題
admin 發表於 2014-3-3 17:25
這是針對默認模板的修改 , 有安裝其他模板的話 , 要到你安裝的模板中查找相關css
byFredChen2@FB 發表於 2014-3-4 21:14:01
成功了!雖然是安裝了其他模板,但是module.css調用的還是默認的。
現在新發表的帖子都是新設定的行距了。

回覆 只看該作者 道具 舉報

Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.090882 second(s), 39 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-12-22 09:04

回頂部