Forum Settings
Forums
This topic has been locked and is no longer available for discussion.
 
#1
Mar 28, 2012 9:12 PM

Online
Joined: Feb 2010
Posts: 3892
Links to all topics in the CSS tutorials category are found on this page. See all categories here: Club Index.

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

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




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 Classic (save afterward).
http://myanimelist.net/ownlist/style

Easy beginner's tutorial on using premade list layouts
Start here if new! You'll quickly learn how to install custom CSS layouts to your lists- plus change the background and fonts with ease!
Beginner's Tutorial




Easily editing all the parts of any layout

Editing CSS can be easy and fun this way. Even beginners can do it!


Using Inspect Element - live editing, find codes, and sample different styles





































Misty border around list


Border around whole list page



Small add-ons for your list


Custom Cursor
Add the weather to your list!
















Coding for multiple resolutions, phones, and browsers
These CSS hacks will provide for better compatibility on your list in other browsers and resolutions when codes work differently on them.


Set specific CSS to target specific browsers -advanced-
Set specific CSS to target phones and/or different computer screen resolutions individually -advanced-




Finding CSS codes and hacking selectors
These tricks will help you find the codes you need and also hack them when they aren't working in your layout.


Viewing and finding CSS codes
How to view/copy anyone's codes
Using Inspect Element - live editing, find codes, and sample different styles
How to use Firebug (very powerful CSS tool) -advanced-
Get any CSS code -advanced-


CSS selector hacks
Code priority and !important -advanced-
Fixing selectors broken by MAL's CSS edit box -advanced-
Set specific CSS to target specific browsers-advanced-
Set specific CSS to target phones and/or different computer screen resolutions individually -advanced-









More stuff

Hahaido's Tips and Tricks
Club officer Hahaido shares a plethora of his own useful tricks for list design in his topic.
http://myanimelist.net/forum/?topicid=443937

Seaven's Complete Guide
A guide on becoming skilled in CSS, art design, and making proper wallpapers for your list.
http://myanimelist.net/forum/?topicid=1319115

Suggest tutorial ideas
http://myanimelist.net/forum/?topicid=439909

Don't need a tutorial? Got a question instead? Ask here or check the FAQ:
http://myanimelist.net/forum/?topicid=200323

Must have add-ons for list designers!
http://myanimelist.net/forum/?topicid=416051
Modified by Shishio-kun, Sep 4, 11:07 PM
 
This topic has been locked and is no longer available for discussion.