小爛【趕啊趕文去!】
@LineCrosser
說
Wed, Nov 30, 2022 3:37 PM
Thu, Dec 1, 2022 12:20 AM
123
60
噗浪佈景
簡單標籤語法
心血來潮來研究一下河道語法,後知後覺發現css可以用:has了,就弄了這個東西
可以根據噗首的
標籤
來顯示噗的裝飾圖片
例如標了「日常」的噗都會顯示科科兔
注意:如果是Firefox使用者要打開about:config>layout.css.has-selector.enabled
掰噗~
@baipu
說
Wed, Nov 30, 2022 3:37 PM
有道理
機器狼🎁聖誕快樂
@KMN_BOT
說
Wed, Nov 30, 2022 3:39 PM
可以喔汪
小爛【趕啊趕文去!】
@LineCrosser
Wed, Nov 30, 2022 3:39 PM
Thu, Dec 1, 2022 12:31 AM
「日常」會顯示科科兔
「新世界狂歡」會顯示奧利文像素
「新世界狂歡+爬塔」會顯示伊得
不過每個噗只能顯示一張圖~不能奧利文+科科兔一起顯示
除非預知到噗裡會同時有兩個tag(例如新世界狂歡+爬塔),在混合版語法內改成顯示兩個圖片。
顯示多張圖片的語法可以參考
SK8時間軸寫法
另外,要留意語法會不會跟現有的語法衝突
小爛【趕啊趕文去!】
@LineCrosser
Wed, Nov 30, 2022 3:41 PM
留意Firefox要打開about:config>layout.css.has-selector.enabled才能看到
小爛【趕啊趕文去!】
@LineCrosser
Wed, Nov 30, 2022 3:42 PM
記得以前寫語法的時候經常想「如果能用:has就可以弄xx了」
現在我已經遺忘了「xx」是什麼……算了……
小林喵=小梨標😷=李清喵
@twinnines
Wed, Nov 30, 2022 3:58 PM
太厲害了!
小爛【趕啊趕文去!】
@LineCrosser
Wed, Nov 30, 2022 4:18 PM
謝謝~~這只是小玩意,還能玩更多不同花巧的東西
以前看過回應右下角有小圖的語法,說不定也可以根據回應裡的hashtag更換
還有這位大神的語法,用:has也許能讓偷偷說噗也模仿普通噗一樣顯示
ಠ_ಠ - 終於知道為什麼沒有人寫把回應改成對話框的css語法了 連在噗浪上都看起來超邊緣好難過 噗首放...
小爛【趕啊趕文去!】
@LineCrosser
Wed, Nov 30, 2022 4:18 PM
先睡覺,明天再來研究一下
小爛【趕啊趕文去!】
@LineCrosser
Thu, Dec 1, 2022 1:12 AM
Thu, Dec 1, 2022 1:21 AM
根據上述留言對話框集中串的第一則留言「留言對話框css」下面追加以下:
/* 留言對話框的偷偷說修正 */ (Plurk Paste)
就可以達到偷偷說內自己的留言也在右邊囉
截圖範例自爆身份哭哭
留言對話框太多語法了,而且這個改得比較醜,僅供參考
小爛【趕啊趕文去!】
@LineCrosser
Thu, Dec 1, 2022 1:17 AM
趴趴回應數
稍微改一下也可以套用噗首的標籤玩法
大概就是在語法最後面追加
「.timeline-cnt .plurk_cnt:has(.hashtag[href$='日常'])::after」就可以加日常標籤的圖
小爛【趕啊趕文去!】
@LineCrosser
Thu, Dec 1, 2022 3:32 AM
:has太猛了(?)……可以做到根據噗首的hashtag(或其他東西)去操控留言的樣式了
以前好像都不能這麼弄啊!(或者我技術太爛不知道方法)
阿尼
@Nekoleaf
Wed, Jan 11, 2023 6:50 AM
這個語法好厲害!
非常感謝分享開眼界了
不知道這邊可不可以請教事情
想問問:has有辦法篩選出純文字或是表符嗎
小爛【趕啊趕文去!】
@LineCrosser
Wed, Jan 11, 2023 7:17 AM
阿尼
: 純文字沒有辦法喔
表符大概是 :has(img[src='表符網址']) 吧
要用網址,不能寫成emo123那樣
阿尼
@Nekoleaf
Wed, Jan 11, 2023 7:22 AM
小爛【趕啊趕文去!】
: 真的很感謝!
試成功了
小爛【趕啊趕文去!】
@LineCrosser
Wed, Jan 11, 2023 8:14 AM
太好了
載入新的回覆
簡單標籤語法
心血來潮來研究一下河道語法,後知後覺發現css可以用:has了,就弄了這個東西
可以根據噗首的 標籤 來顯示噗的裝飾圖片
例如標了「日常」的噗都會顯示科科兔
注意:如果是Firefox使用者要打開about:config>layout.css.has-selector.enabled
「新世界狂歡」會顯示奧利文像素
「新世界狂歡+爬塔」會顯示伊得
不過每個噗只能顯示一張圖~不能奧利文+科科兔一起顯示
除非預知到噗裡會同時有兩個tag(例如新世界狂歡+爬塔),在混合版語法內改成顯示兩個圖片。
顯示多張圖片的語法可以參考 SK8時間軸寫法
另外,要留意語法會不會跟現有的語法衝突
現在我已經遺忘了「xx」是什麼……算了……
以前看過回應右下角有小圖的語法,說不定也可以根據回應裡的hashtag更換
還有這位大神的語法,用:has也許能讓偷偷說噗也模仿普通噗一樣顯示
/* 留言對話框的偷偷說修正 */ (Plurk Paste)
就可以達到偷偷說內自己的留言也在右邊囉
截圖範例自爆身份哭哭留言對話框太多語法了,而且這個改得比較醜,僅供參考
大概就是在語法最後面追加
「.timeline-cnt .plurk_cnt:has(.hashtag[href$='日常'])::after」就可以加日常標籤的圖
以前好像都不能這麼弄啊!(或者我技術太爛不知道方法)
非常感謝分享開眼界了
不知道這邊可不可以請教事情
想問問:has有辦法篩選出純文字或是表符嗎
表符大概是 :has(img[src='表符網址']) 吧
要用網址,不能寫成emo123那樣
試成功了