ಠ_ಠ
噗浪佈景
這個河道直播語法可以讓你感受到一種直播的快感
當你在河道上滑噗、點開噗,就會看到右下角的生物根據你的噗說出不同的話

因為不想拿本帳示範,所以只截了一部份的圖
https://images.plurk.com/41G0cVHsSjegwI0wvxKNTv.gif https://images.plurk.com/4opWJAnBSLOO13jz1pBgkU.gif

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

適合喜愛高度自訂河道佈景+有點css基礎+擁有很多角色圖和對話的人
簡潔派的應該想不出台詞 我也想不出

語法下收
ಠ_ಠ
河道直播間 v1.0
河道直播間 v1.1

之前有人問到能不能隨機句子,所以今天嘗試弄出來
這也解決了只能空噗玩的情況 也避免掰噗被刪

1.1版追加了根據噗首的tag來顯示對話,其他沒變
之前已經弄過1.0版的,可以直接複製最下方「[v1.1新增]」的部份喔

直播間的缺點是必須在畫面佔據空間,我也不確定會不會很容易語法衝突
ಠ_ಠ
直播主要有三款狀態,狀態可以視乎需求刪減:
1. 沒有滑過任何噗時(預設)
2. 噗顯示中,未展開
3. 噗顯示中,已經展開

直播的自訂方式有很多,可以視乎需求增加或刪減,範例中包括以下:
1. 一般噗(預設)
2. 自己的噗(請替換成自己的UID)
3. 置頂噗
4. 偷偷說噗
5. 隨機噗
ಠ_ಠ
也能自訂成愛心噗、書籤噗,大概也可以自訂混合狀態的例如「偷偷說+愛心」吧
隨機噗是根據噗的ID決定,像範例裡看到「嗷嗷」的機率是1/10
設定10個、100個對話都不成問題(噗浪沒有css長度限制的話)
隨機噗讓你可以增加許多不同的台詞
ಠ_ಠ
這邊以完全乾淨的河道+48px大小表符作測試,如果位置大小跑掉的就是語法衝突,不會特別幫忙檢查
例如「為什麼置頂噗會顯示隨機噗的『嗷嗷』」,這屬於css優先度問題,下面的css會覆蓋上面的css
建議略懂css的人使用

如果有人指出語法有bug……可能會檢查和修正
shark8840
太可愛了吧
是天才嗎?👍
rice415
這也太可愛!!XDDDDD
sesame3851
天才
bear3543
好有趣!可以問一下uid是自己的帳號id嗎?需要@嗎?
改了發現沒反應><第一次用可能問題有點笨嗚嗚
ಠ_ಠ
bear3543: uid是一串用戶數字
可以去:設定>噗浪貼 噗浪貼,去到最下方「安裝!」的部份找到:
https://images.plurk.com/2xuPklo3jrTuQOLucCd5QQ.png

玩噗浪佈景要限定自己的噗時常常會用到
bear3543
ಠ_ಠ: 原來如此!成功了!謝謝噗主回應
eagle8864
請問使用半透明背景色,點開噗後後面的無對話狀態的頭貼還留著是正常的還是語法衝到了?
puff3139
這太天才了吧。。!!
ape5407
這個比較難了...
eagle8864
cod5852: 這裡 https://images.plurk.com/BfOsPtMxAPid23QqG6sY9.png 改成你想要的顏色的色碼就可以了喔
ape5407
請問句子太長,想段成兩行需要加什麼?
ಠ_ಠ
eagle8864: 這是正常的,是這個語法的缺點
請想像成有兩個圖層
1. 滑過噗/點擊噗時的狀態
2. 預設狀態(無對話)
這邊想不到辦法弄成「當滑過噗時,預設狀態就要消失」

唯一的解決辦法是把無對話狀態整個刪掉吧
ape5407
我...我沒想弄那麼複雜...請問我可以給你看看嗎?><
eagle8864
那如果改變點開噗後的頭貼位置,把他跟無對話的頭貼覆蓋掉是不是也行
ape5407
https://images.plurk.com/5Qj6NprKlmuo5B53Ex86LU.jpg 只想弄一個就好
ಠ_ಠ
eagle8864: 現時的原理是用有對話的覆蓋無對話的
當對話框變成半透明,就會看到無對話的圖層了
ಠ_ಠ
ape5407: 可以調整max-width,它就會自動換行了

