ಠ_ಠ
噗浪佈景
v1.1已失效,最新版本是v1.2
因為太無聊所以弄了個裝飾空噗的語法,來分享一下

看慣了那句「還沒有人回應哦,趕快來搶頭香囉!: )」嗎?
這邊可以讓河道上沒有回應的空噗增添一點生氣
範例圖:
https://images.plurk.com/7aqJVOzQiV3LRMnY5CIxdI.gif https://images.plurk.com/3PPKJcKTIHjYHl1hAZadu7.gif

語法用了名畫表符狐表符作為範例,如有不妥,噗主會改成自繪圖當範例

語法下收
使用時的一般問題可以參考 空噗語法FAQ
ಠ_ಠ
1.1版已不能用,2023年3月12日更新為v1.2,如果日後還有更新會用版本數字
單隻角色:
名畫陪你聊v1.2

兩隻角色:
兩隻陪你聊v1.2

兩隻的也有左右方向的版本:
兩隻陪你聊(不同方向版本)v1.2
https://images.plurk.com/28qJVsaJDGA7zgePgsW4Nu.png

(不太實用的留言噗版本)最初的留言和最後的留言
語法
https://images.plurk.com/7GXQ43CN9fr0j0FZvpSidz.png
ಠ_ಠ
在語法裡可以找到圖片和對話,直接改成喜歡的就可以試玩了
總共有四種狀態:
.打開空噗時的預設
.滑至噗內
.滑至頭像及對話內
.點擊頭像及對話內
如果覺得滑動點擊變化太多,可以直接刪掉那個部份
高度寬度或cursor或其他效果都可以隨意更改
taro9648
sheep5650
好可愛喔!
soda4525
太可愛了吧 !!今天回家馬上來試試
eagle2823
好嗆
chili8255
好可愛!剛剛用了名畫版本馬上就被嗆了
ಠ_ಠ
嗆一點才有意思,前陣子不斷看名畫嗆朋友的噗,很歡樂
pie6279
太可愛了吧!!謝謝噗主!!
kimchi107
立刻來用!
bat2274
請問這是發噗人才看得到,還是大家都看得到呢?
mink2762
為什麼要嗆自己
corn2363
太可愛了吧!!!
lemon2899
太可愛了吧喜翻!!謝謝噗主
chili1267
bat2274: 去發噗人的河道才看的到
beetle8613
可愛到 不想要人來留言!!(不
ಠ_ಠ
bat2274: 跟一般河道語法一樣(像噗寶那些)
套用到自己河道就會看到自己和別人的空噗全部都被嗆
別人進去你的河道,要等到你發個空噗才會看到

不想被嗆也可以改成「來搶頭香吧」或其他對話
clam8327
增添一點生氣
tofu2569
好可愛謝謝噗主,之後來改造成我CP貼貼對話(?
toro7134
太可愛了!!!
turtle3384
超好玩!
raisin5835
超可愛!!感謝分享
bat2274
ಠ_ಠ: 謝謝噗主,這邊也來玩玩看了!好可愛喔!!!
banana3387
好可愛XD
sugar4468
好可愛!謝謝噗主分享
swan6012
有夠可愛,嚴重懷疑自動回覆機器人會滅絕
pea50
用好之後真的想為了看空空的留言區刪掰噗了(
mint2531
掰噗一點用也沒有 還會不對的時機講垃圾話
clam8327
weasel700: 自定佈景裡
grape7199
mint2531: 其實最早大家加掰噗應該只是為了不掉卡馬(?
hen1286
感謝噗主的匠心巧思!
不過這邊套用了字顯示不出來(對話框空白)TT不知道有沒有善心大德可以解惑
https://images.plurk.com/6YrKKUdWbbXMZlgqPdYDeD.png
ಠ_ಠ
掰噗那類機器人的變化比較多www
語法只是讓大家簡單調整成自己喜歡的頭像和句子和享受被嗆的快感
ಠ_ಠ
hen1286: 你的噗平常是不是白色文字的?
語法寫得比較粗糙,對話框設定成白色背景,文字顏色沒有改變

如果是,要加一句color: FFF,或者調整background-color把對話框改成其他顏色(把background-color直接刪了就是透明對話框)
berry6130
回家馬上來試試wwww
bat742
好可愛!!
puff7187
謝謝噗主!好可愛!!看著覺得超療癒!!
mantis7492
想請問噗主圖片要怎麼改才能像語法那樣變成表符png呢(blush)
solar4158
天才 謝謝噗主
peach9586
好可愛!
omelet5676
mantis7492: 我猜是噗浪表符直接右鍵複製圖片位置...?
honey9291
只要沒人留言 任何一噗都會跑出這兩隻 超可愛
ಠ_ಠ
mantis7492: 語法範例的圖片都是直接採用了名畫表符和狐表符,不是噗主的喔
如果你想換成其他表符,可以右鍵複製網址
如果你想用自己的圖(非表符),也可以直接上傳再套用~

這個語法是拿48x48表符當範例
如果用自己的圖,可能需要自行調整圖片大小(可以利用background-size語法),或者調整語法裡頭像和對話框的height、width等等,改變對話框的大小
soup8975
這個太好玩了XD謝謝
cherry822
好讚
mole933
好可愛 留名回家更新
caviar2289
想問一下噗主,滑鼠移到上面會出現的+ 符號,請問這個可以改或是替換成圖片嗎? 謝謝~
ಠ_ಠ
caviar2289: 出現+符號應該是用了名畫版本?
那就是語法裡的「cursor: cell」和「cursor: crosshair」,滑過去和點擊時的簡單效果
如果不需要可以刪掉
如果想換成其他圖片可以改為「cursor: url(圖片網址), auto」
ಠ_ಠ
這裡找不到一把好用的刀子表符,才會用預設的十字當作滑過和點擊的滑鼠游標
mantis7492
原來如此,謝謝噗主也謝謝上面幫忙解答的旅人!
caviar2289
ಠ_ಠ: 原來如此!! 非常感謝噗主的解答!
uranus6467
好有趣 (rofl) 噗主是天才哈哈哈
berry5376
讚嘆噗主的創意wwwww
bunny99
請問手機版是不是看不到這個語法?
ಠ_ಠ
bunny99: 對,噗浪的佈景語法只能套用到電腦版
shabu8904
有了這個誰還需要掰噗W
cherry3993
這個好好玩的樣子,可是我家有掰噗跟機器狼...
soup8975
cherry3993: 我裝了這個然後取消掰噗和機器狼了XD
cherry3993
soup8975: 他們好可憐XDDD
newt3439
降低掰噗的出現機率,大家輪流出來透透氣
bunny99
我已經把掰噗回噗率調成0了
cherry822
哇意外的掰噗遺棄潮
hen1286
ಠ_ಠ: 謝謝噗主熱心回覆釋疑!
試來試去決定把整個布景砍掉重練可以順利使用了yeah
pamelo6794
謝謝噗主WW
太有趣了
jujube203
想請問噗主文字的顏色可以調整嗎
cobra5676
bunny99: 想問那個要怎麼調!
bunny99
cobra5676: 發噗 掰噗回噗率 0%到100%(自己選擇),然後掰噗會回噗幫你修正
ಠ_ಠ
jujube203: 在「對話框預設」那一段裡加句「color: red;」(這句是紅色)
測試時沒有考慮到文字顏色,這邊晚點把語法再改一改,多加些註釋吧
如果其他人使用時有奇怪的地方或想改的地方也可以說一下
worm3482
想問對話框的字能不能換行
一不小心把對話打太長了結果有點塞不下
pea50
想請問噗主能不能一格對話框放兩張圖呢?研究了一下還是有點不太懂
ಠ_ಠ
worm3482: 喔,試了試才發現噗浪佈景不能用換行符號
那就麻煩一點了,請把「對話框預設」的一句「white-space: pre;」改成「white-space: normal;」
那就會得到以下效果:
https://images.plurk.com/3BdRtcJScIjUUyPI78IFX5.png

對話太長了超過對話框,有兩種選擇:
1. 調整對話框高度,就是把height調大一點的數字
2. 根據對話長短自動調整高度,把「height: 50px」那一句改成「min-height: 50px;」

如果想手動調整句子斷行,就要更麻煩些
pirate4978
可憐的掰噗wwww
ಠ_ಠ
pea50: 可以是可以,但我不知道你想要的效果,範例:
.plurk_box > .response_box .list .empty::before{
padding-left: 60px;
padding-right: 60px;
content: "這個噗居然沒有人留言……";
background-image: url(圖1網址), url('圖2網址');
background-position-x: left, right;
}
https://images.plurk.com/5UlktIaGFH9NxYKD97GPjX.png
horse2878
噗主您好不好意思,這邊把背景改透明、文字顏色改成黑色後第一個對話框的文字還是沒有跑出來,不知道是不是哪裡跑掉了QQ
https://images.plurk.com/5A42L3ijhyumeMgcUvTdkT.png https://images.plurk.com/5R4Hrwp0BZivMei9ZBtW5G.png
worm3482
感謝噗主!
如果可以,能夠順便問問手動斷行的方式嗎(p-blush)怕自己哪天會用到(?
ibis7926
horse2878: black後面要加分號;喔
horse2878
ibis7926: 感謝旅人,但這邊加上去了還是沒有
ಠ_ಠ
horse2878: 你可能要把整個佈景語法貼出來才知道
horse2878
ಠ_ಠ: 可能...有...點...多...
想請問方便投幣開小房間做詢問嗎
ಠ_ಠ
worm3482: 手動斷行的部份
首先把上面提及斷行的部份都處理掉
然後在「white-space: normal;」下面加一句「word-spacing: 100vw;」

對話的部份,加一個半形空白作為斷句符號,例如「第一句 第二句 第三句」
https://images.plurk.com/4u9nwcjJfpumSn1ASuugxV.png
如果對話是英文句子,排版就會爛掉了
ಠ_ಠ
horse2878: 可以,但這裡主要是想檢查語法有沒有錯漏或可改進的地方,所以只會回答基本部份
如果你本身有太多客製語法導致互相衝突,就會請你找其他人詢問了
horse2878
ಠ_ಠ: 好的沒問題!謝謝噗主QQ
swan6012
horse2878:
我也有相同問題,可以使用ctrl f 查找empty試試,相關語法直接刪掉
worm3482
大感謝噗主 馬上就來試試看!
pony2095
swan6012:太感謝旅人了!找到問題了
swan6012
pony2095: 有幫助就好
pea50
可以可以,謝謝噗主搶救語法笨蛋
ಠ_ಠ
天鵝說得太對了!原來大家以前已經在玩空噗語法
如果發現怪怪的,可以搜尋「.empty」,說不定你以前已經把空噗玩了喔
horse2878
swan6012: 謝謝旅人!這邊有成功了~!
koala6184
天啊太可愛了,噗主簡直是天才
ಠ_ಠ
突然發現別人刪噗後載入不了回應時,也會出現這個名畫
大概要為「唔,好像有點怪怪的…請重新整理看看。」調整了,研究後會再更新語法
corn711
這個好適合前幾年的同人誌販售會 灑滿蔥花那個
ox8090
讚嘆噗主!
magpie9189
謝謝噗主分享這麼可愛的語法!!!
hawk6298
感謝!!!馬上用了好可愛
jujube203
ಠ_ಠ: 謝謝噗主回覆!來去調整看看
ಠ_ಠ
注意!剛才更新了語法,主要改動:
1)修正了別人刪噗後,無法正確顯示「好像有點怪怪的」那句系統提示
2)句子太長會自動換行(如果句子溢出對話框,請自行修改高度)
3)預設文字顏色是黑色
4)追加註釋

追加註釋之後應該比較容易改動,例如顏色、圓角的部份
其他各種細節像字體那些請自行摸索了

可以繼續使用舊版,如果遇到上述刪噗或換行的問題就可以考慮用更新版本了
ಠ_ಠ
如果沒有出現大問題,這應該是最終版本了,也免得大家要一直改動
pig4510
好棒的東西!謝謝噗主
cafe6549
cafe6549
好酷
dwarf8124
好好玩喔www
感謝噗主
star5639
感謝噗主,請問噗主我想留佈景來源請問我要如何標註您?
ಠ_ಠ
star5639: 我不太介意標註 畢竟我的css功力很馬虎,有需要標這個噗就行
ಠ_ಠ
可能有人覺得要空噗才看到,還想刪掰噗,掰噗太慘了
話說之前我也寫過有留言的版本:
https://images.plurk.com/7GXQ43CN9fr0j0FZvpSidz.png
語法

不過實際測試過不太實用
回覆串會拉長一點,在放負噗、瓜噗、引戰噗一直看到會很奇怪,也有更大機會跟你河道現有語法衝突
放出來給有興趣的人體驗一兩分鐘
wine1341
我就是那個想殘忍捨棄掰噗的XDDD
但捨不得啦唉我都會回覆掰噗的留言(((
如果只保留 有人來留言ㄌ! 的那個語法
會跟本噗主推(?)的語法衝突嗎!
ಠ_ಠ
wine1341: 空噗語法和上面「最初的留言/最後的留言」的語法沒有衝突~
只是會玩河道語法的人可能早已經用了各種語法裝飾回應串,這就有可能跟「最初的留言/最後的留言」衝突了
ಠ_ಠ
對,選取想要的語法,直接貼到下面就可以了
cola7476
超厲害欸!
cat5755
這個好棒欸!
請問有可能做到從預設的幾個句子裡隨機挑一句出來顯示嗎?
wine1341
直接試有成功了!
大感謝,現在正在看自己的測試噗感到被逗樂
ಠ_ಠ
cat5755: 如果是不太實用的最初的留言/最後的留言,可以做到比較隨機的效果

如果是空噗,基本上沒辦法,除非硬來幹(根據噗的位置去決定留言):
https://images.plurk.com/5ukKpm3RRWFhNFU1ycjiu4.gif
因為太硬來了,這邊不提供語法,懂css的人可以自行領悟
更懂的人或許可以想出解決辦法吧
soup8975
請問如果想保留在上頭(兩個對話都在上頭),並且有人回應以後可以改對話框要怎麼使用?(舉手)
ಠ_ಠ
soup8975: 太難,我想不出解決辦法
空噗語法加上最初的留言語法是個折衷方案
soup8975
ಠ_ಠ: 好的,謝謝您~ 這邊是只會撿別人的來用,無法自創的笨蛋,感謝不吝回答~
cafe2473
煩躁的功能XDDDDDDDDDDDDDD
bear7791
噗主不好意思
這邊想詢問如果表符沒有留白邊,會太靠近框線
有辦法修改表符跟框之間的距離嗎?謝謝您!!
https://images.plurk.com/1SBVI4sqCqaFi3VdWGH4TX.png
snack1613
噗主不好意思請問最初留言變成這樣是因為什麼原因呢?
這邊噗浪是沒加任何其他的語法來裝飾+這是未修改最初留言語法的
https://images.plurk.com/60l0Pq4spAqmMXipn0Vqrq.png
因為最後的留言那邊是能正常出現的,但也不知道要怎麼修正才好所以來問問看噗主 謝謝您!!
ಠ_ಠ
bear7791: 這邊測試都是用48px大表符,你的頭像圖片是不是小於48px?

那你可以在「頭像及對話框預設」裡加一句:
background-position: left center;
(頭像在右邊就是right center)

如果想要更精準控制位置,就是:(數字自行調整)
background-position: 10px 10px;
ಠ_ಠ
snack1613: 你沒有拿語法來裝飾,但是有用其他語法,對嗎?
例如用語法把留言串改成用戶名字在上方,留言在下方……

最初/最後留言比較容易跟其他語法產生衝突喔,因為很多人早就改了一堆,一般語法衝突噗主幫不上忙
如果你的河道沒有其他語法,卻顯示失敗,那可能是瀏覽器的差異了
(這邊只測試了chrome和火狐)
snack1613
ಠ_ಠ: 原來是這樣!!以為只會跟裝飾用的語法才會衝突,那我再試試看怎麼去調整,感謝噗主
bear7791
ಠ_ಠ: 應該是比較小沒錯!!這邊修改了
不過我忘記說我是用雙向版本的了
另一邊好像不會一起跑
對不起嗚嗚
https://images.plurk.com/1hrg9YPBElZfHYTmj2Risr.png https://images.plurk.com/1B5qJZjQPTFzAIgWgvxiG2.png
ಠ_ಠ
bear7791: 你的語法用錯了,這裡不解釋
根據你的數字,請按照圖的指示,在「一般狀態」裡這樣改:
https://images.plurk.com/5u9QgKougshgOlnc14fm6c.png
1. background-position: left 25px top 5px;
2. background-position: right 25px top 5px;
3. background-position-x那句可以刪掉,因為你直接指定了right 25px
bear7791
ಠ_ಠ: 謝謝您qqq(我覺得您解釋了我也聽不懂...(太笨
但是這邊不知道為什麼變成這樣了
第一個的第二句消失
https://images.plurk.com/18lJrC7vOyWRR9JxX81EWN.png
然後另外兩種變成這樣......
https://images.plurk.com/6q467TO38DEB4CUsYKlbyw.png
https://images.plurk.com/1I218htfqhV3lSS1anewnp.png
我...我很抱歉
ಠ_ಠ
bear7791: 這是語法完全錯誤,background-position要放在括號內
一般語法問題請另開偷偷說詢問

這邊稍後會另開新噗,把大家提及的幾個問題統一一下,包括頭像大小的部份
bear7791
ಠ_ಠ: 非常謝謝您.........
這邊成功了!!!!!!!!
https://images.plurk.com/2KMnml9vNw6Cw9OpTYegfP.png
都是噗主的功勞,我就是個笨蛋(貼還能貼錯
語法對我而言就是個望塵莫及的技能(上過幾堂根本鴨子聽雷
venus4109
好可愛!謝謝噗主提供語法!
這邊請問噗主【滑至噗內】的滑鼠游標如果也想用圖片的話要怎麼加語法呢?
【滑至頭像及對話】時的滑鼠游標有改成功了,但【滑至噗內】好像沒看到滑鼠游標的語法這樣><
ಠ_ಠ
venus4109: 這樣子,移到回應範圍就有滑鼠游標了
但是會影響所有噗(空噗和有回應的噗)
form_holder.plurk_box > .response_box:hover{
cursor: grab;
}
並沒有只針對空噗的辦法
venus4109
ಠ_ಠ: 好的了解!謝謝噗主說明🙏
ಠ_ಠ
這裡把之前有人提及的普遍問題整理一下,連結放到噗首,有需要的可以參考
ಠ_ಠ - 空噗語法的FAQ
queen204
太感謝噗主了,好喜歡這個設計,馬上去用起來 噗主我愛你
jujube2683
好有趣!
ham8870
謝謝噗主!!!!
ಠ_ಠ
clam9002: 你是使用名畫版本語法嗎?這邊寫得比較差
你可以在點擊的部份補加一句:
「background-size: 70% !important;」
或者你可以用新版本的名畫語法v1.1,剛剛針對點擊時頭像大小的問題修正了

如果是狐表符的版本,也是點擊部份直接追加:
「background-size: 70% !important;」
clam9002
ಠ_ಠ: 謝謝噗主的回應,後來自行把頭像縮小之後,不知道為什麼就成功解決這個問題,然後就手動刪掉問題了,沒想到噗主有看到。這個語法真的很有趣,現在看到空噗心情都很開心,真的很感謝噗主分享
ಠ_ಠ
之前有人問及能不能隨機句子,空噗是辦不到的
這裡弄了另一個語法,給真的很想玩的人試玩
比起空噗的樸素,這個就花巧很多了

我完全想不出對話
ಠ_ಠ - #噗浪佈景 這個河道直播語法可以讓你感受到一種直播的快感 當你在河道上滑噗、點開噗,就會看到...
moon2704
直播語法太過優秀了吧XDDDD
pea9213
噗主太厲害了!!!!
oyster8660
感謝噗主!!這個真的很可愛啊 超棒!
我已經玩了一天了www
salmon7157
太可愛了,晚上來學習
rabbit1220
感謝分享~謝謝
oreo6822
噗主您好!不好意思把這噗撈上來><
前幾天開始這個語法好像失效了
ಠ_ಠ
oreo6822: 謝謝通知!這邊把第一則留言更新了,最新版本是v1.2!
ಠ_ಠ
如果本身自訂了圖片文字,不想慢慢改的可以這樣做:
把原本的空噗語法抽出來,把「.list」全部換成「.list-container」,然後把語法貼回去就可以了

這次的修正只有這個
oreo6822
ಠ_ಠ: 謝謝噗主!!
star8764
感謝噗主修正
beer6835
感謝噗主修正!!!!!!!(腿了快一年
載入新的回覆