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

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


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



Please read: To use these list tutorials and add-ons below, you must already be using or a custom CSS layout or your own Advanced CSS List Design.
All these tutorials below and add-ons require that. If you don't have that, simply visit the Beginner's Tutorial above to get started- its super easy!




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, Apr 7, 9:52 PM
 
This topic has been locked and is no longer available for discussion.