零ノメモ Zero Memo: The Plurk costum CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
NixieKarma.css
README.md
plurk.css
plurk_lite.css

README.md

零ノメモ Zero Memo: The Plurk custom CSS

The high-resolution display friendly CSS. Using flat design. 大螢幕友善的噗浪CSS,漂亮的扁平化設計

image

CSS & 自動模糊產生器: http://akira.eu.org/Zero-Memo/

製作:https://plurk.com/akira02 追蹤噗浪以獲得CSS的更新!

介紹

我之前是在寫 CSS 的,而我寫 CSS 的原則是:「X你娘操爆」

沒錯,就是X你娘操爆,老子才不管甚麼記憶體資源三小的,每次載的圖片就是XX一大張。有文字陰影就加三層,高解析度圖片載三張,超多過場動畫,跟把整台電腦的記憶體跟運算資源全吃掉沒兩樣。

我還記得,我一開始 CSS 寫 900 多行,朋友跑來跟我說,你的河道我都滑不動,你有頭緒嗎?

我他X的怎麼會知道。

2/18新增:Lite版本 只使用半透明沒有玻璃磨砂效果 可是我怎麼覺得沒差多少QwQ

6/5新增:因應噗幣擴展表符上限,可以爽爽用組合表情符號,加上了組合表符無縫功能

2018/4/9:圖片展開介面也模糊了!

特色

  • 支援各種螢幕(原生的河道在大螢幕上看很彆扭)
  • 扁平化設計!
  • 玻璃磨砂效果!
  • 動畫!(煞氣滑動dashboard!)
  • 數字管卡馬值!(El psy congroo)
  • 看起來很舒服
  • 軟萌感!

安裝

模糊背景自動產生器: http://akira.eu.org/Zero-Memo/ 使用您的圖片(可以上傳或貼網址)生成 CSS 後, 將 CSS 文件內容複製,在噗浪頁面右上角點選自己的帳號,選「自訂佈景風格」,在該欄位中貼上此CSS,並按「儲存並更新」

不想自定圖的預設圖片CSS:https://github.com/akira02/Zero-Memo/blob/master/plurk.css

使用例

一般玻璃磨砂版

一般狀態

image

展開資訊面板

image

回應欄

image 2018-05-09 11 07 19

圖片檢視

image

數字管卡馬值

image

替換背景

如果您不想替換,那真是太棒了(?

自動替換

http://akira.eu.org/Zero-Memo/

手動替換

手動替換,您總共需要一張原背景圖(建議1920*1080以上),接著進行加亮模糊與加暗模糊,總共三張。

總共需要替換五處位置,分別是一張原圖及兩張加亮模糊,兩張加暗模糊。

在CSS中有註解,△未模糊背景圖片,☆白色模糊背景圖片,以及★黑色模糊背景圖片,共六處。 /# BACKGROUND timeline #/是給CSS產生器使用的信標。

製作

設計、CSS編寫:千秋きつね☆稻荷台灣分社

技術支援、CSS編寫:ray851107