MyAnimeList List Design

rl404's MyAnimeList list design compilation

Table of Contents

• Theme
  • Mahou Shoujo Madoka★Magica
  • Saber
  • Dungeon ni Deai wo Motomeru no wa Machigatteiru Darou ka (Danmachi)
  • Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai (Anohana)
  • Expander
  • Expander Dark
  • Bakemonogatari
  • Bakemonogatari 2
  • Rezero
  • Modern Image
  • Nier:Automata
  • Persona 5
  • Polygon
  • Night Shift
  • Blackout
  • Tilt
  • NHentai
• Other
  • Guides
  • Useful links
• Contact

Mahou Shoujo Madoka★Magica

Based template: Daika-san

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Score
• Type
• Episodes
• Tags

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Tags

How to use

• For anime:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/anime?style=%23more%7Bid%7D%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D%0D%0A";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Madoka/mainanime.css";

• For manga:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/manga?style=%23more%7Bid%7D%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D%0D%0A";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Madoka/mainmanga.css";

Saber

Based template: Hahaido

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Score
• Type
• Episodes

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Volumes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Saber/main.css";

Dungeon ni Deai wo Motomeru no wa Machigatteiru Darou ka (Danmachi)

Based template: Hahaido

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Any 2 from Score, Type, and Episodes

Manga List recommended setting:

• Numbers
• Any 2 from Score, Chapters, Volumes, and Episodes

How to use (for anime and manga)

• Hestia theme:

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Danmachi/mainhestia.css";

• Lili theme:

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Danmachi/mainlili.css";

• Ais theme:

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Danmachi/mainais.css";

Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai (Anohana)

Based template: Hahaido

List type: Anime and Manga list

Anime and Manga List recommended setting:

• Score
• Type

How to use:

• For anime:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/anime?style=%23more%7Bid%7D%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D%0D%0A";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Anohana/main.css";

• For manga:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/manga?style=%23more%7Bid%7D%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D%0D%0A";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Anohana/main.css";

Expander

Based template: dzikibambus

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Score
• Type
• Episodes
• Tags

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Volumes
• Tags
• Type

How to use

• For anime:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/anime?style=tr%3Ahover%20.animetitle%5Bhref%2A%3D%27%2F%7Bid%7D%2F%27%5D%3Abefore%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Expander/mainanime.css";

• For manga:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/manga?style=tr%3Ahover%20.animetitle%5Bhref%2A%3D%27%2F%7Bid%7D%2F%27%5D%3Abefore%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Expander/mainmanga.css";

Expander Dark

Based template: dzikibambus

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Score
• Type
• Episodes
• Tags

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Volumes
• Tags
• Type

How to use

• For anime:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/anime?style=tr%3Ahover%20.animetitle%5Bhref%2A%3D%27%2F%7Bid%7D%2F%27%5D%3Abefore%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Expander-Dark/main-anime.css";

• For manga:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/manga?style=tr%3Ahover%20.animetitle%5Bhref%2A%3D%27%2F%7Bid%7D%2F%27%5D%3Abefore%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Expander-Dark/main-manga.css";

Bakemonogatari

Based template: Kiokuzoku

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Score
• Type
• Episodes
• Rating
• Tags

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Volumes
• Tags
• Type

How to use

• For anime:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/anime?style=%23more%7Bid%7D+.borderRBL+div%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Bakemonogatari/main.css";

• For manga:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/manga?style=%23more%7Bid%7D+.borderRBL+div%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Bakemonogatari/main.css";

Bakemonogatari 2

Based template: Valerio Lyndon

List type: Anime and Manga list

Anime List recommended setting:

• Score
• Type
• Tags
• Genre
• Notes
• Image
• Premiered

Manga List recommended setting:

• Score
• Tags
• Type
• Genres
• Notes
• Image

How to use

• For anime:

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Bakemonogatari-2/mainanime.css";

• For manga:

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Bakemonogatari-2/mainmanga.css";

Rezero

Based template: xvote

List type: Anime and Manga list

Anime List recommended setting:

• Score
• Type
• Episodes

Manga List recommended setting:

• Score
• Chapters
• Volumes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Rezero/main.css";

Modern Image

Based template: RobbiRobb

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Score
• Type
• Episodes
• Image

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Volumes
• Image

How to use:

• For anime:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/anime?style=.data.image%20a%5Bhref%2A%3D%22%2F%7Bid%7D%2F%22%5D%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Modern-Image/main.css";

• For manga:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/manga?style=.data.image%20a%5Bhref%2A%3D%22%2F%7Bid%7D%2F%22%5D%7Bbackground-image%3Aurl%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Modern-Image/main.css";

Nier:Automata

Based template: killingdyl

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Score
• Type
• Episodes
• Premiered
• Studios
• Licensors

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Volumes
• Magazine

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/NierAutomata/main.css";

Persona 5

Based template: Kiokuzoku

List type: Anime and Manga list

Anime List recommended setting:

• Numbers
• Score
• Type
• Episodes

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Volumes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Persona5/main.css";

Polygon

Based template: Cateinya

List type: Anime list only

Anime List recommended setting:

• Numbers
• Score
• Type
• Episode
• Rating
• Tags
• Image
• Premiered
• Studios
• Licensors

How to use:

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Polygon/main.css";

Night Shift

Based template: Cateinya

List type: Anime and Manga list

Anime and Manga List recommended setting:

• Any except Demographics and Notes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Night-Shift/main.css";

Blackout

Based template: Valerio_Lyndon

List type: Anime and Manga list

Anime and Manga List recommended setting:

• Any except Demographics and Notes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Blackout/main.css";

Tilt

Based template: Valerio_Lyndon

List type: Anime and Manga list

Anime List recommended setting:

• Score
• Episodes
• Tags
• Image
• Premiered
• Studios

Manga List recommended setting:

• Score
• Chapters
• Volumes
• Tags
• Image

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Tilt/main.css";

Nhentai

Based template: eroiyatsu

List type: Manga list only

Manga List recommended setting:

• Numbers
• Score
• Chapters
• Volumes
• Magazine
• Image
• Published Dates

How to use:

@\import "https://cover.mal.rl404.com/[MAL_USERNAME]/manga?style=.data.image+a%5Bhref%2A%3D%22%2F%7Bid%7D%2F%22%5D%7Bbackground-image%3A+url%28%7Burl%7D%29%7D";
@\import "https://cdn.jsdelivr.net/gh/rl404/MyAnimeList@v1.3.1/Nhentai/main.css";

Other

Guides

• General guide for classic list
• General guide for modern list

Useful Links

• Image-finding site, CSS tutorial, and CSS generator
• Rendered images
• Premade layouts (classic)
• Premade layouts (modern)
• Image/wallpaper rotator
• Image resizer

Contact Me

Found a bug? Want to share your design here? Have a question? Or just want to talk? I would be very happy.

• Create an issue (if you found bug only)
• PM me in MyAnimeList (rl404)
• Email me (Axel.rl.404@gmail.com)