小爛【趕啊趕文去!】
2 years ago @Edit 2 years ago
#噗浪佈景
簡單標籤語法
心血來潮來研究一下河道語法,後知後覺發現css可以用:has了,就弄了這個東西
https://images.plurk.com/4bkSD1p5X0IkzJ9hNhqmym.png

可以根據噗首的 #標籤 來顯示噗的裝飾圖片
例如標了「日常」的噗都會顯示科科兔
注意:如果是Firefox使用者要打開about:config>layout.css.has-selector.enabled
latest #15
掰噗~
2 years ago
有道理 (thinking)
可以喔汪
小爛【趕啊趕文去!】
2 years ago @Edit 2 years ago
「日常」會顯示科科兔
「新世界狂歡」會顯示奧利文像素
「新世界狂歡+爬塔」會顯示伊得

不過每個噗只能顯示一張圖~不能奧利文+科科兔一起顯示
除非預知到噗裡會同時有兩個tag(例如新世界狂歡+爬塔),在混合版語法內改成顯示兩個圖片。
顯示多張圖片的語法可以參考 SK8時間軸寫法

另外,要留意語法會不會跟現有的語法衝突
立即下載
留意Firefox要打開about:config>layout.css.has-selector.enabled才能看到
記得以前寫語法的時候經常想「如果能用:has就可以弄xx了」

現在我已經遺忘了「xx」是什麼……算了……
太厲害了!
謝謝~~這只是小玩意,還能玩更多不同花巧的東西
以前看過回應右下角有小圖的語法,說不定也可以根據回應裡的hashtag更換

還有這位大神的語法,用:has也許能讓偷偷說噗也模仿普通噗一樣顯示ಠ_ಠ - 終於知道為什麼沒有人寫把回應改成對話框的css語法了 連在噗浪上都看起來超邊緣好難過 噗首放...
先睡覺,明天再來研究一下
小爛【趕啊趕文去!】
2 years ago @Edit 2 years ago
根據上述留言對話框集中串的第一則留言「留言對話框css」下面追加以下:
/* 留言對話框的偷偷說修正 */ (Plurk Paste)
就可以達到偷偷說內自己的留言也在右邊囉 截圖範例自爆身份哭哭
https://images.plurk.com/5TbuWpwwflbHsN7A7kq2On.png

留言對話框太多語法了,而且這個改得比較醜,僅供參考
趴趴回應數 稍微改一下也可以套用噗首的標籤玩法

大概就是在語法最後面追加
「.timeline-cnt .plurk_cnt:has(.hashtag[href$='日常'])::after」就可以加日常標籤的圖
:has太猛了(?)……可以做到根據噗首的hashtag(或其他東西)去操控留言的樣式了
以前好像都不能這麼弄啊!(或者我技術太爛不知道方法)
阿尼
1 years ago
這個語法好厲害!
非常感謝分享開眼界了

不知道這邊可不可以請教事情
想問問:has有辦法篩選出純文字或是表符嗎
Nekoleaf: 純文字沒有辦法喔
表符大概是 :has(img[src='表符網址']) 吧
要用網址,不能寫成emo123那樣
阿尼
1 years ago
LineCrosser: 真的很感謝!
試成功了
太好了
back to top