All premade CSS layouts to install are found on this page! We have had over 1,000 layouts posted in this group since I opened this club, all of which can be found through this page. You can click on the layout pictures below to be taken to the source code for the layout you want to use! If you are looking for the CSS tutorials, check this thread instead. For older layouts to customize the classic list style, click here. See the stickies for all ways to customize MyAnimeList. If you need help or want to make a request, you can ask in this thread but please check our repair thread for common solutions. Premade layouts for other parts of MyAnimeList There are templates and layouts for signatures, profiles, and even the website itself through Stylus. Signature: https://myanimelist.net/forum/?topicid=2077151 Profile: https://myanimelist.net/forum/?topicid=2077518 Stylus: https://myanimelist.net/forum/?topicid=2073022 Backup Files Many of our layout codes and graphics have been backed up here for preservation (credit to Valerio_Lyndon, me, and V-O-I-D) https://www.dropbox.com/sh/zqx841qytz64x69/AACtdWl4ogmZ3gLqsfAAvNi9a?dl=0 You probably want "MAL CSS Archive". https://drive.google.com/file/d/1xEIVK9gmDW21-jdMs8NV11Ye7z1TFc_G/view |
Shishio-kunOct 1, 2023 9:28 PM
Recommended Layouts Popular and reliable! Supports all settings and list types. Easy to install, and simple to customize! Click the thumbnail for the source code CSS. Your theme also needs to be set to modern and I recommend changing USERNAME at the top to yours for full preview pics. Click the links below for quick visual guides on this if you need help, or see the video/text guides for full tutorials (here).     After your layout is installed, you can also customize it with notes in the code and our CSS tutorials. You'll simply paste new CSS code into the same box where you entered your layout code, usually at the very bottom. Here's a quick visual guide. To give you an example, try pasting this code in the spoiler into the bottom of your CSS and see what happens! The full list of CSS tutorials and extensions can be found here. |
Shishio-kunJan 22, 7:51 PM
Fully-Customized Layouts Change these layouts to any anime theme - Easily! We've edited these layouts to make them as simple as possible to change to any other anime theme. They also support all settings and list types now. There are several more variations in the thread, and an additional tutorial video on changing the themes if you need it. Click a layout pic to view the official page and find the code! Remember! To use these make sure you have your list style set and saved to Modern on this page. Install the layout to your selected theme. If you need a guide, use the video tutorial: https://youtu.be/cA0g4HkNLic         |
Shishio-kunJan 22, 7:46 PM
Theme Customiser by Valerio_Lyndon The easiest way to make and edit list layouts! The ap will generate codes for you based on many of our most popular layouts. It also makes it very easy to make CSS changes to each layout, and automatically puts the CSS changes into the generated code- paste the codes into your Add CSS box. Remember! To use these make sure you have your list style set and saved to Modern on this page. Install the layout to your selected theme.  Official Topic: https://myanimelist.net/forum/?topicid=2036380 Github page: https://valeriolyndon.github.io/Theme-Customiser/?tags=modern |
Shishio-kunJan 22, 7:50 PM
Minimalist Layouts These gorgeous minimal layouts were donated by our club members for you to use! Keep in mind they may have specific list settings you need to use for the layout to look best and minimal. Remember! To use these make sure you have your list style set and saved to Modern on this page. Install the layout to your selected theme.       |
Shishio-kunJan 22, 2:03 PM
Valerio_Lyndon's Layouts Some of the best layouts on MyAnimeList! They are very balanced and support all settings, with lots of support from the designer. Change the text and pics! Remember! To use these make sure you have your list style set and saved to Modern on this page. Install the layout to your selected theme.             You can also view and install some unfinished and unreleased designs by Valerio here: https://myanimelist.net/forum/?topicid=393503&show=400#msg69253941 |
Shishio-kunJan 22, 2:06 PM
More Donated and Requested Layouts These gorgeous layouts were donated by our club members for you to use! Keep in mind they may have specific list settings you need to use for the layout to look best. Remember! To use these make sure you have your list style set and saved to Modern on this page. Install the layout to your selected theme.                                       |
Shishio-kunJan 22, 2:07 PM
Customizable Default Layouts (change the colors easily) Recolors of the default, supports all settings. Upload a background and cover same as the default. Make sure your theme is set to Modern before installing. Install the theme with the source code link on the layout's page. Click the links below for quick visual guides on this if you need help, or see the video/text guides for full tutorials (here).         |
Shishio-kunJan 22, 2:14 PM
| Retro theme customiser here |
Shishio-kunJan 22, 2:14 PM
| Retro direct link thumbnails here |
Shishio-kunJan 22, 2:14 PM
| Reserved for future use just in case 🤓 |
Thanks for adding this! :D If I could be a bother though and request a small change, would you be able to switch the linked URL to the base Customiser URL, without the custom query parameters? This one: https://valeriolyndon.github.io/Theme-Customiser/ [url=https://valeriolyndon.github.io/Theme-Customiser/][img]https://i.postimg.cc/K8hzKStL/CTA.png[/img][/url] [size=80][url=https://valeriolyndon.github.io/Theme-Customiser/]To install any of the themes, just click on this image.[/url][/size] If you would rather not change it, just let me know. (Just delete this post if you ever need the space in this thread btw) |
| @Valerio_Lyndon sure, its done! |
Hey this prob isnt the place to ask about but any of you know how can I make this old Classic css list to use on modern css? I found it on this thread (also im not being able to put the code on a spoiler so the code is on the thread i mentioned) |
k1rbMar 31, 2023 7:03 PM
 |
k1rb said: Hey this prob isnt the place to ask about but any of you know how can I make this old Classic css list to use on modern css? I found it on this thread (also im not being able to put the code on a spoiler so the code is on the thread i mentioned) For those you usually have to change over everything manually, using Inspect Element it'd be possible to do that live switching the selectors and then making adjustments. https://myanimelist.net/forum/?topicid=2077862#msg68651728 Probably a lot of work, but if you leave out the topbar icons it'd be way easier. |
Shishio-kunMar 31, 2023 8:07 PM
| Link seems to be for a private folder, may want to change this! |
Reply to Valerio_Lyndon
Link seems to be for a private folder, may want to change this!
| ty for letting me know, weird it got there in the first place (removed!) ah I see what I happened, I meant to update it later |
Shishio-kunOct 1, 2023 9:11 PM
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 |
7817 |
by hideso
»»
6 hours ago |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |