Greasy Fork

Greasy Fork is available in English.

Anime News Network - Reimagined

A more modern layout for Anime News Network. Its main goal is to make readability easier.

当前为 2024-03-11 提交的版本，查看 最新版本。

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
Scøbra
评分
0 0 0
版本
1.3
创建于
2024-02-01
更新于
2024-03-11
大小
16.1 KB
许可证
MIT
适用于

A modern design for Anime News Network.

This layout is focused on improving readability and navigation.

  • Daily Grids are 3 columns instead of the default 4 columns.
  • The header now stays in view at all times to ensure easy navigation.
  • The side highlights have been moved to the middle.
  • Several minor changes to fit the theme.

There are limitations.

  • It does not work on table elements as the site uses images to generate its tables.
  • The primary focus was on the homepage. Other pages on the site might not be displayed properly. I may update the stylesheet in the future so that they may work.
  • It does not work on vertical screens(phones or vertical monitors).
  • It only works with the "Grid View with Images" display mode.

FAQ:

What is this?

This is a custom stylesheet for Anime News Network. It improves the website layout and also changes the theme to dark mode.

Why did you make this?

I discovered the extension Stylus recently and thought I could practice my CSS skills by redesigning Anime News Network because I use that site quite often. I did not start from scratch. I used ANN Dark Theme by slickboy as the base.

Do you have experience in Web Development?

I took one Web Development class in university and that was all. That class taught me HTML and CSS. That is the limit of my knowledge. At the moment, I do not know Javascript but I will learn it someday.

Will this custom CSS be updated?

Maybe. Since I use the website quite often at the moment, if an update is needed, I will probably update it.

I have encountered an error!

As I have said, I am not an experienced developer. I suggest joining a few Subreddits or Discord servers as they may be of much more help to you.