Re-style MyAnimeList list layouts (CSS tutorial)

by | Jul 4, 2020 | 0 comments

Re-style MyAnimeList list layouts (CSS tutorial)

by | Jul 4, 2020 | CSS Tips and Tricks | 0 comments



The updated tutorial! Re-style your list layouts on MyAnimeList, even the default ones!

Our club: https://myanimelist.net/clubs.php?cid=19736

If you want to restyle the MyAnimeList forums instead:

Ask for help: https://myanimelist.net/forum/?topicid=1499052

Imgur upload page: https://imgur.com/upload

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

alternative for light layouts: http://pastebin.com/3vLJVNxc
alternative for dark layouts: http://pastebin.com/EZWvni6b

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

REPAIRING LAYOUTS: 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:

Get More Images, Renders, Render Requests, Wallpapers: https://myanimelist.net/forum/?topicid=1309917

CSS code mentioned for default lists:
body{
background-image: url(YOUR URL HERE);
background-size: cover;
background-attachment: fixed;
}

source