Ayukawayen
@Ayukawayen
說
Fri, Dec 1, 2017 7:58 AM
Mon, Dec 11, 2017 5:05 AM
1408
948
3
超簡單的強調顯示R18噗方法: 在「自訂佈景」裡加上這一行:
.plurk.porn .plurk_cnt {background-color: pink;}
(顏色可自訂)
效果:
Ayukawayen
@Ayukawayen
說
Fri, Dec 1, 2017 8:15 AM
Tue, Feb 26, 2019 12:16 PM
20190226更新
R18噗內容模糊化，滑鼠移到上面解碼 (改成.text_holder，比較適合)
.plurk.porn .plurk_cnt .text_holder {filter: blur(4px);}
.plurk.porn .plurk_cnt .text_holder:hover {filter: none;}
==
僅圖片和外部連結(包含連結縮圖)模糊化，滑鼠移到上面解碼 ( Jackalxx 提供)
.plurk.porn .plurk_cnt .td_cnt .ex_link{filter: blur(4px);}
.plurk.porn .plurk_cnt .td_cnt .ex_link:hover{filter: none;}
Ickeal㍍🎀💙／❄️🌸🎧
@Ickeal
Fri, Dec 1, 2017 8:17 AM
實用(?
李華：光復香港
@Zelquer
Fri, Dec 1, 2017 8:18 AM
還可以用透明化處理的
小島Z夫@KeepStrong
@ZroeX
說
Fri, Dec 1, 2017 8:26 AM
實用
無牌米蟲△
@ricebug
Fri, Dec 1, 2017 8:43 AM
這縮圖裡好多熟人，好像還有我的樣子?
♨生化人不想工作♨
@iamtom88
Fri, Dec 1, 2017 8:46 AM
試了各種濾鏡決定用透明度0.2w
Ayukawayen
@Ayukawayen
說
Fri, Dec 1, 2017 9:03 AM
無牌米蟲△ : 需要把馬賽克加強嗎?
無牌米蟲△
@ricebug
Fri, Dec 1, 2017 9:15 AM
Ayukawayen : 不用啊我這麼渺小XD
ICYPYH
@icypyh
Fri, Dec 1, 2017 9:21 AM
pink也能用喔~~~
似兔非兔略天胖
@Rophynaa
Fri, Dec 1, 2017 9:28 AM
馬賽克太實用了感恩
sechs＠きｔらあああ！！
@sechslee
Fri, Dec 1, 2017 9:54 AM
太神啦
Hinaru|ω•)ﾉ🏳️‍🌈
@hinaru
Fri, Dec 1, 2017 10:18 AM
覺得比起 td_cnt 來說 比較喜歡馬賽克 text_holder 就好。
王大人 𓁹‿𓁹 ಠ_ಠ
@MILGM
說
Fri, Dec 1, 2017 11:08 AM
Ayukawayen
@Ayukawayen
說
Fri, Dec 1, 2017 11:55 AM
Hinaru|ω•)ﾉ🏳️‍🌈 : (p-wink)
¶¶¶小確幸儲藏室¶¶¶僵尸
@anger50322
Fri, Dec 1, 2017 12:01 PM
酷!!這功能
迷思抱布偶
@vom
Fri, Dec 1, 2017 12:24 PM
存個！
HJ@耍廢
@HJ_ideea
Fri, Dec 1, 2017 12:30 PM
實用
Mei✈︎阿玫
@ariel_lin0004111
Fri, Dec 1, 2017 12:36 PM
感謝分享
4Luruxy
@ty89033tw
Fri, Dec 1, 2017 12:36 PM
實用大推
瑜玄✎
@getsuyou
Fri, Dec 1, 2017 1:51 PM
李華：光復香港 : 想請問透明化的語法<O>
李華：光復香港
@Zelquer
Fri, Dec 1, 2017 1:57 PM
瑜玄✎ : .plurk.porn .plurk_cnt {opacity:0.7;}
這是70%，可以自由調整，1.0就是完全不透明
瑜玄✎
@getsuyou
Fri, Dec 1, 2017 2:07 PM
李華：光復香港 : 感謝大大
༺༃ℬ𝓁𝓊ℯ𝒦ℯ𝓃𝓉༃༻
@BlueKent
說
Fri, Dec 1, 2017 3:10 PM
感謝分享!
太子㍿ 🏀🪜
@millia951
Fri, Dec 1, 2017 3:19 PM
請問設定中填上任何顏色都可以嗎？ 還是只有固定幾種顏色
太子㍿ 🏀🪜
@millia951
Fri, Dec 1, 2017 3:25 PM
嗯嗯我剛剛試了也發現了，附上給大家
色碼表 | RGB Color Code
打怎。
@NIBOSHI
說
Fri, Dec 1, 2017 3:25 PM
色碼表
Ayukawayen
@Ayukawayen
好奇
Fri, Dec 1, 2017 3:35 PM
大家喜歡哪種顏色? 感覺pink好像比較好，把範例換一下 XD
我試了幾個，現在決定用#ffcccc
食蟹狐⛩闇流
@tt_flily
Fri, Dec 1, 2017 3:48 PM
Ruby🍁新刊通販中
@catmusic
Fri, Dec 1, 2017 3:58 PM
實用，非常感謝！
🌻沫鱗🧸🐟🐚
@s2270v
Fri, Dec 1, 2017 4:41 PM
客廳黨的一大福音!!!不用再害怕後面有人不小心點到了!!!
李華：光復香港
@Zelquer
Fri, Dec 1, 2017 5:00 PM
實測報告：換色和透明不能同時生效
Ayukawayen
@Ayukawayen
說
Fri, Dec 1, 2017 5:20 PM
發現另一個也很顯眼的方法，把18+圖示放大:
.plurk.porn .porn-icon::before { font-size:2em; }
太子㍿ 🏀🪜
@millia951
Sat, Dec 2, 2017 4:25 AM
李華：光復香港 我的可以耶
李華：光復香港
@Zelquer
Sat, Dec 2, 2017 4:51 AM
可能是我的語法有問題？不過調半透明後也沒需要改色了吧
筑紫蝶
@belleh37602
Sat, Dec 2, 2017 10:59 AM
好奇怪，沒辦法顯示顏色XD
✿ 祈巫4ㄌ圾（❀ζ°▽°）⎠
@whDE
Sun, Dec 3, 2017 7:13 AM
感恩大大!!讚嘆大大!!
く巳:ミ
@tatasuke_214
Sun, Dec 3, 2017 9:42 AM
顯示底色 分號可能要加個 !important ？
Ayukawayen
@Ayukawayen
說
Sun, Dec 3, 2017 11:50 AM
く巳:ミ : 有可能有被其他自訂語法蓋掉，這時候可以加!important提高優先度蓋回去，不過加!important也不是萬靈丹因為對方可能也有加 XD
對自訂佈景有興趣的可以瞭解一下CSS的優先權，看是哪條語法會蓋掉別的語法:
https://www.google.com.tw/search?&q=css+優先
CSS教學－CSS選擇器套用樣式的優先權順序
詠Yong勇@狗狗戒斷症
@changayong
Thu, May 31, 2018 9:21 AM
您好，我是詠Yong勇，近日正自主編寫《噗浪使用指南》，請問我可不可以引用您的語法呢？
如果可以，這邊將會附上您的個人頁面與本噗連結。 (worship)
Ayukawayen
@Ayukawayen
說
Thu, May 31, 2018 9:40 AM
詠Yong勇@狗狗戒斷症 : 沒問題 ;-)
詠Yong勇@狗狗戒斷症
@changayong
Thu, May 31, 2018 10:19 AM
Ayukawayen : 非常感謝！
早河奈，
@sakana0212
Sat, Dec 8, 2018 5:57 AM
請問偷偷說有類似方法能使其變色嗎？
Ayukawayen
@Ayukawayen
說
Sat, Dec 8, 2018 6:09 AM
早河奈， :
.plurk[data-uid="99999"] .plurk_cnt {background-color: lightblue;}
早河奈，
@sakana0212
Sat, Dec 8, 2018 6:13 AM
謝謝！
Jackalxx
@Jackalxx
說
Tue, Feb 26, 2019 3:05 AM
從噗友轉噗看到回來推一下，我自己會多加連結的tag，這樣可以只糊掉連結和圖片，先看文字決定要不要滑過去 拿噗主語法改的話是這樣↓
.plurk.porn .plurk_cnt .td_cnt .ex_link{filter: blur(4px);}
.plurk.porn .plurk_cnt .td_cnt .ex_link:hover{filter: none;}
Ayukawayen
@Ayukawayen
說
Tue, Feb 26, 2019 4:33 AM
Jackalxx : 實用 (p-wink)
Ickeal㍍🎀💙／❄️🌸🎧
@Ickeal
Tue, Feb 26, 2019 4:43 AM
再次幫推起來～實用
鯨太菌🐳CSP登入記得
@bko5272
Tue, Feb 26, 2019 4:46 AM
感謝原PO和樓上上上大大的回覆! 實用推
靛 :「嗨✨嗨✨～✨！」
@sandymelodyivy
Tue, Feb 26, 2019 6:44 AM
感謝各位大大！
九命
@pleasegivemeabluerose
Tue, Feb 26, 2019 7:45 AM
Tue, Feb 26, 2019 8:00 AM
話說這個噗有R18標籤就不能上首頁了哪 @_@ (可是這個噗很普遍級啊)
Ayukawayen
@Ayukawayen
說
Tue, Feb 26, 2019 8:00 AM
redqcat: XD
那拿掉R18吧 XD
madboy
@madboy9
說
Tue, Feb 26, 2019 8:04 AM
姆咪
Ayukawayen
@Ayukawayen
說
Tue, Feb 26, 2019 12:14 PM
Tue, Feb 26, 2019 12:27 PM
更新了一樓，把只有圖片連結模糊化的語法也放上去了。
另外如果只要圖片模糊，連結不要模糊的話，可以這樣寫：
.plurk.porn .plurk_cnt .text_holder .pictureservices {filter: blur(2px);}
.plurk.porn .plurk_cnt .text_holder .pictureservices:hover {filter: none;}
Ayukawayen
@Ayukawayen
說
Wed, Feb 27, 2019 5:13 AM
Wed, Feb 27, 2019 5:26 AM
如果擔心有噗沒設定R18標籤卻有糟糕圖，想要把所有圖片都套用模糊化效果，可以這樣寫：
.pictureservices {filter: blur(2px);}
.pictureservices:hover {filter: none;}
(連回應裡的圖片都會模糊化 O_O )
載入新的回覆