This website is intended to be used by users who wish to add cover images to Classic list designs. If you are using a Modern list design, then you do not need this service. You can learn more about the differences here.
1. Sign In
You first need to sign in with your MyAnimeList account. This website then periodically scans your profile and updates the global stylesheets to include your anime and manga entries.
For privacy reasons, MyAnimeList does not share NSFW entries from your lists. As a result, the generated CSS will not contain CSS rules to add their cover images.
2. Link to a Generated Stylesheet
It may take a few hours after registration before your profile is scanned. Once your anime and manga list has been scanned, you can then import one of the following stylesheets in your list design.
If you are using a list design that someone else has created, please consult the original developer. If you are creating your own list design, read the next section for more information.
Important Note on CSS Imports
Since MyAnimeList only allows external images URLs in CSS, you will need to use an invalid import syntax in order to import the file (web browsers will still be able to parse the import).
How This Works
Every anime and manga entry in your lists will contain HTML elements with unique identifiers. You can style these uniquely identifiable elements to display the corresponding anime's or manga's cover image in their backgrounds.
For example, the anime Ginga Eiyuu Densetsuopen_in_new has an id of 820 on MyAnimeList. If you have this anime in your list, then your list page will contain the following HTML.