Giter VIP home page Giter VIP logo

tokyono-sora's Introduction

Tokyono Sora 東京乃空 - Plurk UI

Redesigned Plurk UI

image

這是 千秋稻荷社 重新設計的噗浪 UI,免費且自由使用的噗浪 CSS 佈景!
image image

安裝

複製本體 CSS,貼到 自訂佈景 -> 自訂佈景風格 欄位

本體 CSS
附加自訂 CSS

備註:Firefox 70 以上也支援背景模糊功能,但需要額外自行啟用:

  • 在網址列輸入 about:config
  • layout.css.backdrop-filter.enabled 設定為true
  • gfx.webrender.all 設定為 true

產生器

這個佈景主題是即時產生模糊半透明效果的,若您的電腦不支援硬體加速,使用此佈景主題可能會有河道捲動不順暢的狀況。
這時候可以使用靜態模糊圖片產生器,預先產生模糊圖片:
https://chiaki.uk/Tokyono-Sora
產生後的CSS直接貼到Tokyono-Sora的CSS後面,接在原本的CSS下面即可改用靜態模糊背景。

特色

調整過的排版

調整了行距、暱稱與大頭貼位置、配色、背景與字體、噗浪的寬度,讓噗浪使用起來更簡潔舒適 image

RWD 設計

適用各種不同的螢幕寬高,也適用直向螢幕!
截圖

可愛的載入動畫

自家製可愛旋轉狐狸
Oct-28-2020 16-13-49

數字管風格卡馬字體

自家製數字管字體
截圖 2020-10-28 下午5 43 27

個人簡介顯示動畫

Oct-28-2020 17-19-53

支援瀏覽器縮放

如果覺得字體太小,可以直接用瀏覽器的縮放功能放大而不會跑版~

Chrome:
放大網頁:按下 Ctrl 和加號鍵 。
縮小網頁:按下 Ctrl 和減號鍵 。
重設縮放等級:按下 Ctrl + 0 鍵。

背景圖上傳

可以直接使用噗浪的背景圖上傳功能跟佈景配色 截圖 2020-10-28 下午4 36 28

使用展示

一般卡馬值

截圖 2020-10-28 下午5 52 00

世界線變動率風格卡馬值

噗文

截圖 2020-10-28 下午1 37 35

截圖 2020-10-28 下午1 37 35

截圖 2020-10-28 下午1 37 50

FAQ

要怎麼換成跟展示一樣的世界線變動率風格卡馬值?

複製附加自訂 CSS裡面的改成世界線變動率風格卡馬值區塊,貼到自訂佈景->自訂佈景風格欄位中的最下面,要貼在最後面才會啟用喔!

使用之後捲動河道好像卡卡的,有時候CPU使用率會衝很高?

這個佈景主題是即時產生模糊半透明效果的,若您的電腦不支援硬體加速,使用此佈景主題可能會有河道捲動不順暢的狀況。
這時候可以使用靜態模糊圖片產生器,預先產生模糊圖片:
https://chiaki.uk/Tokyono-Sora
產生後的CSS,貼到自訂佈景->自訂佈景風格欄位的最下面即可,要貼在原本的CSS最後面才會啟用喔!

作者

設計與製作:千秋
發明可以控制頂端列與跳出窗 CSS 的黑魔法:欸個

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.