如果想要手動換行,就要改成以下,句子以半形空白斷行
content: '這是一個普通的噗。 第二行了……';
word-spacing: 100vw;
width: 200px;
https://images.plurk.com/1IpzMqKDG62kbq1KNXXl6M.png

換行的話width、height、bottom等屬性可能都需要調整一下
ape5407
好的!我來試試,謝謝噗主!
eagle8864
啊,我自己研究出來了
我的意思是這樣 https://images.plurk.com/5wdF5gJTTSvAcgYUyRznOW.gif
貼個我有改的地方 https://images.plurk.com/1tocOmAfVqsDRUjGXFrK7A.png
ape5407
我成功了~~謝謝噗主~~
ಠ_ಠ
eagle8864: 喔,我還以為是整個連頭像都要半透明 單純對話框半透明是沒問題的!
ape5407:
eagle8864
我自己弄了一個R18噗的特殊狀態,但如果那個R18噗是轉噗來的文字跟圖片就會疊在一起,請問我該在哪裡加什麼東西? https://images.plurk.com/6Ico9u88zf5DwJ3Mb03Awv.png
ಠ_ಠ
eagle8864: 轉噗是指別人轉過來的?這邊測試是沒有問題
https://images.plurk.com/7pcIrXVTd54oZcNEn8Y8xJ.png
wizard9902
嗚嗚嗚...我是八尬... 怎麼會跑到這裡.....
wizard9902
https://images.plurk.com/1WugQO8XK5ioIMdrKuma9P.png
ಠ_ಠ
wizard9902: 啊哈哈哈,應該是語法衝突
找找是不是以前用過「.td_img」
wizard9902
ಠ_ಠ: 對不起,噗主,我超雷><
我解決嘞!
您功德無量!
pasta347
好厲害!!好奇想問一下噗主
這類的語法是不是不會出現在手機程式
ಠ_ಠ
pasta347: 不會,語法只適用於電腦版個人河道

想出現在手機APP裡,要重新寫一個非官方噗浪APP
重寫的話加什麼東西都可以,每十秒便換隨機對話都可以
pasta347
原來!!!超酷的!
venus3363
抱歉讓這麼久的噗浮上來
https://images.plurk.com/1lspW9O0AuJ5o9jRc7FM00.png
想請問打開R18噗的時候,只有上面那個對話框會變 是語法哪裡錯誤了嗎?(都是照原本的複製貼上
https://images.plurk.com/1XR2RJYwZtThHihlJ2cDWk.png
ಠ_ಠ
venus3363: 抱歉!隔了8個月回顧才看到你的問題
跟r18噗無關,你最後複製少了個括號" } "喔
ಠ_ಠ
趁著剛好回顧這噗,來更新一下1.1版
1.1版追加了根據噗首的tag來顯示對話,其他沒變

例子1:噗首有「聖誕樹」標籤
https://images.plurk.com/xjTng2G92ui0rTmZhwqOb.png
例子2:噗首「聖誕樹」和「新世界狂歡」兩個標籤都有
https://images.plurk.com/4AALtOtf8oes0o0kIzaxod.png
ಠ_ಠ
之前弄過1.0版的旅人
只需要複製語法最下方「[v1.1新增]」的部份,修改成自己愛用的標籤和對話喔~

噗主只弄了一兩個標籤當範例,有耐心的旅人想弄10個標籤、10款對話都可以
cola2757
噗主好,旅人好
請問有什麼方法可以看得見噗文的pid ?
想將此語法改成對特定噗文會有特別反應
cola2757
plurk[data-pid$='7']
就是這個data-pid 的確切數值
ಠ_ಠ
cola2757: 每個噗都是由 <div class="plurk"> 構成
如果用chrome,按「CTRL+SHIFT+C」打開開發人員工具並滑到你的噗上面
滾到 <div class="plurk"> 的部份就會找到data-pid
https://images.plurk.com/6mHSaiWBw06bktBSrAcdwX.png
載入新的回覆