1. 重新撰寫pug scss js
2. 以預覽為主，調整輸入區移到側邊攔
3. 增加預覽區背景圖功能
4. 調整輸入區可以收縮至消失，顯示整個預覽區
5. 可以預覽噗浪生物、時間軸生物、噗幣旁生物之效果
6. 噗內回應的預覽應該位置不好調，所以是設置顯示隱藏開關在導覽列上

經過這幾個月的工作洗鍊後，現在看半年前寫的code，會覺得這是啥鬼玩意XDDD
學到了一堆用 pug 玩的花樣，新版本讓畫面全部使用 pug 產出，目前應該會更加穩定

然後預覽區的js使用另一種寫法，這樣一來應該可以預覽 :hover 效果，不過要先想該怎麼做輸入區，所以可能還要等一段時間

剩下的功能應該跟之前的差不多...我也忘記我多寫啥功能了，總之這樣
其他東西再讓我慢慢新增吧，我現在只想進狼欒神社

在大半夜發更新噗XDDD

是說這樣長得太像噗浪....這不會有問題嗎？

總之先幫你轉

Yanyuelst: 謝謝阿炎

請問遇到問題可以去哪裡回報比較好？ ><

BlackSheep_Art: 在這邊回報就行囉

hoshikata: 好的，先謝謝噗主精美而且還更新版本的CSS產生器.....

剛剛使用的時候，發現R18模糊化的效果，不會反映在預覽區域。
我是W7+Chrome瀏覽器(64位元最新版本)


不知道這樣的回報資訊足不足狗><

BlackSheep_Art: 抱歉噗主手殘不小心多加了個冒號，現在應該沒問題囉！

1. 修正 r18 模糊化 css 錯誤
2. 修正第一次輸入時，預覽不會更新之錯誤

hoshikata:

讚嘆噗主！

讚嘆噗主!!!謝謝噗主!!!

路過回報一下
發現用手機打開整個排版會很難用

JLChnToZ: 謝謝回報。
噗浪佈景的調整只在噗浪電腦版上可以看到，噗浪的手機板上看不到的，所以我還在想要不要支援手機板
請容我在想想

如果不打算支援手機的話建議直接在手機上顯示訊息啊

更新
1. 簡易的RWD
2. 新增可以控制並預覽hover(滑鼠移至)功能

雖然新增了RWD可暫時在手機環境運作了，但最好的使用體驗還是電腦版，之後可能會新增個警告視窗
hover有沒有什麼好的中文名稱？不然「滑鼠移至」這個好長又覺得不太直覺

希望大家可以說說使用心得，或者想新增什麼功能

來ㄌ來ㄌ，謝謝噗主的語法產生器超級好用到爆炸.....拯救了對CSS理解不到一成的旅人.....
放個玩到中午的成果，感謝噗主讓我好幾年(!)沒更新的噗浪畫面煥然一新...


新增功能的話，想問有沒有可能在重新開啟網頁的時候，還能顯示上次做到一半的進度之類的？ 現在是F5或重開，就會變成預設，要全部再來一次...但只是想微調東西的話，色票全部重新輸入稍微有點累><

另外想請問有沒有可能新增像是Loading圖替換、河道箭頭圖替換、或是發噗區Logo的編輯之類的...？還沒挖更多，也不確定這些是不是可以實現的功能...

啊，對了，有兩個小地方是我自己在改的時候遇到，後來另外增加語法解決的。
一個比較小，就是時間軸生物的位置——因為會被控制列按鈕擋住，所以我加了position調整位置。

另外一個是，河道上剛剛更新的噗，不是會上黃色漸層當提醒？我找到語法把它改成藍色漸層了。
這邊是我後來用的語法：
/* 新回應動態 */ (Plurk Paste)

我是在這個噗找到的。
噗裡面的噗主先找到、但沒有作用的兩組語法我也有找到，也是沒辦法用。學了那位最後用的這組語法之後，現在成功改成跟主題同色系的淺藍色漸層。

謝謝噗主拯救不會語法的人XDDD
版面效果預覽很棒，能知道調整的區塊在哪及調整後的效果。
因為操作很方便結果全部的東西都改了，一下午就過去了
許願能增加更改字型的功能～再次謝謝噗主！

