欸個🧊巧克力雞蛋冰
噗浪佈景 做了一個像素風格的噗浪佈景 可以把整個噗浪都變成像素風哦!
https://images.plurk.com/2APmsPVm8ltOILPA01A9mH.png https://images.plurk.com/2D3D03XRbHLObfoyscy5TY.png
把語法發布在這邊,歡迎套用看看:
GitHub - maid-cat/PixelPlurk.css: 像素風格噗浪佈景

有設計了幾個簡單的設定選項,方便調整樣式
https://images.plurk.com/6zoMTZdw7DHQOzGYa0GT2C.png https://images.plurk.com/1vaULZXh8vqCCeKOEenF2C.png https://images.plurk.com/sbU5O7sslqxiNcmfiKZyZ.png https://images.plurk.com/1koyae3ZxNNbyrFVQC9cKr.jpg

喜歡的話也歡迎轉噗分享
笑死bot
笑死
欸個🧊巧克力雞蛋冰
特別感謝 千秋大小姐 在字型方面的技術支援 專業的來就是不一樣
里紗💙🧐🦋每天暈路辰
好厲害!!推推
七瀨_不要再花錢了
好可愛
雨🎐記得喝水
好好看
明╰OC廚忙忙中╯
看起來好讚!已套用來用看看
維斯坦茲@10月高雄
看起來很讚
Evsa🗃️認真做雜事
風格超可愛,推推轉起來!
Ethereal孤晨雨
好好看 已套用 感謝分享
小鬼/牛奶(´・ω・`)
太讚ㄌ吧
五香乖乖乖☆想參加更多包場
超可愛的 馬上套用
貓咪王\(^ω^)/
可愛!
249夜好好看之神亞BOT
好美喔!!!!!
249夜好好看之神亞BOT
提示框好可愛XD
頁花🌾🍀🎴🦈
有夠可愛!!
阿硫◌
太猛了謝謝欸個
Fuji的富士
好厲害
MJ
想請教範例的四張像素風風景背景圖
艾蘇
好喜歡!!!謝謝
果奈ロボ໒꒱₊⁺🤍🌈
謝謝 超超超可愛!
キリン❖弟の仇を取るのです!
無声透明Vtuber|強化人間 :
想無恥下問其他像素圖怎麼看(英文無能
看起來像是買斷制!謝謝您
無声透明Vtuber|強化人間
キリン❖弟の仇を取るのです! : 這張是免費的。我做的遊戲有用過這張所以特別熟。
其他就…我在火車上不太方便找。
キリン❖弟の仇を取るのです!
無声透明Vtuber|強化人間 :
好的,真是太感謝您的說明了😭🥺😭🥺
千秋大小姐
キリン❖弟の仇を取るのです!
謝謝欸個さん分享連結😭😭😭
katikat
This is soo cuteee
Ethereal孤晨雨
問個蠢問題 卡馬值的顏色,可以直接從套用的語法中改嗎
-------------------------
另,想問主控台白色的部分,如何讓它變透明

感謝各位大大
https://images.plurk.com/18YINDH1tqq2G3MDWjC8k3.png
欸個🧊巧克力雞蛋冰
Ethereal孤晨雨 :
卡馬值顏色是
karma {
color: 色碼;
}

主控台去除背景可以用
plurk-dashboard {
background: none;
border: none;
}
Ethereal孤晨雨
キリン❖弟の仇を取るのです!
欸個🧊巧克力雞蛋冰 : 抱歉也想請教如何正常顯示噗文頭像(拿掉像素風格濾鏡)謝謝您做了這麼棒的好東西!
欸個🧊巧克力雞蛋冰
キリン❖弟の仇を取るのです! : 可以加入底下這段語法來蓋過我的設定 不過因為噗文頭像的解析度本來就很低,拿掉之後會變得糊糊的
.p_img img {
image-rendering: auto !important;
}
欸個🧊巧克力雞蛋冰
キリン❖弟の仇を取るのです! : 另外因為您有把噗文頭像的大小改回20px,推薦把這一行的44px也更改為24px(算法是寬度+4px),在Chrome系瀏覽器上才不會有排版不一致的情況哦
之後可能會把這個部分也做成可調的選項,目前只能先手動更改
頁花🌾🍀🎴🦈
感謝上面討論!!!!已修改OK了!噗文頭像小小果然比較習慣~
南暄(•ө•)
https://images.plurk.com/RIDjCgObOUAOQWDxuA5Kq.png
請問一下,我套用了語法之後用了原來隱藏時間軸的語法,結果時間軸跑到右下角而且有一條白線該怎麼弄掉呢?
欸個🧊巧克力雞蛋冰
南暄(•ө•) : 可以試試
.timeline-bg .bottom-line, .timeline-bg .block_bg {
display: none !important;
}
南暄(•ө•)
欸個🧊巧克力雞蛋冰 : 天哪沒有了!!!您是天才!!謝謝!
キリン❖弟の仇を取るのです!
欸個🧊巧克力雞蛋冰 :
天啊謝謝您幫忙注意🙏🙏🙏🙏🙏
太多的感謝了,只能謝天了
卡羅卡羅🍕SCP-458
https://images.plurk.com/732a2TycLm2BlYGzGk3MpD.png
不好意思想要詢問一下
噗幣跟其他圖示之間少了一個像素
這個該怎麼處理呢
剛剛自己試了一下只有辦法動到裡面的圖案
動不了框;;
欸個🧊巧克力雞蛋冰
卡羅卡羅🍕SCP-458 : 感謝回報!!將修改好的 css 更新到 Github 上了

另外也新增了 timeline-avatar-size 的選項,可以直接調整河道噗文的頭像大小
如果已經有套用了之前的版本的話,請記得在更新時把新的設定變數也加進自己的參數設定區塊中,以免發生問題
南暄(•ө•)
/河道噗文頭像尺寸/的數值修改之後並沒有反應
欸個🧊巧克力雞蛋冰
南暄(•ө•) : 底下的語法也需要更換為新版本哦!
§ 𝕰𝖒𝖕𝖊𝖗𝖔𝖗 §
卡羅卡羅🍕SCP-458
超級感謝!強迫症都被治好了
Ethereal孤晨雨
已改成功
南暄(•ө•)
成功了,謝謝,像素風好可愛
欸個🧊巧克力雞蛋冰
多修正了一個滑鼠移過回覆時,底色會偏黃的問題 這個是我自己手殘把色碼key錯了((
還有發現其他問題的話,也歡迎大家在這串或是Github上回報
再來這幾天要出門玩可能比較沒空,但會再找時間修一下
地方飛魚怠惰中
好好看!!!
很累捏
超可愛的 但是我都是上班薪偷用噗浪 背景只能素素的QQ
ChenWay🌏🌍🌎
好可愛!
熊|ェ´・)
好可愛!!!!!
♥品瑤♥
感謝好可愛
我就爛
您好,請問如想再噗文底色可否改透明度 ,謝謝
欸個🧊巧克力雞蛋冰
我就爛 : 可以使用css的rgba()語法來指定半透明顏色!
我就爛
感謝,我努力試試看
𝑅𝑜𝑠𝑠𝑖
我找到了XD
-洛-
謝謝~
チョチョビ
(撤圖) 不好意思因為有換圖釘圖片上去,想請問置項圖釘該如何設定為透明的邊框!
欸個🧊巧克力雞蛋冰
チョチョビ : 請試試看
.pinned_plurk_icon {
clip-path: none !important;
outline: none !important;
}
チョチョビ
成功了!謝謝您!
想要快樂休假 QQ
太酷了!!!!!之後記得來換看看!
欸個🧊巧克力雞蛋冰
才發現原來噗文底色的選項一直是沒作用的 剛剛修正好了,有需要使用的話可以更新一下
有被這個迷惑到的話真的很抱歉
Mudder
這個好酷 超喜歡
Ray🐑咩嘎嘎~
太可愛了! 好喜歡喔!!
Noru
謝謝大大分享 已用
TEN
請問滑鼠移過去就會有提示框殘留,應該要改哪裡呢?
https://imgs.plurk.com/QCY/I7u/hVyA6RuKrkw71xqvJXXk2IakEIM_lg.png
積極耐心且不忘懶惰
好可愛!! memo
御芊▹繭居馬鈴薯
好可愛喔喔喔喔!!!
南暄(•ө•)
同問背景圖,我想單純換河道的背景,但是上傳圖片或是丟網址改語法都會是強制放大的滿版圖
*Sumire*
(更)感謝南暄提醒,背景圖問題解決了
為了避免打擾到大家,先把前面的回覆刪掉了,希望接下來的旅人們也能夠順利發現解決方案
老外愛廁所
好可愛!!!感恩大大!!! (晚點來改)
ㄋㄊ
很可愛 做很用心 謝謝
キラキラの灰
好好玩啦!我已經用上了,千秋太太也太強大了
⚓青|光戰6.3@STGR坑
太感謝了,已經套用成功(p-drinking)
⟡ 塔 ⟡
感謝大大分享
套用後再自己微調一些東西很快樂
https://images.plurk.com/78ZxiEcJo9jRstH4UGZvAR.png
Redd
夜鳴空★Ariana鍋貼
好美 (p-tears) 馬上用了喜歡的背景套用了!
因為改了河道噗的背景色,讓按鈕變得不是很清楚。想請問該從哪裡修改呢?
小月月不是小玥玥🌙Vtype
感謝大恩大德
欸個🧊巧克力雞蛋冰
夜鳴空★Ariana鍋貼 : 感謝喜歡! 目前正外出旅遊中,沒有攜帶筆電,所以暫時無法幫您看該修改哪裡比較好 可能要等我幾天,或者可以在噗浪上搜尋看看有沒有其他人提供過語法
肚子餓的貓
感恩大大!!!
卡羅卡羅🍕SCP-458
夜鳴空★Ariana鍋貼 :https://images.plurk.com/4dk0xYXb2DFdN1gv5KTZXT.png
我猜你是問的是這排吧?
試試看在:is(url({)), .manager a, :is(url(})) {
的下一行加入color:要的顏色;
夜鳴空★Ariana鍋貼
八月秋楓.doc
好漂亮!
欸個🧊巧克力雞蛋冰
卡羅卡羅🍕SCP-458 : 感謝幫忙解答!!
⟡ 塔 ⟡
想詢問一下像這個彈出式的小視窗
裡面的背景色跟文字顏色要怎麼改qq
https://images.plurk.com/7pI6MWwI4GnzR6npQgsBGx.png
亞克-願此行,終抵群星
欸個🧊巧克力雞蛋冰
T4K1uwu: 背景色的部分,只要使用噗文背景色的選項就會一併更改囉!
字色目前還沒有製作成選項,需要寫語法修改
⟡ 塔 ⟡
回覆感謝 這組CSS真的好棒好喜歡
風月笑平生
感謝教學,這風格真有趣
強化人C8-763 貨幣
太神了
養樂多
https://images.plurk.com/ppSinO1NYn5NopBEHDbtm.png
請問~我希望調整這邊的高度,這邊目前有解嗎?
欸個🧊巧克力雞蛋冰
養樂多 : 感謝回報 這個部分可能也要等我幾天後回去再調整
我自己有買噗幣去廣告,所以一直沒發現這邊有問題 會再把廣告打開整個檢查一次...!
✧某某✦MouMou✡
想詢問能讓噗文文字再變大嗎><
米珠不新貴
https://images.plurk.com/3o611kPngSf2l6mZ5wTO5h.png 想請問這條線可以用不見嗎?
欸個🧊巧克力雞蛋冰
米珠不新貴 : 這邊線超出去的問題之後應該會修復 想直接讓他不見的話可以試試
plurk-dashboard h2 { border-bottom: none; }
欸個🧊巧克力雞蛋冰
✧某某✦MouMou✡ : 是指河道噗首的文字大小嗎?
說明中提到的語法產生器應該能產生這部分的語法,可以試試看
米珠不新貴
欸個🧊巧克力雞蛋冰 : 不見了~!謝謝!!
✧某某✦MouMou✡
欸個🧊巧克力雞蛋冰 : 是想再放大整個噗風格的字體大小 我找看看><
和緒★接下來是排翁是吧
想請問有辦法把時間條往上或者把發噗區往下嗎,會疊在一起
https://images.plurk.com/5uRaZyGZu3qT3hQAk9O01h.png
欸個🧊巧克力雞蛋冰
和緒★接下來是排翁是吧 : 會疊到應該是因為您有改到發噗區的樣式哦 原本是算好的
這個部分目前只能手動修改,可先調高這行的66px,直到不會重疊為止
再依調高了多少,把這行的70px也加上一樣的數值
比如第一個改成76px (66+10)的話,第二個就改成80px (70+10)
和緒★接下來是排翁是吧
非常感謝,已成功調整,目前是設定120
https://images.plurk.com/5Ys8dueUOD7UcayqtDAcqm.png
⊹ re 🫧 ⊹
請問如果套用趴趴的布景會被bar擋到有解嗎
https://images.plurk.com/HBlzqpI0Ygh7i8o4grG17.png
欸個🧊巧克力雞蛋冰
⊹ re 🫧 ⊹ : 可以調大這行的數值
同一區的row-gap是噗文之間的垂直間距,噗跟噗之間會擋到的話也可以調一下
⊹ re 🫧 ⊹
哇謝謝噗主,成功解決了!
小美
好可愛喔,真的好喜歡,謝謝分享
欸個🧊巧克力雞蛋冰
把前面大家提到的問題都修了一下,目前看起來都ok了 還有發現新的問題也歡迎回報~
TEN : 這邊測試時沒有發現這個狀況 方便提供給我您使用的完整語法跟瀏覽器嗎?
南暄(•ө•) : 可以用 timeline_holder { background-image: url(網址); }
也可以參考佈景語法裡"河道背景圖"區塊的寫法,會讓像素圖背景放大的效果好一些,比如這樣
T4K1uwu: 字色可用 :is(url({)), .text_holder, :is(url(})) { color: 色碼; }
(會連河道噗的字色一起修改)
養樂多 : 修正了這邊會重疊的問題!
養樂多
南暄(•ө•)
欸個🧊巧克力雞蛋冰 : 這邊修改成功了,還有請chatGPT幫忙小改一下語法,謝謝欸個
欸個🧊巧克力雞蛋冰
✧某某✦MouMou✡ : 用以下這行語法可以改到噗內大部分文字的大小(包含姓名、內容、回覆數等等),可把14修改成想要的字號:
:is(url({)), .plurk, :is(url(})) { font-size: 14px; }
只想改到噗文內容的話,可以改用這行:
:is(url({)), .text_holder, :is(url(})) { font-size: 14px; }
✧某某✦MouMou✡
欸個🧊巧克力雞蛋冰 : 謝謝提供! 有試著改看看結果又覺得原本的就好了
欸個🧊巧克力雞蛋冰
✧某某✦MouMou✡ : 嗯嗯,俐方體顯示上會比一般字型糊,需要習慣一下 xD
TEN
欸個🧊巧克力雞蛋冰 : 我在想應該是公司電腦太舊的關係,在自家使用就正常
語法就只有套用你給的,然後瀏覽器是估狗
欸個🧊巧克力雞蛋冰
TEN : 原來,那可能很難找到發生原因了 還是感謝你的回報!!
₍ ᐢ. .ᐢ ₎♡
https://images.plurk.com/ROpknEyLToCmp25oS9ueT.jpg

想請問中間那條線線要怎麼把它移到正確的位置呢TT
欸個🧊巧克力雞蛋冰
₍ ᐢ. .ᐢ ₎♡ : 需要將您css裡的這一段刪除:
.response_box { margin-top: -10px; padding-top: 10px; }
₍ ᐢ. .ᐢ ₎♡
我的css沒有這一段耶......TT請問還有其他辦法嗎?
欸個🧊巧克力雞蛋冰
₍ ᐢ. .ᐢ ₎♡ : 我這邊看是有的哦,可以ctrl+f找.response_box看看
還是找不到的話,可以在css最後面加上
.response_box { margin-top: 0; padding-top: 0; }
把上面那段的效果覆蓋過去
₍ ᐢ. .ᐢ ₎♡
!我這邊知道是發什麼事了!已經沒問題了!謝謝欸個!!!!!!
星見✨アトミック💜
想詢問一下,我自己的河道已經是用千秋老師的第二版佈景,如果只想改那些小icon和字體的話該怎麼改語法
欸個🧊巧克力雞蛋冰
星見✨アトミック💜 : 可以加入這幾行看看
另外需要將千秋佈景的這段刪除
星見✨アトミック💜
謝謝欸個老師 它確實變像素了 超可愛
燁悠
想請問該怎麼把 燁 這個字也跟著像素化呢?
欸個🧊巧克力雞蛋冰
燁悠 : 看起來是俐方體字型沒有收錄到這個字,可以到這邊跟字型作者回報
燁悠
MU ❘ 時煥
您好打擾了!
一直很喜歡這個語法謝謝您
想請教只有置頂噗會有 https://images.plurk.com/3kzmCJ07pr4KE9GgjtraeL.png 像這樣超出一大圈的黑色框框 是我其他語法卡到了嗎?
有辦法如何修改來拿掉他嗎 謝謝您QQ
欸個🧊巧克力雞蛋冰
MU ❘ 時煥 :試試看這個:
.pinned_plurk_icon { outline: none !important; }
MU ❘ 時煥
欸個🧊巧克力雞蛋冰 : 哇可以了!!原來是這樣寫 謝謝欸個大人協助!!
燁悠
您好又來打擾了!
字型的作者有更新字體了
但想請問該怎麼更新並套用語法才可以更改字體的顯示呢?
欸個🧊巧克力雞蛋冰
燁悠 : 感謝提醒!!
可以直接複製最新版貼上,裡面已經修改好了
也可以手動把舊版裡這段的 v1.103 都改成 v1.100
燁悠
欸個🧊巧克力雞蛋冰 : 成功了!謝謝~
阿極🌿⏳Kanna
不好意思打擾了...想請問噗都飄到最上面了怎麼辦? 是剛剛打開後出現的問題
https://images.plurk.com/3lT9LXADmcWyrebjgvwRVO.png
曜多多益善
阿極🌿⏳Kanna : 請問瀏覽器是火狐嗎?
阿極🌿⏳Kanna
曜多多益善
火狐120版會讓噗主的語法失效,先試試看這個
/* 參數設定 */ (Plurk Paste)
阿極🌿⏳Kanna
曜多多益善 : 套用上了 有效!! 謝謝你!!
欸個🧊巧克力雞蛋冰
更新了一部分語法,解決佈景在firefox新版中失效的問題
建議大家有空的話更新一下
設定區塊開頭的語法也有稍微修改,貼上時需要注意一下。可以參考關於更新的說明
感謝樓上兩位回報跟協助解決
服老鐵路🏮
您好!!想請問如何解決發噗區輸入行數增加時,整個發噗區會拉長壓到河道的問題呢><
只有單行的樣子:
https://images.plurk.com/1D7h5OQxg8AXRa8BSyYuBA.png
複數行的樣子:
https://images.plurk.com/1cswh4sHB79eWOFhtvSIVH.png
欸個🧊巧克力雞蛋冰
服老鐵路🏮 : 感謝回報!這部分其實是刻意做成這樣的,因為我的螢幕很小 之後會再想想看大螢幕上怎麼做比較好
暫時可以先用這兩行取消這個效果:
plurk-dashboard .dash-group-form { height: auto !important; }
plurk-dashboard .dash-group-form .segment-content { position: relative !important; }
服老鐵路🏮
欸欸原來嗎XDDDD 感謝您提供語法!!
Becky
謝謝您提供的佈景,好可愛啊(開心的使用中)
∠⊙彡
不好意思打擾了
我剛剛使用了GitHub上的CSS碼套用,但不知道為什麼使用了就無法用滾輪滾河道,也無法用滑鼠拖曳河道,請問是哪邊出問題了嗎……?
這邊的瀏覽器是Edge
∠⊙彡
不好意思,剛剛還發現了一個問題,自己的河道似乎看不到是誰轉噗(噗還是會出現在河道上,但不知道是誰轉的)
欸個🧊巧克力雞蛋冰
∠⊙彡 : 請問和其他語法一起使用嗎 可能會有衝突
另外如果edge版本太舊的話也可能會無法正常顯示,可以檢查一下版本是不是在117以上
∠⊙彡
這邊沒有和其他語法一起使用,是把語法完全清空後貼上
edge版本是在最新版了
欸個🧊巧克力雞蛋冰
公告:
因為噗浪更新禁止了佈景中大量使用的一個語法,目前佈景為失效的狀態
之後有找到其他方案重寫的話,會再到這噗更新
很感謝大家這一年來的支持
若祈RuoChi
好可惜!早上才剛設定,想說怎麼午休起來就失效惹QQ
期待更新
小林喵=小梨標😷=李清喵
是哪個語法被禁止了呀?
超熱小角
想請問欸個失效的部分有哪些呀(另一個帳號很久以前設定了這組語法 但現在目前看到(有重整)還滿正常的! )
帝特修_[DTS0412]
這邊看自己的網頁還滿正常的 想知道是那些語法失效
曜多多益善
應該是:is() 這個selector 如果一直沒有更新的話 在火狐之外的瀏覽器應該是可以正常顯示 但是如果五個月內有更新過的話 可能就沒辦法正常顯示了
(不負責任猜測)
欸個🧊巧克力雞蛋冰
嗯嗯,更早以前用的語法這次沒有被禁止,所以比較舊的佈景版本目前還能正常顯示
但那個語法在新版火狐上會失效,所以之前才換了一種寫法
欸個🧊巧克力雞蛋冰
目前已經把語法盡可能修復,在GitHub可以下載到新版本
Chrome上大致修復了所有部分,火狐上則缺了頂端列去除圓角的效果
另外圖示和文字的垂直對齊還有一些問題,完全修好(感謝千秋神 )之後會再更新一個版本
欸個🧊巧克力雞蛋冰
讓大家久等了
目前語法已經完全修復,所有瀏覽器下都能正常顯示所有部分(包含火狐)
應該能撐到噗浪下次更新了
因為修改倉促,如果套用之後有發現問題的話,也歡迎在這噗回報
E ( ๑ơ ㅂơ)✿
哇太棒了,感謝噗主
🍀莉玖R9ᛝ齒輪鎮🍰
耶比!感謝欸個高速修復!!!
昨天發現爆炸之後先換了其他佈景
不過不是像素版的果然還是不習慣XD
Becky
感謝噗主!
欸個🧊巧克力雞蛋冰
*修正了點開噗文時留言區會超出視窗的錯誤
載入新的回覆