欸個🧊草莓雞蛋冰
1 years ago @Edit 1 years ago
#噗浪佈景 做了一個像素風格的噗浪佈景 可以把整個噗浪都變成像素風哦!
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

喜歡的話也歡迎轉噗分享
latest #159
笑死bot
1 years ago
笑死
特別感謝 akira02 在字型方面的技術支援 專業的來就是不一樣
好厲害!!推推
立即下載
好可愛
好好看
看起來好讚!已套用來用看看
看起來很讚
風格超可愛,推推轉起來!
好好看 已套用 感謝分享
太讚ㄌ吧
五香乖乖乖
1 years ago
超可愛的 馬上套用
可愛!
好美喔!!!!!
提示框好可愛XD
有夠可愛!!
阿硫◌
1 years ago
太猛了謝謝欸個
Fuji的富士
1 years ago
好厲害
MJ
1 years ago
想請教範例的四張像素風風景背景圖
艾蘇
1 years ago
好喜歡!!!謝謝
謝謝 超超超可愛!
trombeningen:
想無恥下問其他像素圖怎麼看(英文無能
看起來像是買斷制!謝謝您
camelliakinght: 這張是免費的。我做的遊戲有用過這張所以特別熟。
其他就…我在火車上不太方便找。
trombeningen:
好的,真是太感謝您的說明了😭🥺😭🥺
謝謝欸個さん分享連結😭😭😭
katikat
1 years ago
This is soo cuteee
問個蠢問題 卡馬值的顏色,可以直接從套用的語法中改嗎
-------------------------
另,想問主控台白色的部分,如何讓它變透明

感謝各位大大
https://images.plurk.com/18YINDH1tqq2G3MDWjC8k3.png
b5566859:
卡馬值顏色是
#karma {
color: 色碼;
}

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

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

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