This topic has been locked and is no longer available for discussion.
Links to all topics in the Premade Layouts category are found on this page. See all categories here: Club Index. If you want layouts for the classic style CSS instead, see here: Classic Layouts All thumbnails below are clickable and take you to the topic of the layout displayed. A source code should be there. Take and edit any layout you want! Installing a layout is easy! Choosing one is hard.. How to install a modern premade list layout Pick a layout from the thumbnails below. Make sure you have list style set to modern (click here) and install the layout CSS code to your selected theme. For a guide use the simple video below, or see the alternative text tutorial with additional help and FAQs. Video Link: https://www.youtube.com/watch?v=FeYbQEpf0l0 How to change backgrounds and add preview pics (covers) You can add preview pics by checking Images on this page. This video can guide and explain more including adding backgrounds! Resources mentioned in video Imgur upload page: https://imgur.com/upload Remember after uploading, you can edit the image as I do in the video! Topic 1 on adding HD preview pics to Modern: https://myanimelist.net/forum/?topicid=1751705 Topic 2 on adding HD preview pics to Modern: https://myanimelist.net/forum/?topicid=1751661 Modern Layouts with Preview Pics built in: https://myanimelist.net/forum/?topicid=1499058#msg45619592 For LIGHT layouts transparency code: http://pasted.co/7e2a0588 For DARK layouts transparency code: http://pasted.co/2b6f5447 List of simple transparent layout templates: https://myanimelist.net/forum/?topicid=1501171 Classic Premade layouts with preview pics: https://myanimelist.net/forum/?topicid=318587#msg37396975 Topics on adding preview pics to Classic: https://myanimelist.net/forum/?topicid=1162203 Topic on fixing preview pics for Modern or Classic: https://myanimelist.net/forum/?topicid=439897 Google Images: https://images.google.com/ Waifux2: https://waifu2x.booru.pics/ Premade layout installation video: https://www.youtube.com/watch?v=FeYbQEpf0l0 CSS code mentioned for default lists: body{ background-image: url(YOUR URL HERE); background-size: cover; background-attachment: fixed; } How to make more advanced list customizations like changing fonts Use an advanced CSS tutorial for what you want to do: https://myanimelist.net/forum/?topicid=1499059#msg56132876 How to repair a broken layout You should reinstall it and see if the latest version is fixed. If its broken, please report it to us. Also this topic covers many ways to repair a broken layout on your own: https://myanimelist.net/forum/?topicid=439897 ![]() Modified by Shishio-kun, Oct 19, 2019 3:03 PM |
Customizable Basic Layouts 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. Click a layout pic to view the official page and find the code. If you need a guide, use the video tutorial: https://youtu.be/FeYbQEpf0l0 ![]() Modified by Shishio-kun, Feb 11, 2019 2:55 AM |
Easy-to-change Fully-customized Themes 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. These layouts were edited to make them easy to change to any other anime theme. There are several more variations in the thread, and an additional video on changing themes if you need it. Click a layout pic to view the official page and find the code! If you need a guide, use the video tutorial: https://youtu.be/cA0g4HkNLic ![]() Modified by Shishio-kun, Mar 17, 2019 5:05 PM |
Advanced Modern Layout Codes 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. Click a layout pic to view the official page and find the code. If you need a guide, use the video tutorial: https://youtu.be/FeYbQEpf0l0 Shelter layouts are now easier than ever to make into your own theme! ![]() Modified by Shishio-kun, Dec 20, 2020 6:37 PM |
Mapped list layouts For finding the names of sections/selectors and making original layouts. Since the selectors are in the CSS and everything is color coded, its easier to customize the layout live. https://myanimelist.net/forum/?topicid=1531417 Use this tool to easily customize a layout live: https://myanimelist.net/forum/?topicid=1780591 ![]() Modified by Shishio-kun, Jun 13, 2019 4:56 PM |
Graphic, Member Card, and Profile layout PSDs Our pool of PSDs can be found here: https://myanimelist.net/forum/?topicid=1764165 About Me layouts and PSDs http://myanimelist.net/forum/?topicid=1464099 http://myanimelist.net/forum/?topicid=1441980 ![]() Modified by Shishio-kun, Feb 11, 2019 2:44 AM |
This topic has been locked and is no longer available for discussion.