SMF For Free Support Forum

I have created a color coded forum for this.    You can move around the forum and see where each color is used:    You do not need to signup to use it.  Its sole purpose is for you to look around and to be able to easily see where the areas are in the css to make it easy for you to create a style.

Color Coded Stylesheet Help

Check the links at the bottom of this post for more help.

Since it is hard to see all the borders I did a close up screenshot of the area up by where the time is.
This should help you with the borders.





FINDING THEM IN THE CSS



.bordercolor can be found here:

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #FF09DA;
padding: 0px;
}




.tborder can be found here:

The first number  (border)  is the .tborder color
The second number (background-color) is the .tborder background Color


/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #696969;
background-color: #C0C15F;
}





.catbg, .catbg2, .catbg3 border bottom found here:


.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}




.titlebg border-bottom and border-top here:



/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: #000000;
font-style: normal;
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/tutorial/titlebackgroundimage.png) #C0C0FF repeat-x;
border-bottom: solid 1px #9BAEBF;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}




---

I came across the following Tutorial for the Default CSS 
It was written by patrick from the simplemachines forum.
It should help you alot.   It describes each section in the css (with pictures)
patrick's tutorial

Links for finding color codes:

http://html-color-codes.com/
http://www.december.com/html/spec/color.html
http://meyerweb.com/eric/tools/color-blend/
http://www.webmonkey.com/webmonkey/reference/color_codes/
http://www.computerhope.com/htmcolor.htm#03

Info for doing backgrounds:
How to put a background image on your forum
   
Change Tab colors:
http://www.smfsupport.com/support/stylesheet_codes_and_help/tab_background-t7554.0.html;msg35921#msg35921
   
To learn css, look things up:
http://w3schools.com/css/default.asp