Actions

Work Header

Rating:
Archive Warning:
Fandoms:
Character:
Additional Tags:
Language:
English
Collections:
Anonymous
Stats:
Published:
2026-01-02
Completed:
2026-01-02
Words:
1,585
Chapters:
2/2
Comments:
1
Kudos:
12
Bookmarks:
3
Hits:
282

【AO3 Skin】Tomioka Giyuu丨富冈义勇个人向皮肤

Summary:

Recently I've been obsessed with studying CSS. With the help of frameworks provided by other authors and the step-by-step guidance of Deep Seek, I've created an AO3 skin for Tomioka Giyuu. If you like it, please use it. Detailed usage instructions are in the post🥰

——————————

最近博主沉迷研究css,借助其他作者提供的框架和deep seek的手把手指导,做出了一款富冈义勇个人向的ao3皮肤,喜欢的话请使用,详细使用教程在文内🥰

Notes:

(See the end of the work for notes.)

Chapter 1: Introduction

Chapter Text

Notice:
  1.   I'm Chinese, so the English part of this article is mainly machine-translated and then manually corrected. The comic images in the background are also in the Chinese translation version. Due to not being familiar with the language used in the English community, if there are any expressions that offend you, I apologize. 
  2.   I am completely a novice. The code is basically all based on studying the frameworks provided by other authors and following AI guidance for modifications. So it might seem very complicated. If there is a better modification method, please let me know!  3.   Since a lot of images are embedded internally, the loading of images might be very slow or not displayed due to unstable network or problems with the image hosting website. Sometimes I might not be able to detect the problem in time. You can leave a comment to remind me to fix the problem. 
  4.   Theoretically, all parts can be modified according to the user's usage habits. The color scheme I chose is the one I personally think is more comfortable to read. If you don't like it, you can look up the color code and then modify the symbol "#xxxxxx" representing the color in the code.

 

使用须知:
  1.   作者是中国人,所以本文中英语部分基本靠机翻+人工修正,背景图中截取的漫画也是中文翻译版本。因为不熟悉英语社区的用语用词,如果有冒犯到你的表述的话我表示抱歉。
  2.   我完全是门外汉,代码基本全靠研读其他作者提供的框架和AI指导修改,所以可能会显得特别冗杂,如果有更好的修改方式请告诉我!
  3.   由于内部置入了不少图片,可能会因为网络不稳定&图床网站出问题等原因导致图片加载很慢或无法显示,有时我可能不能及时发现问题,可以评论提醒我修复bug。
  4.   理论上来说所有部分都可以根据用户使用习惯自行修改,我选择的配色是我个人觉得比较舒服阅读不吃力的,如果你不喜欢,可以自行查询颜色编码,然后改动代码中代表颜色的符号“#xxxxxx”。

 

 

 

Screenshots(皮肤使用效果展示):

 

 

 

How to use this skin:
  1.   Click on【Your Username】
  2.   Click on My Dashboard
  3.   Click on Skins
  4.   Click on Create Site Skin. Make sure you have Site Skin selected
  5.   Give the skin a unique title, such as "【Your Username】+ some random numbers or letters"
  6.   Copy all the CSS code in Chapter 2 of this work and paste it in the CSS box
  7.   Click Submit
  8.   Click Use

 

如何使用:
  1.   点击用户名
  2.   点击My Dashboard
  3.   点击Skins
  4.   点击Create Site Skin,别点错了因为还有个work skin
  5.   在Title部分填一个【独一无二的名字】,因为需要和全站所有名字都不一样,所以最简单的办法是随机输入一串数字或字母,写中文也行
  6.   把第二章里面的代码全部复制进CSS的框里,一个标点都不能少
  7.   点击Submit
  8.   点击Use