※注意:本文為舊版小屋適用,新版小屋已不應用。
為了讓小屋編輯器可以配合各式各式的小屋CSS而變化,
我們貼心的RD們實在嘗試了不下數十次的方法,
因為我不懂程式, 實在幫不上忙, 只能說...沒想到比想像中複雜不少..
( 另一方面也可以說是目前小屋的CSS實在是太混亂啦>.< 可能要痛一次好好整新規劃也說不定..)
過程就直接跳過啦~~
總而言之, 最後決定的方式是, 如果想讓小屋編輯器模擬成實際PO出去的面貌.
你可以醬子作:(注意聽囉!!)
( 另一方面也可以說是目前小屋的CSS實在是太混亂啦>.< 可能要痛一次好好整新規劃也說不定..)
過程就直接跳過啦~~
總而言之, 最後決定的方式是, 如果想讓小屋編輯器模擬成實際PO出去的面貌.
你可以醬子作:(注意聽囉!!)
1. 修改所見所得的編輯區域:
修改小屋「自訂CSS」,在CSS的最後面,加上下面這段 Code 的語法.
body.editstyle{ background-color:#色碼; color:#色碼; font-size:字級px;}
以上範例是修改編輯器背景色、文字顏色、字級大小,
如果你有其它需求,也可以再另外加上。
修改小屋「自訂CSS」,在CSS的最後面,加上下面這段 Code 的語法.
body.editstyle{ background-color:#色碼; color:#色碼; font-size:字級px;}
以上範例是修改編輯器背景色、文字顏色、字級大小,
如果你有其它需求,也可以再另外加上。
2. 修改原始碼模式的編輯區域:
如果是要改變原始碼模式那塊的呈現,
你可以在自訂CSS 的上方, 加上下面這段 Code 就好嚕~~^^
textarea{background-color:#色碼; color:#色碼;}
( 加上CSS的最前面或最後面其實都是沒差的~~看個人習慣而定 )
如果是要改變原始碼模式那塊的呈現,
你可以在自訂CSS 的上方, 加上下面這段 Code 就好嚕~~^^
textarea{background-color:#色碼; color:#色碼;}
( 加上CSS的最前面或最後面其實都是沒差的~~看個人習慣而定 )
最後:
記得儲存CSS完,記得重新整理(Ctrl+F5)一下,
之後你的編輯器就會照你設定的CSS而改變囉~~
記得儲存CSS完,記得重新整理(Ctrl+F5)一下,
之後你的編輯器就會照你設定的CSS而改變囉~~
(測試後的圖片不小心被我刪掉了.....我有空再補作一張= =")