/MyAnimeList-Classic-RDJ-Theme

A Personal List Design for the website: MyAnimeList.net

Primary LanguageCSS

Description

This is a minimalistic flat designed List Style which focuses around showing the Anime's cover in a nice grid like structure, to be used on the website: MyAnimeList.net

You can find a newer updated version for the modern version of the MAL Style Design here: https://github.com/RafaelDeJongh/MyAnimeList-Modern-RDJ-Theme

Preview

AnimeListPreview

Features

This list style offer various features:

  • Fully responsive layout, works on desktop and mobile seamlessly
  • Flat, metro like design for an easy overview
  • Custom Header Image
  • Full cover generation with MAL-IMAGE
  • Overrides for specific list settings

Installation

As this is a list style was made before the list style update, you have to make sure your Template settings is set to "Classic".

Classic

After the template settings has been set, you can now add the following code to your Advanced CSS List Design.

The code used for the Anime List:

/*Designed by Rafael De Jongh*/
@import url("//malcat-gen.appspot.com/series?preset=more&user=ENTERUSERNAMEHERE&list=anime");
@import url("//rafaeldejongh.github.io/MyAnimeList-Classic-RDJ-Theme/styleMAL.css");
License{/*Profile Liststyle created for MyAnimeList.com by Rafael De Jongh - https://github.com/RafaelDeJongh/MyAnimeList*/}

And the code for the Manga List:

/*Designed by Rafael De Jongh*/
@import url("//malcat-gen.appspot.com/series?preset=more&user=ENTERUSERNAMEHERE&list=manga");
@import url("//rafaeldejongh.github.io/MyAnimeList-Classic-RDJ-Theme/styleMAL.css");
@import url("//rafaeldejongh.github.io/MyAnimeList-Classic-RDJ-Theme/styleOR.css");
License{/*Profile Liststyle created for MyAnimeList.com by Rafael De Jongh - https://github.com/RafaelDeJongh/MyAnimeList-Classic-RDJ-Theme*/}

Make sure to change the "ENTERMALUSERNAME" of the first import link to make the cover generator work properly!

This list is developed with the following List Settings:

Anime

  • Numbers
  • Score
  • Type
  • Episodes
  • Rating
  • Start/End Dates
  • Priority

Manga

  • Numbers
  • Score
  • Chapters
  • Volumes
  • Start/End Dates

If you do not want to make use of the Start/End Dates, then you can use the Template overrides mentioned below.

To change the banner image please add the following code under the license line:

#list_surround:before{background-image:url(//URLTOIMAGE.JPG)}

Using Template Overrides

There are currently two template overrides:

  • No Datum Anime Overrides
  • No Datum Manga Overrides

Both fix/disable the usage of the date attribute for your list.

You can add these overrides to your list style by importing these overrides styles after the main style has been loaded by adding another import url:

@import url("//rafaeldejongh.github.io/MyAnimeList-Classic-RDJ-Theme/TemplateOverrides/styleNDOR.css");