疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 6:47 PM
Wed, Jan 27, 2021 4:09 AM
2237
845
10
噗浪語法產生器更新啦！
噗浪語法產生器 ver.2
改變了整個版面，以預覽區為主，調整輸入區放到側邊欄，這樣一來應該會更好使用
舊版：
新版：
更新細項下收
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 6:50 PM
Sat, Jan 23, 2021 7:12 PM
1. 重新撰寫pug scss js
2. 以預覽為主，調整輸入區移到側邊攔
3. 增加預覽區背景圖功能
4. 調整輸入區可以收縮至消失，顯示整個預覽區
5. 可以預覽噗浪生物、時間軸生物、噗幣旁生物之效果
6. 噗內回應的預覽應該位置不好調，所以是設置顯示隱藏開關在導覽列上
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 6:51 PM
Sat, Jan 23, 2021 7:18 PM
經過這幾個月的工作洗鍊後，現在看半年前寫的code，會覺得這是啥鬼玩意XDDD
學到了一堆用 pug 玩的花樣，新版本讓畫面全部使用 pug 產出，目前應該會更加穩定
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 6:53 PM
Sat, Jan 23, 2021 7:44 PM
然後預覽區的js使用另一種寫法，這樣一來應該可以預覽 :hover 效果，不過要先想該怎麼做輸入區，所以可能還要等一段時間
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 6:54 PM
Sat, Jan 23, 2021 7:20 PM
剩下的功能應該跟之前的差不多...我也忘記我多寫啥功能了，總之這樣
其他東西再讓我慢慢新增吧，
我現在只想進狼欒神社
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 6:59 PM
在大半夜發更新噗XDDD
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 7:01 PM
是說這樣長得太像噗浪....這不會有問題嗎？
御姓炎☞養魚怪人🎗
@Yanyuelst
Sat, Jan 23, 2021 7:03 PM
總之先幫你轉
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 7:07 PM
御姓炎☞養魚怪人🎗
: 謝謝阿炎
睏惑黑羊⁷ ✧ 一無所有
@BlackSheep_Art
Sat, Jan 23, 2021 7:23 PM
請問遇到問題可以去哪裡回報比較好？ ><
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 7:26 PM
睏惑黑羊⁷ ✧ 一無所有
: 在這邊回報就行囉
睏惑黑羊⁷ ✧ 一無所有
@BlackSheep_Art
Sat, Jan 23, 2021 7:31 PM
Sat, Jan 23, 2021 7:32 PM
疾患⛩️7列34番の神
: 好的，先謝謝噗主精美而且還更新版本的CSS產生器.....
剛剛使用的時候，發現R18模糊化的效果，不會反映在預覽區域。
我是W7+Chrome瀏覽器(64位元最新版本)
不知道這樣的回報資訊足不足狗><
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 7:39 PM
Sat, Jan 23, 2021 7:45 PM
睏惑黑羊⁷ ✧ 一無所有
: 抱歉噗主手殘不小心多加了個冒號，現在應該沒問題囉！
疾患⛩️7列34番の神
@hoshikata
Sat, Jan 23, 2021 7:39 PM
1. 修正 r18 模糊化 css 錯誤
2. 修正第一次輸入時，預覽不會更新之錯誤
睏惑黑羊⁷ ✧ 一無所有
@BlackSheep_Art
Sat, Jan 23, 2021 7:41 PM
疾患⛩️7列34番の神
:
鶇θωθ 奔襲的冷凍庫
@Tsugumi99
Sun, Jan 24, 2021 1:31 AM
讚嘆噗主！
眠花★等不到了
@Leilaspeak
Sun, Jan 24, 2021 3:01 AM
讚嘆噗主!!!謝謝噗主!!!
維斯坦茲
@JLChnToZ
Sun, Jan 24, 2021 4:30 AM
路過回報一下
發現用手機打開整個排版會很難用
疾患⛩️7列34番の神
@hoshikata
Sun, Jan 24, 2021 5:03 AM
維斯坦茲
: 謝謝回報。
噗浪佈景的調整只在噗浪電腦版上可以看到，噗浪的手機板上看不到的，所以我還在想要不要支援手機板
請容我在想想
維斯坦茲
@JLChnToZ
Sun, Jan 24, 2021 5:06 AM
如果不打算支援手機的話建議直接在手機上顯示訊息啊
疾患⛩️7列34番の神
@hoshikata
Sun, Jan 24, 2021 10:59 AM
Sun, Jan 24, 2021 11:10 AM
更新
1. 簡易的RWD
2. 新增可以控制並預覽hover(滑鼠移至)功能
雖然新增了RWD可暫時在手機環境運作了，但最好的使用體驗還是電腦版，之後可能會新增個警告視窗
hover有沒有什麼好的中文名稱？不然「滑鼠移至」這個好長又覺得不太直覺
疾患⛩️7列34番の神
@hoshikata
Sun, Jan 24, 2021 11:21 AM
希望大家可以說說使用心得，或者想新增什麼功能
睏惑黑羊⁷ ✧ 一無所有
@BlackSheep_Art
Sun, Jan 24, 2021 11:39 AM
Sun, Jan 24, 2021 11:40 AM
來ㄌ來ㄌ，謝謝噗主的語法產生器超級好用到爆炸.....拯救了對CSS理解不到一成的旅人.....
放個玩到中午的成果，感謝噗主讓我好幾年(!)沒更新的噗浪畫面煥然一新...
新增功能的話，想問有沒有可能在重新開啟網頁的時候，還能顯示上次做到一半的進度之類的？ 現在是F5或重開，就會變成預設，要全部再來一次...但只是想微調東西的話，色票全部重新輸入稍微有點累><
另外想請問有沒有可能新增像是Loading圖替換、河道箭頭圖替換、或是發噗區Logo的編輯之類的...？還沒挖更多，也不確定這些是不是可以實現的功能...
睏惑黑羊⁷ ✧ 一無所有
@BlackSheep_Art
Sun, Jan 24, 2021 11:52 AM
Sun, Jan 24, 2021 11:56 AM
啊，對了，有兩個小地方是我自己在改的時候遇到，後來另外增加語法解決的。
一個比較小，就是時間軸生物的位置——因為會被控制列按鈕擋住，所以我加了position調整位置。
另外一個是，河道上剛剛更新的噗，不是會上黃色漸層當提醒？我找到語法把它改成藍色漸層了。
這邊是我後來用的語法：
/* 新回應動態 */ (Plurk Paste)
我是在
這個噗找到的
。
噗裡面的噗主先找到、但沒有作用的兩組語法我也有找到，也是沒辦法用。學了那位最後用的這組語法之後，現在成功改成跟主題同色系的淺藍色漸層。
展❖肥ㄗㄗ倉鼠獸
@windblue0208
Sun, Jan 24, 2021 11:56 AM
謝謝噗主拯救不會語法的人XDDD
版面效果預覽很棒，能知道調整的區塊在哪及調整後的效果。
因為操作很方便結果全部的東西都改了，一下午就過去了
許願能增加更改字型的功能～再次謝謝噗主！
睏惑黑羊⁷ ✧ 一無所有
@BlackSheep_Art
Sun, Jan 24, 2021 1:16 PM
抱歉一直出現 ((爆
剛剛注意到超連結的語法，不知道為什麼在PLURK上好像沒有正確顯示><
睏惑黑羊⁷ ✧ 一無所有
@BlackSheep_Art
Sun, Jan 24, 2021 1:29 PM
Sun, Jan 24, 2021 1:32 PM
在噗首的時候，『有圖連結』的框線、圓角、背景色及圖片本身的圓角顯示正確，但『文字超連結』、『圖片超連結內的文字』兩項的文字顏色，和『圖片超連結內的圖片』的透明度，好像沒辦法正確顯示...！
疾患⛩️7列34番の神
@hoshikata
Sun, Jan 24, 2021 3:47 PM
睏惑黑羊⁷ ✧ 一無所有
: 我這邊測試自己的噗浪是沒問題的說...
我在想，應該是你看的部分是在噗內，你說的這些調整是沒辦法應用在噗內的連結
疾患⛩️7列34番の神
@hoshikata
Sun, Jan 24, 2021 3:50 PM
睏惑黑羊⁷ ✧ 一無所有
: 關於許願的儲存功能比較複雜點，能要需要一些時間
Loading圖替換、河道箭頭圖替換應該是可以，發噗區Logo是哪個地方？
疾患⛩️7列34番の神
@hoshikata
Sun, Jan 24, 2021 3:51 PM
展❖肥ㄗㄗ倉鼠獸
: 感謝你的使用跟喜歡！
字型功能再讓我想想該怎麼改XD 我怕是不能改
疾患⛩️7列34番の神
@hoshikata
Sun, Jan 24, 2021 7:38 PM
Sun, Jan 24, 2021 8:03 PM
更新
1. 新增更改 loading 圖示
2. 新增更改往前往後按鈕圖示
3. 新增更改撲首控制列按鈕
4. 新增更改新消息噗首
ㄖㄨㄛㄎㄚ
@pneco
Mon, Jan 25, 2021 12:51 AM
字型的話我這邊是用
/
字型
/
body{
font-size:14px;
font-family: '（ ）';
}
這個，只是字型名稱的話還要抓每個人電腦裡的字型，不知道辦不辦的到
疾患⛩️7列34番の神
@hoshikata
Mon, Jan 25, 2021 4:17 AM
Mon, Jan 25, 2021 4:18 AM
ㄖㄨㄛㄎㄚ
: 目前就是卡在不知道怎麼抓到電腦裡的字型，好像有方法但我現在找不到，
也或許是我記憶出錯
不然就是只能靠使用者自己輸入了
維斯坦茲
@JLChnToZ
Mon, Jan 25, 2021 4:27 AM
也可以支援線上字型啊
疾患⛩️7列34番の神
@hoshikata
Mon, Jan 25, 2021 4:30 AM
維斯坦茲
: 噗浪沒辦法import進去啊
維斯坦茲
@JLChnToZ
Mon, Jan 25, 2021 4:41 AM
誰說的
看看我河道的Karma吧
疾患⛩️7列34番の神
@hoshikata
Mon, Jan 25, 2021 5:12 AM
維斯坦茲
: 你說的是font-face，我說的是import
維斯坦茲
@JLChnToZ
Mon, Jan 25, 2021 5:58 AM
結論就是
先把要import的預處理不就行了嗎
疾患⛩️7列34番の神
@hoshikata
Mon, Jan 25, 2021 6:01 AM
維斯坦茲
: 但我現在的目的是抓使用者電腦的字型
你說的方法是退而且求其次的
維斯坦茲
@JLChnToZ
Mon, Jan 25, 2021 6:04 AM
不過瀏覽器沒方法給你抓系統字型列表啊
而且你無法保證其他打開河道的會不會有相同字型
最簡單的說法是一個Windows的指定好預裝的字型
但別人用Mac瀏覽 不就會找不到字型嗎？
維斯坦茲
@JLChnToZ
Mon, Jan 25, 2021 6:06 AM
一般比較保險的方法是定義好大家都有的字型 (像 Google 文件那樣)
沒有的話就找其他線上來源
疾患⛩️7列34番の神
@hoshikata
Mon, Jan 25, 2021 6:20 AM
維斯坦茲
: 但這樣無法讓使用者真正自訂字型
河道佈景基本上都是個人觀看較多，故他人瀏覽狀態下呈現不出字型是比較好解決的，只要後面加上代替字型就好了
由我定義的話那就失去使用者自訂的意義了，這並不好
維斯坦茲
@JLChnToZ
Mon, Jan 25, 2021 6:29 AM
只能說要抓真的是無法 (我想是安全考量吧?)
最多只能偵測使用者有沒有某字型 (用 CSS)
我想比較合適的做法是給使用者自行輸入
還有就是留方法給使用者自己接線上字型檔或者載入該字型的CSS檔的網址
維斯坦茲
@JLChnToZ
Mon, Jan 25, 2021 6:30 AM
((抱歉好像留言太多了
睏惑黑羊⁷ ✧ 一無所有
@BlackSheep_Art
Tue, Jan 26, 2021 9:01 AM
疾患⛩️7列34番の神
: 超高速更新太感謝噗主了QQQQ
想說的發噗LOGO是指這邊這排小圖示...！
疾患⛩️7列34番の神
@hoshikata
Tue, Jan 26, 2021 4:20 PM
Tue, Jan 26, 2021 4:20 PM
更新
1. 新增更改游標
2. 新增更改 Hashtag
3. 新增更改消音、偷偷說噗首
4. 新增更改發噗區按鈕
5. 圓角控制更改為可以分別控制四邊
6. 邊框控制新增透明度選項
7. 陰影控制將距離分出XY軸
雪糖的薄荷糖
@a870129a
Wed, Jan 27, 2021 7:06 AM
想問一下，往後按鈕沒辦法跟往前按鈕一樣，滑鼠移過去時再出現嗎？因為我滑鼠沒有滑過去圖案也一樣顯示在上面，不是一開始就消失的
特攻社長▶胡言亂語
@saatgut15936
Wed, Jan 27, 2021 9:45 AM
您好，讚嘆噗主的產生器！
這邊剛剛使用吸取顏色功能會跑色，不曉得是不是這邊電腦的問題><
疾患⛩️7列34番の神
@hoshikata
Wed, Jan 27, 2021 2:13 PM
Wed, Jan 27, 2021 2:13 PM
雪糖的薄荷糖
: 新增了可以控制往前往後按鈕透明度！
疾患⛩️7列34番の神
@hoshikata
Wed, Jan 27, 2021 2:16 PM
wl00356362
: 跑色的情況可以截圖嗎？這裡不太清楚跑色是什麼樣的情況
特攻社長▶胡言亂語
@saatgut15936
Wed, Jan 27, 2021 2:32 PM
疾患⛩️7列34番の神
:
後來發現原因了，雙螢幕延伸模式的情況下，滴管對應到的是次螢幕的畫面
雪糖的薄荷糖
@a870129a
Wed, Jan 27, 2021 2:32 PM
疾患⛩️7列34番の神
: 謝謝噗主，辛苦了
Flashlight。挖坑不填
@ilonazhang
Thu, Jan 28, 2021 8:06 AM
想請問可以單獨改變karma數字的顏色嗎><
一時間翻不到><
穆九煙
@evas8041
Thu, Jan 28, 2021 3:52 PM
Flashlight。挖坑不填
: 雖然不是我寫的，不過試試看這個
新版噗浪css修改 20160204
裡面有改卡瑪的語法
疾患⛩️7列34番の神
@hoshikata
Thu, Jan 28, 2021 5:50 PM
1
更新
1. 將 media query 集合
2. save & load 功能
3. 新增更改 karma 功能
疾患⛩️7列34番の神
@hoshikata
Thu, Jan 28, 2021 5:50 PM
Flashlight。挖坑不填
: 已新增功能了，可以試試看
DonBuLi
@DonBuLi
Sun, Mar 14, 2021 12:05 AM
想請問一下點開圖片後的視窗，回應文字的上半都會被截掉，這部份有解法嗎?
疾患⛩️7列34番の神
@hoshikata
Tue, Oct 19, 2021 7:12 PM
DonBuLi
: 抱歉，現在才回覆你
有沒有辦法提供你使用的語法讓我看看呢？目前光看圖片我也不曉得是出了什麼問題
DonBuLi
@DonBuLi
Tue, Oct 19, 2021 11:42 PM
我後來把語法都清除保持預設也是會這樣....我想請問的是這個語法產生器有沒有可以修改觀看時文字的設定
千秋大小姐
@akira02
Wed, Oct 20, 2021 2:35 AM
Wed, Oct 20, 2021 2:47 AM
DonBuLi
: 這個問題是因為你改了瀏覽器或系統的預設字體的關係，導致預設行高跑掉
我之前寫過的CSS複製13-26行可以解決這個問題，可以參考看看~
Tokyono-Sora/TokynoSora.css at 61964378e2573dc632fec...
DonBuLi
@DonBuLi
Wed, Oct 20, 2021 5:07 AM
喔喔解決了! 太感謝!!
我就是在找有沒有辦法可以改行高，可是又不知道這個視窗的行高要在哪邊改
千秋大小姐
@akira02
Wed, Oct 20, 2021 5:41 AM
DonBuLi
: 不會，因為這需要用特殊語法，這個方法也是我跟朋友研究很久才成功做出來的
DonBuLi
@DonBuLi
Wed, Oct 20, 2021 11:27 AM
當時玩語法產生器的時候就是到處想找這個設定，可是不知道那個點圖片後跳出來的那個視窗叫什麼名字XD
千秋大小姐
@akira02
Wed, Oct 20, 2021 11:53 AM
Wed, Oct 20, 2021 11:54 AM
DonBuLi
: 那個視窗裡面的東西，其實噗浪是不給你改的www
DonBuLi
@DonBuLi
Wed, Oct 20, 2021 12:26 PM
所以是......
疾患⛩️7列34番の神
@hoshikata
Thu, Oct 21, 2021 4:13 AM
DonBuLi
: 原來是這邊的問題，那確實產生器無法修改，就…這塊要用語法更改的話，要想辦法先繞過噗浪的限制，這個就私下說就好了w
什麼都不會的海瑟
@Hyun1204
Fri, Mar 25, 2022 5:02 PM
請問想弄像這樣的小人該找哪裡的語法
什麼都不會的海瑟
@Hyun1204
Sat, Mar 26, 2022 5:58 AM
ark_c
: 謝謝
地球換季，我換新，人生救命 ♪
@Latisha_Shan
Wed, May 25, 2022 5:08 PM
Wed, May 25, 2022 5:08 PM
是大佬！！！（膜拜
好厲害(ノﾟДﾟ)
載入新的回覆
噗浪語法產生器 ver.2
改變了整個版面，以預覽區為主，調整輸入區放到側邊欄，這樣一來應該會更好使用
舊版：
新版：
更新細項下收
2. 以預覽為主，調整輸入區移到側邊攔
3. 增加預覽區背景圖功能
4. 調整輸入區可以收縮至消失，顯示整個預覽區
5. 可以預覽噗浪生物、時間軸生物、噗幣旁生物之效果
6. 噗內回應的預覽應該位置不好調，所以是設置顯示隱藏開關在導覽列上
學到了一堆用 pug 玩的花樣，新版本讓畫面全部使用 pug 產出，目前應該會更加穩定
其他東西再讓我慢慢新增吧，
我現在只想進狼欒神社剛剛使用的時候，發現R18模糊化的效果，不會反映在預覽區域。
我是W7+Chrome瀏覽器(64位元最新版本)
不知道這樣的回報資訊足不足狗><
2. 修正第一次輸入時，預覽不會更新之錯誤
路過回報一下
發現用手機打開整個排版會很難用
噗浪佈景的調整只在噗浪電腦版上可以看到，噗浪的手機板上看不到的，所以我還在想要不要支援手機板
請容我在想想
1. 簡易的RWD
2. 新增可以控制並預覽hover(滑鼠移至)功能
雖然新增了RWD可暫時在手機環境運作了，但最好的使用體驗還是電腦版，之後可能會新增個警告視窗
hover有沒有什麼好的中文名稱？不然「滑鼠移至」這個好長又覺得不太直覺
放個玩到中午的成果，感謝噗主讓我好幾年(!)沒更新的噗浪畫面煥然一新...
新增功能的話，想問有沒有可能在重新開啟網頁的時候，還能顯示上次做到一半的進度之類的？ 現在是F5或重開，就會變成預設，要全部再來一次...但只是想微調東西的話，色票全部重新輸入稍微有點累><
另外想請問有沒有可能新增像是Loading圖替換、河道箭頭圖替換、或是發噗區Logo的編輯之類的...？還沒挖更多，也不確定這些是不是可以實現的功能...
一個比較小，就是時間軸生物的位置——因為會被控制列按鈕擋住，所以我加了position調整位置。
另外一個是，河道上剛剛更新的噗，不是會上黃色漸層當提醒？我找到語法把它改成藍色漸層了。
這邊是我後來用的語法：
/* 新回應動態 */ (Plurk Paste)
我是在這個噗找到的。
噗裡面的噗主先找到、但沒有作用的兩組語法我也有找到，也是沒辦法用。學了那位最後用的這組語法之後，現在成功改成跟主題同色系的淺藍色漸層。
版面效果預覽很棒，能知道調整的區塊在哪及調整後的效果。
因為操作很方便結果全部的東西都改了，一下午就過去了許願能增加更改字型的功能～再次謝謝噗主！
剛剛注意到超連結的語法，不知道為什麼在PLURK上好像沒有正確顯示><
我在想，應該是你看的部分是在噗內，你說的這些調整是沒辦法應用在噗內的連結
Loading圖替換、河道箭頭圖替換應該是可以，發噗區Logo是哪個地方？
字型功能再讓我想想該怎麼改XD 我怕是不能改
1. 新增更改 loading 圖示
2. 新增更改往前往後按鈕圖示
3. 新增更改撲首控制列按鈕
4. 新增更改新消息噗首
/字型/
body{
font-size:14px;
font-family: '（ ）';
}
這個，只是字型名稱的話還要抓每個人電腦裡的字型，不知道辦不辦的到
也或許是我記憶出錯不然就是只能靠使用者自己輸入了
看看我河道的Karma吧
先把要import的預處理不就行了嗎
你說的方法是退而且求其次的
而且你無法保證其他打開河道的會不會有相同字型
最簡單的說法是一個Windows的指定好預裝的字型
但別人用Mac瀏覽 不就會找不到字型嗎？
沒有的話就找其他線上來源
河道佈景基本上都是個人觀看較多，故他人瀏覽狀態下呈現不出字型是比較好解決的，只要後面加上代替字型就好了
由我定義的話那就失去使用者自訂的意義了，這並不好
最多只能偵測使用者有沒有某字型 (用 CSS)
我想比較合適的做法是給使用者自行輸入
還有就是留方法給使用者自己接線上字型檔或者載入該字型的CSS檔的網址
((抱歉好像留言太多了想說的發噗LOGO是指這邊這排小圖示...！
1. 新增更改游標
2. 新增更改 Hashtag
3. 新增更改消音、偷偷說噗首
4. 新增更改發噗區按鈕
5. 圓角控制更改為可以分別控制四邊
6. 邊框控制新增透明度選項
7. 陰影控制將距離分出XY軸
這邊剛剛使用吸取顏色功能會跑色，不曉得是不是這邊電腦的問題><
一時間翻不到><
裡面有改卡瑪的語法
1. 將 media query 集合
2. save & load 功能
3. 新增更改 karma 功能
想請問一下點開圖片後的視窗，回應文字的上半都會被截掉，這部份有解法嗎?
有沒有辦法提供你使用的語法讓我看看呢？目前光看圖片我也不曉得是出了什麼問題
我後來把語法都清除保持預設也是會這樣....我想請問的是這個語法產生器有沒有可以修改觀看時文字的設定
我之前寫過的CSS複製13-26行可以解決這個問題，可以參考看看~
我就是在找有沒有辦法可以改行高，可是又不知道這個視窗的行高要在哪邊改
好厲害(ノﾟДﾟ)