Forum Settings
Forums
New
Oct 20, 2013 11:03 PM
#1

Offline
Jan 2012
1578
This layout is custom CSS. If you don't know how to install it, use the easy starter tutorial: Beginner's Tutorial

For more layouts check the Full list of Premade Layouts.

More useful topics: All CSS tutorials * Fixing or changing covers * Changing headers





Main code






How to speed up and improve the layout look
For a better display, it's recommended you lower the number of list columns to better accommodate the layout table:
https://myanimelist.net/editprofile.php?go=listpreferences
You can also start the layout on Currently Watching or Reading rather than a larger category (go to Default Status Selected) to help speed up the load time. Save when done.

To further speed up the loading time of the list, you can delete any malscraper imports (these are for preview pics) and then use part B from this page:
https://myanimelist.net/forum/?topicid=439897
Paste the correct malscraper import from part B into your code (use the "more" import). You also need to switch the username SpaceCowboy with your own username. This can significantly speed up your lists.

If you are using this design on manga lists, you can add the matching manga import from part B and do the same. Switch DateYutaka with your own username.






Thanks to Valerio_Lyndon and Jery_Js for repairing this design!




Shishio-kunMay 24, 2023 4:21 PM
Reply Disabled for Non-Club Members
Jul 19, 2014 7:27 AM
#2

Offline
Feb 2010
12687
Whoa this has an animated intro! I didn't know that until now.
Jul 19, 2014 9:08 AM
#3

Offline
Jan 2012
1578
I made the intro after few days I posted this topic. But I guess in most cases you can see it only after you refresh a page since it needs some time for loading...
Jul 19, 2014 9:29 PM
#4

Offline
Mar 2013
287
Am I just dumb or is there just no way here to see a preview of this? o_o I wanna see the intro!
_____________________________________________________________

Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T

Here is the Official Rec Club list of Recommendations!
Jul 19, 2014 11:06 PM
#5

Offline
Feb 2010
12687
I can see in latest Chrome/Firefox. Maybe you need to update those and need to let the page load if your connection is slow. Just keep refreshing the page after you've given some time to the load the images.

@Hahaido: btw the zoom in + fade out is a smarter way to end animated intros rather than the just fade out, I didn't think of that before...
Jul 20, 2014 10:30 AM
#6

Offline
Mar 2013
287
Shishio-kun said:
I can see in latest Chrome/Firefox. Maybe you need to update those and need to let the page load if your connection is slow. Just keep refreshing the page after you've given some time to the load the images.


But which page should I be refreshing? I don't understand which page we're talking about or how to get there, unless it's this one (but the image here is .png, not .gif, so I am just lost ;;).

Do I have to copy paste the code and replace mine by it to see it? Or is there another way?
_____________________________________________________________

Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T

Here is the Official Rec Club list of Recommendations!
Jul 20, 2014 10:46 AM
#7

Offline
Feb 2010
12687
Its an animated intro for the layout, you need to install it or find someone with it and then you can load/refresh the list pages until you see it
Jul 20, 2014 6:02 PM
#8

Offline
Mar 2013
287
Ah, okay, thanks!
_____________________________________________________________

Come visit the Rec club! Everyone gets confused as to what they want to watch or read next. :T

Here is the Official Rec Club list of Recommendations!
Dec 26, 2015 10:50 PM
#9

Offline
Feb 2010
12687
This layout has changed a little with an intro image, and the OP is restored with an image preview
May 7, 2017 11:50 PM

Offline
Feb 2010
12687
Fixed in the opening post.
Apr 13, 2022 11:22 AM

Offline
Feb 2010
12687
Background images repaired thanks to jery_js!!! :D
May 21, 2023 9:41 PM
平沢唯

Offline
Dec 2016
2206
99% of the theme works, but if anyone wants the original Gothic font restored, add this import to the top of the code:
@\import "https://files.catbox.moe/vbv9sh.css"; /* Encient German Gothic font */


And to fix the category buttons being hard to select sometimes, here's some code you can add to the bottom:
#list_surround table:nth-of-type(3) {
	width: auto;
}


May 23, 2023 4:05 PM

Offline
Feb 2010
12687
Valerio_Lyndon said:
99% of the theme works, but if anyone wants the original Gothic font restored, add this import to the top of the code:
@\import "https://files.catbox.moe/vbv9sh.css"; /* Encient German Gothic font */


And to fix the category buttons being hard to select sometimes, here's some code you can add to the bottom:
#list_surround table:nth-of-type(3) {
	width: auto;
}




Thank you, the OP is updated with your fixes! :D
Reply Disabled for Non-Club Members

More topics from this board

» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Apr 15, 2010

7924 by Shishio-kun »»
Yesterday, 1:50 AM

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

Valerio_Lyndon - Apr 19, 2018

1262 by Shishio-kun »»
Sep 22, 4:35 AM

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Jul 21, 2017

382 by Shishio-kun »»
Sep 22, 4:29 AM

Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )

Shishio-kun - Feb 16, 2023

57 by Shishio-kun »»
Sep 22, 4:27 AM

Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templates

Shishio-kun - Feb 16, 2023

31 by Shishio-kun »»
Sep 22, 4:14 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login