CBReader v0.5.0 自訂 CSS | CBETA 財團法人佛教電子佛典基金會

CBReader v0.5.0 自訂 CSS | CBETA 財團法人佛教電子佛典基金會
Skip to search
Login links
toggle
Main menu
認識 CBETA
簡介
相關單位
宗旨
沿革
目標
組織
致謝
捐款贊助
電子佛典集成
下載程式與光碟
眾緣閱藏隨身碟
CBReader 2X 問題與解答
流通規範
版本歷史
索取光碟(已停止索取)
2016 光碟說明(外部站)
2016 光碟常見問題
下載
下載 CBReader (Windows)
下載 CBReader (Mac)
EPUB / PDF / MOBI 電子書
ePub 電子書
文件與推廣資料
桌布下載
CBETA 貼紙
檔案櫃
工作流程
工作進度
經文格式說明
CBETA 文獻校訂手冊(外部站)
佛教文獻
校訂資料
技術資料
推廣資料
歷年各項作業成果統計表
服務
聯絡站方
網路芳鄰
我想幫助 CBETA
CBETA 相關網站
CBETA 首頁
CBETA 線上閱讀 (CBETA Online)
CBETA 線上閱讀中國大陸分站
漢文大藏經
漢文大藏經 (線上手機版)
漢文字詞資訊網
佛教藏經目錄數位資料庫
校訂考證資料庫
CBETA 討論區 (新版)
CBETA 討論區 (舊版)
台北版佛典集成 (數位典藏專案)
國圖善本佛典 (數位典藏專案)
Facebook 粉絲團
CBETA 官方 LINE 帳號
CBETA Youtube 頻道
微信 CBETA 官方交流群
加入方式
CBETA 官方 Instagram
CBETA 舊版首頁
公告
新聞與公告
版權宣告
隱私權政策
廣告說明
來函刊登政策
搜尋 🔍
護持捐款
You are here
CBReader v0.5.0 自訂 CSS
CBReader v0.5.0 自訂 CSS
標籤:
公告
技術資料
CSS (全名為 Cascading Style Sheets) 是一種為網頁之類的文件提供顯示方法的文件。CBReader 因為要重新開發，現有的版本基本上不會提供細節的功能與調整，因此 CBReader v0.5.0 版提供了自訂 CSS 的功能，讓使用者可以自行設計閱讀經文時想要呈現的樣貌。CSS 不會很難，只要稍為了解其格式，就很容易設計，有問題也歡迎在此討論。
首先，先建立一個空白檔案，檔名命名為 mycbreader.css，假設放在 c:\cbeta 目錄中。目錄與檔名皆可自行修改，但請勿與 CBReader 主要文件放在一起。
檔案內容如下，請使用純文字格式，在 /* ... */ 之間的文字是註解文字，讓大家了解各項目的用途。
/* 主要文件 */
body { font-size:16px; line-height:140%; }
/* 預先格式化文件, 即

 標記文件 */
