Before you can customize your board, you need to have a Custom layout saved (as opposed to a 'preview').
To do this, go to Control panel; Board Management; Change board theme/layout.
Check the option that says 'Copy it to the custom layout, and switch to using the custom one.' Click the 'Change theme' button.
Now, you can go to Control panel; Board Management; Edit layout /colors of your board; Manage Custom HTML content or Manage Custom Style Sheet (CSS) and add code there if you want.
Any customized CSS or HTML that you have added since selecting the skin will be deleted when you copy a skin to 'Custom.'
So, you should save any code you have added (to a txt file or similar) if you don't want to lose it.
Create a Test Board
If you want to see how a new feature looks or to make sure it works, why not create a test board?
It minimizes disruptions on your 'real' board and lets you test away without fear of messing things up (as if you would).
Have one window for your board's Control Panel and another for your board/test board.
Make your change(s) in the Control Panel and then switch to the other window, refresh the screen and see the change. That's very handy when trying out new ideas.
Back up, Back up, Back up
If you are adding code in the Custom CSS and HTML areas, it's a good idea to copy the code to a text file and save it. That way, if you do make a change that you don't like or didn't intend, you have a back up that will get you your old layout back.
Originally published in: Runboard Extra January 23, 2006
Re: How I get started designing a board? When making changes on a skin design try and place comments in your coding to remind you what you did. Trust me; you will be happy you did this when you revisit your codes at a later date.