[CSS - Modern][Anime/Mangalist] Eorzea Collection

Shishio-kun said:
Wow beautiful! One of my favorite yet. Thanks for sharing here with us in its own topic- I've featured it on the front page, added it to the modern list gallery, and added the links to the start tutorial at the top. I'm sure many people will be using this soon!

Thanks again!

Kaetokiha said:


Thanks a lot. It's an awesome layout and i'm using it already.

There was just one thing i tried to change and it was that green bad behind the list. I'm not THAT found of green so i tried to found that bar in the code, but i coudln't find it so i gave up.

Either way i liked this layout a lot.

body { background-image: none !important }

Kaetokiha said:


Thanks a lot. It's an awesome layout and i'm using it already.

There was just one thing i tried to change and it was that green bad behind the list. I'm not THAT found of green so i tried to found that bar in the code, but i coudln't find it so i gave up.

Either way i liked this layout a lot.

Valerio_Lyndon said:
You might not have turned off the background image in your settings:

Try turning that off and saving. If it is still an issue try adding this to the bottom of your custom CSS box.

MurakumoJP said:
Thank for reporting this error, I have made corrections in CSS and more such error should not be.

Kaetokiha said:
I updated my list with the new code and that green bar disappeared. I thought that bard was intentional.
Thanks.

I noticed something else too. I was using the entire code on GitHub and not simply this code....
@import url('https://murakumo-jp.github.io/MyAnimeList-CSS/Eorzea_Collection/Eorzea_Collection.css');
because when i used this code above the covers of the animes got really pixelate.

Because i was trying to remove that green bar before, i already now that this line of the GitHub code is what makes the covers show the way they should.
@charset "UTF-8";
@import url('https://malcat-gen.appspot.com/series?template=.data.image a[href^="/$list/$id/"]::after{background-image:url($series_image)}');

MurakumoJP said:
The cover of the catfish is updated with a slight delay.

Kaetokiha said:


No it's not a simple delay, i let the page there and the cover will stay bad like that forever.

You can take a look at my list if you want to see. I took away that line of code so you can see how the covers are appearing.

MurakumoJP said:
Need to use this code separately from the main CSS.
I understand, thanks. )))
and excuse me for bad english.

Habura said:
I tried to fixe the blurry images using this topic https://myanimelist.net/forum/?topicid=443333 , but none worked =x

Shishio-kun said:
OK I'm going through all the modern layouts and editing the topics to make sure we're all standardized and using the same @import formats so other users can see the layouts (this will hopefully cut down on issues later).

I edited the code in the OP a bit to this, so other users and logged out ppl can see the CSS. I hope that's ok with everyone! I hate doing it but kinda have to do it for club member's sakes.

Changed it to this:

@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkafter";
@\import "https://murakumo-jp.github.io/MyAnimeList-CSS/Eorzea_Collection/Eorzea_Collection.css";



Also added "Layout Code" for more consistency between topics

Habura said:
I notice something, I don't know if this is a problem of the CCS or Myanimelist, but when you visualize someone list with this Layout, and you click in animelist or mangalist inside the list, you are redirected to your own list. I tested in your list Murakumo and happened the same thing.
Any ideas? Or I'm missing something? =x

UkePaChan said:
Hello~
I've had some trouble with this layout and it doesn't seem to be just me.
The thing is that the list seems to repeat after a certain point (in my edited AND unedited version. Only the "completed" section seems to be affected)
I see the same issue in OP's list.
So the list just gets crazy long because it just restarts a few times.
I'm using firefox.

Help would be appreciated~

Shishio-kun said:


Install the latest version in the OP and it should work fine again

anemonespotte said:


Strange, i still have problems with blurry images
rest is working and looking great

Shishio-kun said:


Hard to give a solution without seeing the layout on your list

Some of the codes in the OP got reset a bit, but I just fixed them back, so maybe try them again and let us see how it looks to determine what you could

Shishio-kun said:
OK I'm going through all the modern layouts and editing the topics to make sure we're all standardized and using the same @import formats so other users can see the layouts (this will hopefully cut down on issues later).

I edited the code in the OP a bit to this, so other users and logged out ppl can see the CSS. I hope that's ok with everyone! I hate doing it but kinda have to do it for club member's sakes.

Changed it to this:

@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkafter";
@\import "https://murakumo-jp.github.io/MyAnimeList-CSS/Eorzea_Collection/Eorzea_Collection.css";



Also added "Layout Code" for more consistency between topics

Habura said:
I don't know why but sometimes when I am scrolling my list, specifically the "completed" section, the scroll bar starts to get really big and then the anime starts to repeat o_O

Habura said:
I don't know why but sometimes when I am scrolling my list, specifically the "completed" section, the scroll bar starts to get really big and then the anime starts to repeat o_O

BenRyan said:
@Shishio-kun

Hi! i have a question do you know how to fix the blurry images in my manga list

https://myanimelist.net/mangalist/BenRyan?

btw it's working fine in anime list.

Thanks

MHeroine-X said:
Nice
Simple to edit
But what is this thing that I dont have on the left?
https://i.imgur.com/TSdjfp2.png
https://i.imgur.com/Wid2sA2.png

Did i make something wrong?

SilverEyes_ said:
@Shishio-kun
@MurakumoJP

There two problems...
The first is the blurry images https://puu.sh/D9Es2.png

And the second... idk why but only me can see the layout... when i try to see my animelist without being logged in, the website shows the default theme lol
https://puu.sh/D9EsU.png

well, im sure i did everything right...
https://puu.sh/D9Etm.png
https://puu.sh/D9EqH.png
https://puu.sh/D9Eub.png

@import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkafter";
@import "https://murakumo-jp.github.io/MyAnimeList-CSS/Eorzea_Collection/Eorzea_Collection.css";
.list-container .cover-block {
background-image: url("https://i.imgur.com/U6iWyNM.jpg") !important;
}

@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkafter";
@\import "https://murakumo-jp.github.io/MyAnimeList-CSS/Eorzea_Collection/Eorzea_Collection.css";

.list-container .cover-block {
background-image: url("https://i.imgur.com/U6iWyNM.jpg") !important;
}

Shishio-kun said:


You probably need a backslash after @ in the lines that say @import

so like



This info is under "Fix broken layouts" on the front page, please check there first for any new questions since a lot of them are covered there

SilverEyes_ said:



Thx, it's all perfect now <3 https://myanimelist.net/animelist/SilverEyes_

jotaku20 said:
sry im new to this css.can I use this as my manga list?

Shishio-kun said:


Yes I believe you can; there's recommended manga settings in the OP

Simik31 said:
Hey there!
Is there some special way to have those Rx covers over hentai content?
I can't figure why it doesn't work...
Thx for help :)

Valerio_Lyndon said:
Looks like Murakumo created the effect by using Tags. If you add the "Hentai" tag to a list entry, it should add the overlay.

Esdeath-san said:
I really like this layout but it seems that for me the CSS has a very small problem. I'm on safari and the plan to watch tab in the top seems to return to the next line in the middle and "to Watch" is not on the top black bar. Maybe this is just a safari thing and it works on chrome? (I just checked and it works on chrome guess its safari just being dumb).

.list-container .status-menu-container .status-menu {
	display: block;
	white-space: nowrap;
}

Valerio_Lyndon said:
Safari often has quirks like that unfortunately. At any rate, you could try adding this code to the bottom of your CSS to see if it helps. I'm not using Safari atm so taking a bit of a guess, but it may help.

Esdeath-san said:
Thank you so much man this worked!