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 需啟用 has-selector 才能正常使用:

  • 在網址列輸入 about:config
  • layout.css.has-selector.enabled 設定為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 的黑魔法:欸個

tokyono-sora's People

Contributors

akira02 avatar tsung-ju avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

tokyono-sora's Issues

firefox 120.x 失效

我用這個佈景很久了 一直都沒出現啥問題

直到昨天firefox更新到120.x之後 就全部失效了

噗文背景都變成透明 大小異常 字體大小也沒用

根據我的測試 似乎是var() 這個函式失效了(不確定)

請問能幫忙看一下嗎?感謝

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.