Forum Settings
Forums
Must be a Club Member to Reply 
#1
Apr 7, 2016 9:47 PM

Offline
Joined: Feb 2010
Posts: 5969
Links to all topics in the Modern CSS category are on this page. See all club categories here: Club Index.

Looking for a premade layout instead? Premade templates are found on this page: Premade Layouts.

If you are trying to find a tutorial for the classic CSS, see here: Classic CSS tutorials


Tell everyone! It's easy to customize the new modern CSS!


Please read:
To use these list tutorials and add-ons below, go to this page and be sure you have your list style set to Modern (save afterward).
http://myanimelist.net/ownlist/style
You will add codes to the Add Custom CSS box on the page for the theme you are using (explained in the beginner's tutorial).
Modified by Shishio-kun, May 8, 12:15 AM
 
#2
Apr 15, 2016 6:37 PM

Offline
Joined: Feb 2010
Posts: 5969
Easy beginner's tutorial on using premade list layouts

Start here if new! With these videos you'll quickly learn how to install custom CSS layouts to your lists. I link you to all the layouts below.

How to install a modern-style premade layout

Official Topic with text alternative tutorial: http://myanimelist.net/forum/?topicid=1499052

Youtube Link: https://www.youtube.com/watch?v=FeYbQEpf0l0
Premade Layouts: http://myanimelist.net/forum/?topicid=1499058
Repair a broken layout: https://myanimelist.net/forum/?topicid=439897




How to add/change backgrounds and preview pics on the modern list style


Youtube Link: https://www.youtube.com/watch?v=oFbSBAiNPGA
Modified by Shishio-kun, Dec 9, 2018 5:35 PM
 
#3
Apr 15, 2016 6:37 PM

Offline
Joined: Feb 2010
Posts: 5969
Quick Tips and FAQs


Remove the default banner



How to add thumbnails (cover pics) to the modern style




Apply a premade layout to Modern CSS



How to upload or change the background or banner


How to add a background if MAL says your background image is too large, or if the uploader doesn't work



How to make your wallpaper cover the entire screen on all resolutions


How to change the manga list


How to switch to classic layouts

Modified by Shishio-kun, Jan 3, 2017 12:05 AM
 
#4
Nov 2, 2018 10:30 PM

Offline
Joined: Feb 2010
Posts: 5969
More Tutorials

Making an original theme out of a premade layout (video)
https://myanimelist.net/forum/?topicid=1640096

Youtube Link: https://youtu.be/cA0g4HkNLic




Making your own original list layout (video)
https://myanimelist.net/forum/?topicid=1788327

Youtube Link: https://www.youtube.com/watch?v=8besPyPQlzQ





Use Inspect Element to customize your CSS live and find any code (video)

https://myanimelist.net/forum/?topicid=1780591

Youtube Link: https://youtu.be/cTGbVutdqfc





All CSS Codes/Find any code (video)
https://myanimelist.net/forum/?topicid=1781239

https://www.youtube.com/watch?v=bI13AHX3jFw





Big Preview Pics on any layout

https://myanimelist.net/forum/?topicid=1751705




Big Preview Pics and/or Tags on hover

https://myanimelist.net/forum/?topicid=1751661



Add Headers to the modern list style

https://myanimelist.net/forum/?topicid=1533551


Reposition your list layout

https://myanimelist.net/forum/?topicid=1563080


Add custom row highlights to your list layout

https://myanimelist.net/forum/?topicid=1567153


Add an animated intro to your modern list

https://myanimelist.net/forum/?topicid=1562009


Color Coded Tags

https://myanimelist.net/forum/?topicid=1628610





Got a question?
Use the Ask a Question topic: http://myanimelist.net/forum/?topicid=200323


Modified by Shishio-kun, Jun 27, 3:15 PM
 
Top