ಠ_ಠ
噗浪語法 CSS生產器 歡迎轉噗
有想要修改噗浪語法卻又無從下手的困擾嗎?
這裡做了一款簡單的噗浪語法產生器
有興趣的可以試試看!
歡迎在下方留言使用感想,或者想增加的功能,如果我有時間或許會新增
也歡迎分享調出覺得好看的佈景語法
本產生器絕大部份是用JS自動產生內容,使用新版的Chrome或Firefox開啟可能比較不會產生問題
謝謝投幣的旅人們!
/**=======佈景發佈 by疾患=======**/ (Plurk Paste)
turtle8872
噗主好厲害!晚點來試試
mint9918
先謝謝噗主!
ಠ_ಠ
謝謝噗幣!!!
virgo3486
謝謝噗主!
prawn7988
謝謝噗主
kiwi48
謝謝噗主!!!
hawk1465
可惡手機不能投幣…! 噗主是神ㄚㄚㄚㄚ
yam4848
hawk1465: 手機版不能投幣的話代表你沒更新喔
milk8589
太棒了!!!謝謝噗主!!!!
crab3605
太神了 
hawk1465
yam4848: 原來如此wwwww
怒更新投幣
kudu324
太實用辣!!!
crab3605
這邊想許願之後可以把預覽的畫面固定顯示在網頁上方,這樣往下滾動調整其他選項也能即時預覽,感謝噗主
python9219
感謝噗主大恩大德
ape1268
太棒啦!!!!!!!!
leek5484
噗主是神 謝謝噗主!!!!!!!!!!!
berry8394
噗主是天使
python9219
eagle9082
太厲害了這個!謝謝噗主!!
steak2052
這個真的太厲害了....TT
也想許願可以有預覽畫面在下方可以看TT.....
parrot7405
噗主好人!!!!!!
shark874
謝謝噗主
mousse3196
謝謝噗主,太神啦!
mint9918
噗主好人一生平安
上廁所都有衛生紙
想買口罩都能買到
出國玩都不會遇到雷包
抽獎都能抽到想要的
發票每個月都會中
lamb7928
噗主是天才Q(語法苦手
pirate2185
祝噗主得道成為JS之神!
omelet2271
.
human1484
可以預覽效果太方便了
mochi6169
猛QQ
tofu9989
是前端大大!
orange80
選了顏色之後它不會自動填入顏色代碼是我哪裡用錯了嗎 ?
ಠ_ಠ
orange80: 請問是哪個選項呢?
orange80
ಠ_ಠ: 每一個有顏色的選項都是欸,顏色點選進去後選黑色的完全沒反應
beetle9352
主控台左側的個人頭貼想用圓角調到50,預覽畫面沒有反應是正常的嗎?
ಠ_ಠ
beetle9352: 問題已修正
ಠ_ಠ
orange80: 這...我就不知道發生什麼問題了,我這裡使用是可行的,如果直接打色碼進去輸入框呢?
orange80
ಠ_ಠ:
好QQ我再試試看好了,感謝QQ!!
順便問一下預覽介面能固定在畫面上嗎?
每次修改完都要再移上去有點麻煩
pigeon4242
orange80: 先選其他顏色之後再選一次黑色就有色碼了
原本預設就是黑色所以直接選黑色色碼不會顯示的樣子(?
beetle9352
可以了!另外想尋問一下"新訊息"、"未讀訊息"的部分,滑鼠移過去的顏色改變是不是還不能在生產器做調整呢?
ಠ_ಠ
orange80: 原來是這個問題,抱歉剛剛誤會意思了,同 pigeon4242 說的,要先選其他顏色在選黑色喔,或者直接輸入色碼
ಠ_ಠ
beetle9352: 滑鼠移過去的效果目前我不知道怎麼呈現在預覽上,CSS是可以產出但是會沒預覽喔
puppy119
噗主是天使嗎
puppy119
前幾天一直嘗試把訊息按鈕弄成圖標一直失敗
接著還因為找不到以前佈景的備份檔而小崩潰
puppy119
直到看到這篇的出現感覺被救贖
ಠ_ಠ
半夜偷偷新增功能並且修正一些錯誤
1. 點擊子選單的預覽書籤可以讓預覽及時彈出來
2. 時間軸生物不重複
3. R18噗首的調整
ibis2777
Hover預覽只想到用JS生成<style>增加Hover樣式的CSS,append進<head>內,不過都要加important,不然會壓不過內置樣式
選單.menu_list .item都設cursor: pointer,裡面的a要不要增加display:block之類?((按預覽右側空白處一直出不來,還想說是什麼觸發Bug
跟著許願
dog4794
raisin4211
我覺得會寫程式的都是天才
taurus8831
請問為什麼設定了自訂的噗寶卻不會顯示呢
grape1330
噗主~書籤那邊沒辦法調
chili4803
感謝噗主
ibis9115
請問怎麼點進去沒反應呢
ಠ_ಠ
taurus8831: 請問是說在自己河道上嗎?或許你可以私噗給我你的河道我幫你找找問題
grape1330: 謝謝找出bug,這裡已修正問題了
ibis9115: 請問沒反應是哪裡呢?
ಠ_ಠ
ibis2777: 果然會忘東忘西的,已經把a變成display:block,我自己的習慣是按字所以沒測出來 (ry
恩...不過用插進<style>不會每次改變就讓style愈來愈多嗎?這方法我沒試過也不知道,畢竟我只是菜鳥QQ
pirate2185
ಠ_ಠ:
Changing CSS Values with Javascript
這會是你想要的嗎?
pisces3824
這種我以爲叫產生器
ಠ_ಠ
pisces3824: 產生?生產?感覺好像沒差很多?
ಠ_ಠ
謝謝大家的噗幣,這裡也放上我自己的佈景讓大家使用
/**=======佈景發佈 by疾患=======**/ (Plurk Paste)
必要的顏色設定在文件的最下方,其他顏色就可以隨便設定,也可以使用生產器設定
ibis2777
How to create a &lt;style&gt; tag with Javascript?
產生style的方式有試過這種
const style = document.createElement('style');
呼叫、更改CSS樣式都會是同一個物件,只要append進一次,之後直接更改都還是有效的,用Chrome開發人員工具試過這樣沒問題,不過用上面連結到方法要清除舊的才能style.applendChild
或是 style.innerHTML = css 的方式Chrome沒問題,其它瀏覽器我不保證
不過說不定會有效能的問題
你可以的
ಠ_ಠ
ibis2777: 我可以試試看,不過我沒有很想把hover功能做出來,這代表現在的選項會幾乎多出一倍來(怕)
ಠ_ಠ
===== 新增功能v2 =====
1. 噗幣旁生物
2. 發噗區按鈕與徽章區調整
ಠ_ಠ
===== 新增功能v3 =====
1. 調整文字大小之功能
2. 送禮按鈕調整
pirate2185
噗主要不要把github repo做出來 大家就可以去issues那邊求新功能 還可以一起抓蟲然後給星星 XDD
ಠ_ಠ
taurus8831: 抱歉,我發現錯誤在哪裡了,目前已經修正錯誤
ಠ_ಠ
pirate2185: 呃呃呃呃、讓我學一下
hawk1465
不懂程式,想小聲請問一下選色器的『自訂色彩』那邊的色票數,有增加的可能嗎><
https://images.plurk.com/5KEl9YCCaDNSlV2tq7fb6X.png
ಠ_ಠ
hawk1465: 選色器是瀏覽器產生的,目前我不會修改,也不知道能不能修改
所以可能沒辦法新增色票喔
mochi6169
Repo 看起來是這個?
hoshikata/PlurkCSSGenerator
hawk1465
ಠ_ಠ: 好的感謝您!><
pirate2185
喔喔讚啦 吃我星星(?)
milk8589
這邊有游標的碼!貼一下!

/游標更改/
*, body, a, a:hover {cursor: url(點選網址前的一般游標圖片網址), auto;}
a:hover, {cursor: url(移到網址上時更動的游標圖片網址), auto;}
uranus8654
手機完全打不開
garlic4451
想請問現在沒辦法預覽是正常的嗎?
milk8589
garlic4451: 瀏覽要自己點開
garlic4451
milk8589: 請問在哪裡呢,前幾天測試的時候還不需要點開的
milk8589
garlic4451: 最上方會有個預覽
garlic4451
milk8589: 噢噢好的!謝謝你
rum4319
我有一個可以把名稱移動到噗上面的語法,能夠加進去嗎?
因為有些人名字很長,這樣看噗很不方便,剛好有人分享了語法

用起來像這樣,一般噗文噗主名字會在上面,轉噗的話就是轉的人名字在上面
https://images.plurk.com/4ChjaOEeAgqQYAZfRoR1c5.png
fairy5594
先謝謝噗主!
parrot6575
rum4319: 我也有用這個 (evilsmirk)
https://images.plurk.com/2ge6U2IENZsOrNQBekur7r.png
rum4319
parrot6575: 優秀語法要分享給大家知道
pigeon4242
rum4319: 請問這樣點開噗是長怎樣呢?(好奇
rum4319
pigeon4242: 點開不影響,我這個只有改噗首的部分
我其實也想要改噗內回應,不過沒看到有人分享XD
https://images.plurk.com/5MvkAGZ1EqrgR1fZ98VC2Q.png
pigeon4242
rum4319: 原來如此!
ಠ_ಠ
uranus8654: 打不開是空白畫面還是一直轉圈?我這裡手機是打得開的....
而且手機的版面是沒有預覽的喔,用電腦使用的體驗應該會比較好
ಠ_ಠ
===== 新增功能v4 =====
1. 噗首的暱稱上移之功能
2. 噗內回應的暱稱上移之功能
ಠ_ಠ
milk8589: 游標的有噗主做出了一個產生器,有興趣可以試試看
@ssn2237 - 網址先放出來,應該可以。
wizard6588
這噗的技術之卓越令我流淚
感謝噗主,幫忙解決使用問題跟不斷地更新真實天使
pomelo707
感謝噗主分享
corn5866
抱歉想求助/詢問一下,噗上的TAG 的顏色(及鼠標移至時的外觀設定)的語法在生產器裡面能調整的位置嗎?
因為這邊在用的語法是一直左加右加的所以不太清楚自己在哪裡設定錯了...
現在tag 的顏色雖然改了顏色(跟超連結的顏色一樣) 可是鼠標移至時會有個醜醜的橙色好不習慣 (tears)
https://images.plurk.com/3WEkSkgdKdtjGiKC2Cd2v9.png
zebra3977
corn5866: 不才(p-blush)
.text_holder a.hashtag{
color: tag字顏色 !important; font-size: 10px;border-radius:6px; }
.text_holder a.hashtag:hover {
background-color: tag反選顏色; box-shadow:0 1px 1px rgba(0,0,0,0.25); color: 反選後字的顏色 !important;}
prince3606
抱歉想求救一下><" 之前有用過一次產生器,印象中是選好後按輸出那邊就好,但是剛剛選好選項後到輸出看是一片空白?
corn5866
zebra3977: 成功了,非常感謝><!!!!
gnu3534
也是遇到輸出生成的時候一片空白QQ
prince3606
gnu3534: 我研究出來了,R18模糊語法那邊不能開,一開就無法輸出
gnu3534
prince3606: 喔喔好了!也謝謝你!
garlic4451
prince3606
garlic4451: !謝謝
prince3606
另外想問一下,因為我有在時間軸上設小生物,要調高低是要調時間軸還是河道高低?
河道高低我找到的語法不能調,時間軸我找不到調整高低的語法@.@
ಠ_ಠ
目前R18噗首的錯誤已經修正好了,非常不好意思
ಠ_ಠ
prince3606: 調高低要調時間軸高度喔。
.timeline-bg {
top: 距離上方的距離,單位是px;
}
prince3606
謝謝噗主
raisin4211
請再次接收我的膝蓋~
欸?我為什麼說了"再"呢?
witch9854
超級好用!很直覺,對於我這種只想小改個噗文和頭貼呈圓角的很夠了!感恩大大
witch9854
https://images.plurk.com/3uGeJ8mlW7bF07rPE3iTXw.png 抱歉,想請問有隱藏滑河道箭頭的功能嗎?
rum4319
dog4794: 產生器本身就是網站啊……
pitaya648
噗主你好!抱歉,想請問調整完成後貼回噗浪卻幾乎所有效果都遺失,只剩噗內回應的設定還保留,且河道透明度完全跑掉是我漏掉了哪些步驟嗎@@(用Chrome調整的)
ಠ_ಠ
pitaya648: 抱歉,這不是你的問題,是我的問題
我忘記把css產出加上分號了,現在運作應該沒問題了
ಠ_ಠ
抱歉要讓你重新調整一次
pitaya648
ಠ_ಠ: 沒事!我再找時間設定就好了,謝謝你做了這麼棒的生產器~
rabbit489
打擾了,有個問題想請問一下~
我的噗浪河道發文點開會被擋住,像這樣:
https://images.plurk.com/6LSOP7nZb69chWeLh9fFLo.png
請問有沒有語法可以解決?先謝謝了~
egg4837
https://images.plurk.com/44gmskvuDGpM0o3ggEXybV.jpg
請問這裡有可能修改成自己需要的顏色嗎?找不到可以的語法QQ
parrot7405
egg4837: 那個好像是這邊變的 https://images.plurk.com/pFeoSWgFcTtXGpQCnPJaz.png
https://images.plurk.com/7x3r0QzaIGdx5IWJmdN8aW.png 變成這樣
egg4837
parrot7405: 我有試過,但變成會遮住背景
gnu9321
想問一下有人改完語法後有網頁版不能發噗的問題嗎
parrot7405
egg4837: 那可能是語法問題了
egg4837
parrot7405: 謝謝你,我在研究一下
egg4837
gnu9321: 沒遇到呢,是不是不小心把發噗的隱藏了不知道能不能隱藏
parrot7405
egg4837: background-image: url() !important;
旅人試試看這個 括號內加入你要的圖片網址就行
parrot7405
但不保證成功,因為是我從其他語法複製來的
egg4837
parrot7405: 謝謝你我試看看
egg4837
parrot7405: 謝謝你我試過了,這個沒辦法><這個好像單純只是上傳了圖片但因為沒指定位置所以無效
egg4837
parrot7405: 謝謝旅人,我剛剛再試一次就可以了,因為之前背景都是用的語法改背景,所以才被遮住。如果直接用噗浪自帶的上傳背景就不會被遮住了,居然剛剛才注意到真的是太蠢了
parrot7405
egg4837: 哈哈哈哈哈 有成功就好
egg4837
parrot7405: 非常感謝><
lark152
想問問設定完成後輸出一般要多久><
gnu9321
lark152: 幾乎是馬上
lark152
gnu9321: 我這邊點好了幾次生成都沒有反應
moon4945
這邊今天按生成好幾次也沒有任何反應 想請問是不是我這邊的問題
shark7012
moon4945: 我這邊測試正常喔
gnu9321
moon4945: 要不要試試看用好一個設定就先生成 不要一次設定太大量
beer1846
想推薦一下這個語法也滿好用的

/* 隱藏往前往後箭頭 */ (Plurk Paste)
oreo7466
想做暗色系..但圖中白白那塊的底色不知怎麼改.請大神高手幫忙,謝謝!
https://images.plurk.com/59N15OOaRxvgGuBuPrTcb0.png
onion1031
oreo7466:
試試這個
oreo7466
onion1031: 成功了!非常感謝大大 (worship)
ಠ_ಠ
抱歉,這段時間在找工作並搬家,所以沒辦法處理大家的問題,目前狀況慢慢穩定了,會找個時間更新產生器
謝謝大家的使用
onion5098
ಠ_ಠ: 噗主辛苦了(cozy)(cozy)(cozy)
ಠ_ಠ
onion5098: 謝謝
ಠ_ಠ
問一下有沒有使用上不方便的地方?或者覺得怎麼做會更方便的地方呢?
如果有找到bug也歡迎回報
mango1984
您好, 請問若要改開單一噗浪的背景圖, 該調動那裡呢?
ಠ_ಠ
mango1984: 你是說講噗文單獨另開視窗的畫面背景嗎?那個沒辦法改喔
但有個小技巧可以讓河道跟另開噗文的背景不一樣
在自訂佈景中的背景圖片會影響到另開噗文的背景,所以可以用css設定河道背景,然後自訂佈景中的背景圖片再上傳一張背景圖,這樣看起來兩邊的背景圖就會不一樣了
salmon3217
您好,想問產生器中的好友按鈕跟粉絲按鈕,是否可以調整背景色跟文字色呢?
剛剛看了網站好像沒找到可以更動的地方
然後產生器網站超級棒的!!!很流暢完全沒有卡,而且一邊調整的同時可以直接看旁邊的預覽,真的超級方便.......謝謝噗主
ಠ_ಠ
salmon3217: 做了更新可以更改囉!
prince3606
ಠ_ಠ: 噗主好~想問噗首TAG的顏色可以變更嗎?
沒找到變更顏色的地方
ಠ_ಠ
prince3606: 是指hashtag嗎?這次更新新增可以更改了
prince3606
噗主好棒
koala8325
不好意思翻舊噗,請問有辦法可以調整河道上每一噗之間的距離嗎?想改善河道上看起來太密集的部分。翻了語法產生器但沒找到對應的功能,非常感謝噗主做的神工具
monkey3908
koala8325: 自己是使用 這個語法,可以自己調整數字改變距離距離,原理不是很清楚就是了><
solar362
有使用到,非常感謝噗主!
lizard2773
不好意思翻舊噗,請問有辦法在主控台各個區塊置入圖片嗎? (見圖一)
以及有辦法分別在河道兩邊置入圖片嗎? (見圖二)
在噗主的產生器選項中似乎沒見到這項功能,先謝謝了
https://images.plurk.com/5PsECMx05fMbtiqmVGI6Ks.jpg https://images.plurk.com/19qjPjCJ91DxhWlosmgrCg.jpg
crab6681
不好意思翻舊噗,因為剛開始使用,請問如何把所有加友鈕隱藏,除了控制台還有top bar那邊的,我查了一下,top bar好像鎖住無法隱藏,那如果是top bar中間有個下拉的個人資訊小框框裡面的加友鈕呢,也把它跟控制台那邊一樣藏起來這樣,謝謝
donut1854
crab6681: top bar 不能用佈景藏起來
onion5098
crab6681: 我自己是用這個CSS
/*頂端功能列*/ (Plurk Paste)
稍微調一下應該就會是你要的那種
ಠ_ಠ
koala8325: 抱歉,現在才回覆。
是的,語法產生器中並沒有調整噗與噗間距離的選項,您可以試試看您樓下的人提供的方法
ಠ_ಠ
lizard2773: 您好,是指在各個區塊都想有個別的背景或者噗寶的意思嗎?
這個功能做得到,不過請等我一段時間
ಠ_ಠ
crab6681: top bar的部分,因為噗浪布景的作用區塊限制,基本上是沒辦法調整到top bar,不過有些小技巧可以調整,像onion5098提供的
bunny2324
抱歉撈舊噗,請問如果之前做完了,之後想要在之前的基礎下再繼續做,怎麼載入之前弄好的語法><
載入新的回覆