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:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episodes
• [x] Tags

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] 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/[email protected]/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/[email protected]/Madoka/mainmanga.css";

Saber

Based template: Hahaido

List type: Anime and Manga list

Anime List recommended setting:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episodes

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] Volumes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/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:

• [x] Numbers
• [x] Any 2 from Score, Type, and Episodes

Manga List recommended setting:

• [x] Numbers
• [x] Any 2 from Score, Chapters, Volumes, and Episodes

How to use (for anime and manga)

• Hestia theme:

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Danmachi/mainhestia.css";

• Lili theme:

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Danmachi/mainlili.css";

• Ais theme:

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/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:

• [x] Score
• [x] 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/[email protected]/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/[email protected]/Anohana/main.css";

Expander

Based template: dzikibambus

List type: Anime and Manga list

Anime List recommended setting:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episodes
• [x] Tags

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] Volumes
• [x] Tags
• [x] 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/[email protected]/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/[email protected]/Expander/mainmanga.css";

Expander Dark

Based template: dzikibambus

List type: Anime and Manga list

Anime List recommended setting:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episodes
• [x] Tags

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] Volumes
• [x] Tags
• [x] 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/[email protected]/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/[email protected]/Expander-Dark/main-manga.css";

Bakemonogatari

Based template: Kiokuzoku

List type: Anime and Manga list

Anime List recommended setting:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episodes
• [x] Rating
• [x] Tags

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] Volumes
• [x] Tags
• [x] 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/[email protected]/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/[email protected]/Bakemonogatari/main.css";

Bakemonogatari 2

Based template: Valerio Lyndon

List type: Anime and Manga list

Anime List recommended setting:

• [x] Score
• [x] Type
• [x] Tags
• [x] Genre
• [x] Notes
• [x] Image
• [x] Premiered

Manga List recommended setting:

• [x] Score
• [x] Tags
• [x] Type
• [x] Genres
• [x] Notes
• [x] Image

How to use

• For anime:

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Bakemonogatari-2/mainanime.css";

• For manga:

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Bakemonogatari-2/mainmanga.css";

Rezero

Based template: xvote

List type: Anime and Manga list

Anime List recommended setting:

• [x] Score
• [x] Type
• [x] Episodes

Manga List recommended setting:

• [x] Score
• [x] Chapters
• [x] Volumes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Rezero/main.css";

Modern Image

Based template: RobbiRobb

List type: Anime and Manga list

Anime List recommended setting:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episodes
• [x] Image

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] Volumes
• [x] 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/[email protected]/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/[email protected]/Modern-Image/main.css";

Nier:Automata

Based template: killingdyl

List type: Anime and Manga list

Anime List recommended setting:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episodes
• [x] Premiered
• [x] Studios
• [x] Licensors

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] Volumes
• [x] Magazine

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/NierAutomata/main.css";

Persona 5

Based template: Kiokuzoku

List type: Anime and Manga list

Anime List recommended setting:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episodes

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] Volumes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Persona5/main.css";

Polygon

Based template: Cateinya

List type: Anime list only

Anime List recommended setting:

• [x] Numbers
• [x] Score
• [x] Type
• [x] Episode
• [x] Rating
• [x] Tags
• [x] Image
• [x] Premiered
• [x] Studios
• [x] Licensors

How to use:

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Polygon/main.css";

Night Shift

Based template: Cateinya

List type: Anime and Manga list

Anime and Manga List recommended setting:

• [x] Any except Demographics and Notes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Night-Shift/main.css";

Blackout

Based template: Valerio_Lyndon

List type: Anime and Manga list

Anime and Manga List recommended setting:

• [x] Any except Demographics and Notes

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Blackout/main.css";

Tilt

Based template: Valerio_Lyndon

List type: Anime and Manga list

Anime List recommended setting:

• [x] Score
• [x] Episodes
• [x] Tags
• [x] Image
• [x] Premiered
• [x] Studios

Manga List recommended setting:

• [x] Score
• [x] Chapters
• [x] Volumes
• [x] Tags
• [x] Image

How to use (for anime and manga):

@\import "https://cdn.jsdelivr.net/gh/rl404/[email protected]/Tilt/main.css";

Nhentai

Based template: eroiyatsu

List type: Manga list only

Manga List recommended setting:

• [x] Numbers
• [x] Score
• [x] Chapters
• [x] Volumes
• [x] Magazine
• [x] Image
• [x] 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/[email protected]/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 ([email protected])