搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 Discuz 使用教程 Discuz X 系列主題行距修改 (其他版本修改方法類似) ...
byadmin 發表於 2013-5-20 18:44:07 , 3800人已閱讀 , 0人回應
其實已使用者的立場來審視網站的話,除了功能性與內容豐富實用度之外,最重要的就是外觀的美化程度了,而外觀從版型配置到細節美化其實都涵蓋在內,但和閱讀最相關的美化其實就是「文字」方面的美化,這部分包含了文字的顏色、字型、大小、行距、字型樣式...等等,今天要來跟大家分享的就是 "行距" 部分的修改,其實 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去修改到自己覺得最喜歡的行距大小。

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

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

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


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

信箱:sr.design2011@gmail.com

, Processed in 0.226393 second(s), 40 queries , Gzip On.

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

Core - DZ2.5 GMT+8, 2024-5-4 05:50

回頂部