.preformat {font-size:1em;}
/* 經號 */
.juannum {font-size:1em;}
/* 序 */
.xu {font-size:1em;}
/* 附文 */
.w {font-size:1em;}
/* 作譯者 */
.byline {font-size:1em;}
/* 偈頌 */
.lg {font-size:1em;}
/* 外文 */
.preformat .foreign {font-size:0.83em;}
/* 卷標題與一般標題 */
.juanname {font-size:1.2em;}
.headname {font-size:1.2em;}
.headname2 {font-size:1.2em;}
.headname3 {font-size:1.2em;}
.headname4 {font-size:1.2em;}
/* 行首編號 */
.linehead {font-size:16px;}
/* 段首編號 */
.parahead {font-size:0.85em;}
/* 漢譯南傳大藏經中的 pts 編號 */
.pts_head {font-size:0.85em;}
/* 小字註解 */
.note {font-size:0.85em;}
開啟 CBReader 2018 v0.5.0，按下左上角的「設定」。
在「畫面呈現」的項目中將「增加自訂 CSS 檔案」打勾，並且把剛剛建立的檔名填入，然後按下「確定」，就表示再來開啟的經文就有作用。也可以按下「儲存」，就會將此設定儲存起來。
設定文字大小
上面提供的 CSS 檔案並不是原始的設定，只是比較接近，因為原始的設定每一個項目都要調整，為了不想增加大家的難度，所以改成上面的樣子。
第一行 body 是表示最基本的文字，font-size 表示文字的大小，目前是設定 16px，您只要將此文字改大（或改小），儲存起來後，重新開啟 CBReader 的經文即可看到變化。
body { font-size:16px; line-height:140%; }
CBReader 程式不需要重新開啟，只要經文重新開啟即可，也可以使用上一卷或下一卷的功能來切換，就可以看到變化了。
至於 line-height:140% 是表示行距為文字大小的 140%，若希望看到寬鬆一點的排版，也可以將此數字調大。
其他設定是各種情況的文字，例如：
.lg {font-size:1em;}
lg 是表示偈頌，這裡的 1em 表示和基本文字一樣大。因此剛剛 body 不管你調多大，lg 也會同步變大。
又如 note：
.note {font-size:0.85em;}
note 是表示經文中小註的文字，所以這裡設定為 0.85em，表示為基本文字的 0.85 倍。
若對這些不滿意，也都可以各別調整。
設定顏色
除了文字大小，顏色也是常用的設定，文字與背景色如下：
文字顏色
color:#FF0000;  (紅色文字)
背景色
background-color: #00FF00; (綠色背景)
網路上有不少網頁提供設定顏色的工具，例如
在該網頁中找到如下圖中的色碼調色盤，選擇想要的顏色，就會列出色碼供您使用了。
再提供一個工具網頁：
同樣也是在網頁中挑選顏色即可，這一個工具提供更多資料了。
除了 #EFBF58 這種格式外，CSS 也可以使用 rgb(239, 191, 88) 這種格式來設定顏色。
設定字體
設定字體格式如下：
font-family: 細明體,標楷體;
上面的設定是表示優先使用細明體，若該字在細明體沒有提供，則使用標楷體，依此類推，由最前面的字體開始使用。
不過在此並不建議自訂字體，因此有些文字是採用較高的 Unicode 版本，一般的字體可能沒有提供，或是有些地方是使用悉曇或蘭札等梵文字體，若設定錯誤，可能會造成看不到或看到不正確的文字，因此若真要自行設定，請小心使用。
範例
這是一小段示範，大家也可以看到它的排版是可以調整的。
body {
font-size:30px;
color: #7e3d00
.lg {
font-size:35px;
color: #d40e1e;
background-color: rgb(244, 248, 189);
font-family: 微軟正黑體;
.juanname {
font-size:40px;
color: rgb(2, 2, 128);
font-family: 標楷體;
呈現效果如下：
最後再補充一點，有些圖表格式有漢字，也有外文，若文字大小沒有調整好，或是更換字體，就可能就會出現表格沒對齊的情況，這也是要注意的。
下圖就是很好的測試位置，在 CBReader 上直接前往 Y37n0035_p0332a08 即可看出您的設定有沒有問題。
網路分享：
Tweet Widget
Share on Facebook
Facebook Like
or
to post comments
50421 reads
Comments
「主功能」和「目次」的設定
asphoa
- Sat, 2024/02/17 - 18:34
請問左側「主功能」和「目次」欄中字體是否能設定？我希望能把字體放大一些。
or
to post comments
Re: 「主功能」和「目次」的設定
cbeta
- Wed, 2024/02/21 - 09:33
目前無法設定，印象中英文界面可以設定，主要是因為英文的字型有縮小，所以中文必須放大，我再查查有沒有什麼技巧可以處理。
or
to post comments
Re: 「主功能」和「目次」的設定
cbeta
- Thu, 2024/02/22 - 16:26
找到一個技巧了，非英文界面也可以使用。
假設您的語系是選擇「繁體中文」。
首先，先找到這個目錄
c:\Users\
<您的帳號>
\AppData\Roaming\CBETA\CBReader2X\
在此目錄下，建立一個新的目錄
Language
如果已經有了，就不用再建。然後進入此目錄，這個目錄是用來放置個人的語系檔。
然後建立一個純文字檔，檔名必須是
zh-TW.ini
內容如下
[Info]
Language=繁體中文（台灣）
FontSize=12
HanFontSize=12
其中 FontSize 是程式界面的文字大小。
HanFontSize 則是一些漢字的文字大小，這些漢字是在英文界面下，依然為漢字的部份。
主要就是功能區的樹狀目錄及目次。
您可以修改那二個數字，以調整至您覺得適合的大小。修改後請重新執行 CBReader 即可。
or
to post comments
macOS 下的設定方法？
asphoa
- Fri, 2024/02/23 - 08:57
十分感謝！
只是我用的是 macOS，査找到 /Users/asphodelos/.CBETA/CBReader2X/ 這個目錄，在其下建了 /Language/zh-TW.ini，及 en.ini 和 zh-CN.ini，根據指示分別設定了字體和字號，再打開軟體，發覺沒有用。
然後又在 /Users/asphodelos/Library/CBETA 中也做了同樣設定，還是沒有用。
不知是否能找到 macOS 下的設定方法。
or
to post comments
CBETA 廣告說明
New forum topics
原來台灣佛教的現代化走得這麼前面！
佛垂般涅槃略說教誡經 一處文字疑有誤
請教經文漢字音譯如何確定精確梵語讀音之建議
瑜伽师地论 注疏科判分享版
起信論卷一一處標點有疑
《大寶積經》標點及錯字之四
《無量壽經記》卷上一處校勘碼位置有疑
《華嚴經疏注》卷109一處校勘碼疑誤植
《大寶積經》標點及錯字之三
《般若心經疏詒謀鈔》一處文字疑有誤
More
Recent comments
Re: 佛垂般涅槃略說教誡經 一處文字疑有誤
9 months 2 weeks ago
感谢您的回复和信息！
9 months 3 weeks ago
Re: 請教經文漢字音譯如何確定精確梵語讀音之建議
10 months 1 week ago
标点算不了啥. 文义出偏差才害死人.
10 months 2 weeks ago
Re:電子書的名稱能否用經題
10 months 2 weeks ago
Re:瑜伽师地论 注疏科判分享版
10 months 2 weeks ago
《瑜伽师地论》有两处引用梵天王请问经
10 months 3 weeks ago
你好，沒問題了
10 months 4 weeks ago
我下載了沒有變化
10 months 4 weeks ago
為什麼我下載以後沒有中文呢
10 months 4 weeks ago
Who's online
There are currently 0 users online.
Languages
正體中文
简体中文
한국어
Syndicate
User login
廣告
CBETA 廣告說明
Main menu
認識 CBETA
電子佛典集成
下載
檔案櫃
服務
CBETA 相關網站
公告
搜尋 🔍
護持捐款
CBETA 財團法人佛教電子佛典基金會
Web Site :
E-mail :
[email protected]
Tel : +886-2-2383-2182
地址 : 100011 台灣台北市中正區延平南路 77 號 8 樓 R812
Address : Rm. 812, 8F., No.77, Yanping S. Rd., Zhongzheng Dist., Taipei City 100011, Taiwan (R.O.C.)
CBETA 基金會新馬聯絡處
E-mail :
[email protected]
Address : 5 Pangkor Road, 10050 Pulau Pinang, Malaysia
本網站係採用
Creative Commons 姓名標示-非商業性-相同方式分享 3.0 台灣 (中華民國) 授權條款
授權.
Copyright ©1998-2025 CBETA