1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | /************************** * 簡單標籤語法 v1.0.1 * 如果噗首包含某個tag,就會在噗首的上方顯示指定圖片 * * 注意: * 1. 如果噗首同時包含5個tag,只能顯示一個tag的圖片 * 2. CSS排在越後面越優先 * (例如噗首標籤是 #日常 #新世界狂歡,只會顯示 #日常 的圖片) ***************************/ /* 基本語法 */ #timeline_cnt .plurk .plurk_cnt .td_cnt:has(.hashtag[href$='哈維路伊'])::before{ content: url(https://images.plurk.com/1Zg3U6ukONxEltE48wviPj.gif); display: block; position: absolute; top: -30px; right: 5px; } /*多種tag共用一張圖*/ #timeline_cnt .plurk .plurk_cnt .td_cnt:has(.hashtag[href$='路伊哈維'])::before, #timeline_cnt .plurk .plurk_cnt .td_cnt:has(.hashtag[href$='史詩級領地設計師'])::before{ content: url(https://images.plurk.com/43PnSbal61MfjpyENRJDmH.gif); display: block; position: absolute; top: -30px; right: 5px; } /*******小圖版本*****/ #timeline_cnt .plurk .plurk_cnt .td_cnt:has(.hashtag[href$='史詩級領地設計師'])::before{ content: url(https://images.plurk.com/5392yVcsGgciOp26fzk6kC.gif); display: block; position: absolute; top: -15px; right: 5px; } |
Direct link: https://paste.plurk.com/show/hRbKKBL0Liuqdng7ZbIt