抱歉一直出現 ((爆
剛剛注意到超連結的語法，不知道為什麼在PLURK上好像沒有正確顯示><

在噗首的時候，『有圖連結』的框線、圓角、背景色及圖片本身的圓角顯示正確，但『文字超連結』、『圖片超連結內的文字』兩項的文字顏色，和『圖片超連結內的圖片』的透明度，好像沒辦法正確顯示...！

BlackSheep_Art: 我這邊測試自己的噗浪是沒問題的說...
我在想，應該是你看的部分是在噗內，你說的這些調整是沒辦法應用在噗內的連結

BlackSheep_Art: 關於許願的儲存功能比較複雜點，能要需要一些時間
Loading圖替換、河道箭頭圖替換應該是可以，發噗區Logo是哪個地方？

windblue0208: 感謝你的使用跟喜歡！
字型功能再讓我想想該怎麼改XD 我怕是不能改

更新
1. 新增更改 loading 圖示
2. 新增更改往前往後按鈕圖示
3. 新增更改撲首控制列按鈕
4. 新增更改新消息噗首

字型的話我這邊是用
/字型/
body{
font-size:14px;
font-family: '（ ）';
}
這個，只是字型名稱的話還要抓每個人電腦裡的字型，不知道辦不辦的到

pneco: 目前就是卡在不知道怎麼抓到電腦裡的字型，好像有方法但我現在找不到，也或許是我記憶出錯
不然就是只能靠使用者自己輸入了

也可以支援線上字型啊

JLChnToZ: 噗浪沒辦法import進去啊

誰說的
看看我河道的Karma吧

JLChnToZ: 你說的是font-face，我說的是import

結論就是
先把要import的預處理不就行了嗎

JLChnToZ: 但我現在的目的是抓使用者電腦的字型
你說的方法是退而且求其次的

不過瀏覽器沒方法給你抓系統字型列表啊
而且你無法保證其他打開河道的會不會有相同字型
最簡單的說法是一個Windows的指定好預裝的字型
但別人用Mac瀏覽 不就會找不到字型嗎？

一般比較保險的方法是定義好大家都有的字型 (像 Google 文件那樣)
沒有的話就找其他線上來源

JLChnToZ: 但這樣無法讓使用者真正自訂字型
河道佈景基本上都是個人觀看較多，故他人瀏覽狀態下呈現不出字型是比較好解決的，只要後面加上代替字型就好了
由我定義的話那就失去使用者自訂的意義了，這並不好

只能說要抓真的是無法 (我想是安全考量吧?)
最多只能偵測使用者有沒有某字型 (用 CSS)
我想比較合適的做法是給使用者自行輸入
還有就是留方法給使用者自己接線上字型檔或者載入該字型的CSS檔的網址

hoshikata: 超高速更新太感謝噗主了QQQQ
想說的發噗LOGO是指這邊這排小圖示...！

更新
1. 新增更改游標
2. 新增更改 Hashtag
3. 新增更改消音、偷偷說噗首
4. 新增更改發噗區按鈕
5. 圓角控制更改為可以分別控制四邊
6. 邊框控制新增透明度選項
7. 陰影控制將距離分出XY軸

想問一下，往後按鈕沒辦法跟往前按鈕一樣，滑鼠移過去時再出現嗎？因為我滑鼠沒有滑過去圖案也一樣顯示在上面，不是一開始就消失的

您好，讚嘆噗主的產生器！
這邊剛剛使用吸取顏色功能會跑色，不曉得是不是這邊電腦的問題><

a870129a: 新增了可以控制往前往後按鈕透明度！

wl00356362: 跑色的情況可以截圖嗎？這裡不太清楚跑色是什麼樣的情況

hoshikata: 後來發現原因了，雙螢幕延伸模式的情況下，滴管對應到的是次螢幕的畫面

hoshikata: 謝謝噗主，辛苦了

想請問可以單獨改變karma數字的顏色嗎><
一時間翻不到><

ilonazhang: 雖然不是我寫的，不過試試看這個

新版噗浪css修改 20160204
裡面有改卡瑪的語法

更新
1. 將 media query 集合
2. save & load 功能
3. 新增更改 karma 功能

ilonazhang: 已新增功能了，可以試試看

想請問一下點開圖片後的視窗，回應文字的上半都會被截掉，這部份有解法嗎?

DonBuLi: 抱歉，現在才回覆你
有沒有辦法提供你使用的語法讓我看看呢？目前光看圖片我也不曉得是出了什麼問題

我後來把語法都清除保持預設也是會這樣....我想請問的是這個語法產生器有沒有可以修改觀看時文字的設定

DonBuLi: 這個問題是因為你改了瀏覽器或系統的預設字體的關係，導致預設行高跑掉
我之前寫過的CSS複製13-26行可以解決這個問題，可以參考看看~
Tokyono-Sora/TokynoSora.css at 61964378e2573dc632fec...

喔喔解決了! 太感謝!!
我就是在找有沒有辦法可以改行高，可是又不知道這個視窗的行高要在哪邊改

DonBuLi: 不會，因為這需要用特殊語法，這個方法也是我跟朋友研究很久才成功做出來的

當時玩語法產生器的時候就是到處想找這個設定，可是不知道那個點圖片後跳出來的那個視窗叫什麼名字XD

DonBuLi: 那個視窗裡面的東西，其實噗浪是不給你改的www

所以是......

DonBuLi: 原來是這邊的問題，那確實產生器無法修改，就…這塊要用語法更改的話，要想辦法先繞過噗浪的限制，這個就私下說就好了w

請問想弄像這樣的小人該找哪裡的語法

ark_c: 謝謝

是大佬！！！（膜拜
好厲害(ノﾟДﾟ)