🔎[ALL LIST EXTENSIONS AND TUTORIALS FOR MODERN CSS]

Step 1: Find List Style Design
Just click this link for step 1:
http://myanimelist.net/ownlist/style

Make sure your list to Modern Style by clicking this button (it may already set). Move on to step 2 afterwards.

Step 2: Set and save a default theme
Click the bubble under the default theme you want for your anime or manga list. When done, click the Save button uner all the themes.

Step 3: Click on the default theme you want to add a layout too.
Click the default layout you just selected in step 2 to begin this process of installing a premade layout over it (or, for advanced users, to start customizing the default layout). It will take you to the page where you can customize CSS.

Step 4: Go to the section I circled and add the codes for any MODERN-style premade layout you want.
CSS for layouts (and other CSS changes) go in the Add Custom CSS section (classic style premade layouts will NOT work here btw).

You can view our modern premade layouts and get their codes from here: http://myanimelist.net/forum/?topicid=1499058
If you're a beginner and want to customize your layout more intricately later, I strongly recommend using a Starter Layout first. They have notes built in to make them easy to customize and will teach you CSS basics.

Step 5: Save, and finish!
Simply scroll down the page past the CSS edit box, and click the save button circled here at the bottom of the page when done. Now you should have the codes or layout you want in, and can start customizing it if you want! Use the next post for that.

Waifu2x (upscaler and cleaner for your wallpaper images)
https://waifu2x.booru.pics/

CSS RGBA color codes, buttons, borders and more (CSS code generators)
http://css3generator.com/

https://html-css-js.com/css/generator/

https://cssgenerator.org/rgba-and-hex-color-generator.html

https://www.cssportal.com/css3-rgba-generator/

CSS Animations to copy and use
https://animate.style/

CSS Shapes to copy and use
https://css-tricks.com/the-shapes-of-css/

W3Schools (CSS examples to copy and use)
http://www.w3schools.com/

Cool Text (logo and button graphic generator)
http://cooltext.com/

Fontmeme (logo generator)
https://fontmeme.com/text-generator/

Flaming Text (logo and button graphic generator)
http://www15.flamingtext.com/

HTML color picker (color code finder)
http://www.w3schools.com/tags/ref_colorpicker.asp

Color Hex (color code finder)
http://www.color-hex.com/

dafont (free font source)
http://www.dafont.com/

CSS validator
https://jigsaw.w3.org/css-validator/

Find differences between two CSS codes
https://www.diffchecker.com/


Useful sites for finding images
Searching these sites for scenery, renders, and wallpapers, and your favorite characters and anime will be useful for your lists.

Pinterest (everything)
https://www.pinterest.com/search/pins/?q=anime%20scenery

Danbooru (wallpapers, scenery, renders, avatars, profile images, high quality fan art, animated GIF)
Guide to using Danbooru: http://myanimelist.net/forum/?topicid=464551

Konachan (wallpapers, renders, profile images)
Dirty version of the site: http://konachan.com/

Yandere (high quality wallpapers and profile images)

Anime-Pictures (scenery, animated GIFs, renders, wallpapers)

Deviant art (wallpapers, stock, vectors, renders, low to high quality fan art)

MG Renders Blogspot (renders)

Zerochan (profiles, avatars, wallpapers, scenery, humorous images)

Shushu (profile, avatar)

Minitokyo (large wallpapers and scans)

Freepik (image, stock, and vector resource)

Bakarenders (renders)

Renders Graphique (renders)
English version: http://www.renders-graphics.com/

Family Renders (renders and render requests)

Giphy (animated GIFs)

Tumblr (animated GIF)

Pixiv (profiles, avatar)
or use
https://danbooru.donmai.us/pools/2778

Found in these topics on images and useful sites
https://myanimelist.net/forum/?topicid=1309867&show=0#post1
https://myanimelist.net/forum/?topicid=1309917

Help and more resources

Use the Ask a Question topic: http://myanimelist.net/forum/?topicid=200323
Repair a layout: https://myanimelist.net/forum/?topicid=439897


Youtube link: https://www.youtube.com/watch?v=KWKJ3vyj2D8





Image help and sources: http://myanimelist.net/forum/?topicid=504129
Graphic Design: http://myanimelist.net/forum/?topicid=419631
Tools and Tips: http://myanimelist.net/forum/?topicid=513201
Useful and Sites Downloads: http://myanimelist.net/forum/?topicid=1309867
Get Feedback: http://myanimelist.net/forum/?topicid=413691
Donate Used Works: http://myanimelist.net/forum/?topicid=393503
Show off your Latest Design: http://myanimelist.net/forum/?topicid=318547