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 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | 此為【レオ在噗文右上角作曲像素~所有噗ver] 以下所有語法,請全部都要複製 ※如果您的噗文,不想要變成像我範例那樣的圓角 可以把/*那個框框*/到/* 氣泡框 */中間那堆語法刪掉 /*レオ在噗文右上角作曲像素:所有噗*/ .timeline-cnt .plurk_cnt:after { position:absolute; content:url(https://images.plurk.com/2pYVJG4LBxuCFBKPvGs5qN.gif ); top:-24px; /*距離上方位置*/ right:0px; /*距離右側位置*/ } /*那個框框*/ .cboxAnchor[data-type="plurk"] .plurk_cnt { padding: 1px 20px 1px 1px; border-radius: 8px; } .cboxAnchor[data-type="plurk"] .plurk_cnt .tr_cnt{ margin:5px; display:inline; } /* 氣泡框 */ .response_count{ position: relative; top:-32px; left:-20px; border:5px solid transparent; border-radius:30px; background-color:#4169E1;opacity:0.6; font-size: 10px; text-align:center; z-index:100; width:100%; height:100%; min-width:25px; max-height:20px; color:FFFAFA; line-height:8px; font-family:微軟正黑體 !important; } /* 新回應氣泡框 */ .new .response_count{ border:5px solid transparent; } /* 氣泡框尾巴 */ .response_count::after { content:""; position:absolute; left:4px; top:10px; border-color: #4169E1 transparent transparent #4169E1; border-style: solid solid solid solid; border-width: 5px 5px; height: 0px; width: 0px; } /* 新回應氣泡框尾巴 */ .new .response_count::after { border-color: #fb0047 transparent transparent #fb0047; } |
Direct link: https://paste.plurk.com/show/p6FUDp7mqmRu3HGugNbG