<-- -->

Free Web Hosting : Free Hosting : Troubled Teens : Report Abuse



Home graphics Graphics CSS Toris Tutorials




iB3 --> Global Colours
See what Global Colours go where.

Below is an exact copy of the Global Colour Scheme from my Admin CP/Skins/Edit Skin Properties/. I was trying to take screen shots of every possible page and mark each one but I found that the combination of pages became too much. Since I couldn't see myself labelling all 50 or so pages I decided to take 18 full screen shots of what I thought were the most used pages. I then then labelled each part of the image to corespond with the number I put beside each line in the Global Colours listed below. The only downfall is that the screen shots are pretty big in file size (average size is over 100 kb) and will be a bit slow to download for regular phone modems. If anyone knows how to keep the clarity of an image while re-sizing it please contact me so I can fix the images. I use Paint Shop Pro and Adobe Photoshop. Thank you.

Numbers 1,3 and 4 are pretty self explanatory but I will go ahead and explain them in this paragraph just to be on the safe side since I did not include them in my screen shots.
#1) The table width pertains to how wide you want your board to go. If you want your board to fill the entire screen from left side to right side then choose 100% but to be honest, it usually looks better and is easier to read when you have a small amount of white space on either side so I would suggest leaving it at 95%.

#3) The board logo is obviously the Ikonboard logo at the top left position on the page. You can easily replace this logo with your own. You can either make up another logo, name it logo.gif and overwrite the current one found in your non-cgi/Skin/Default/images folder or you create your own logo and name it what you want but you need to put it in the same non-cgi/Skin/Default/images folder and write in the name in the Admin Control Panel you see below.

#4) The logo alignment indicates where in the invisible box the logo is placed. Experiment with right, left and center just to show you where it is placed with these variables.

I suggest you print this page (and even the screen shots) for easy identification purposes). Just compare the number in the far right column to the number on the screen shots. The same number can be, and usually is, on several pages.




Select Your Screen Shot

1 2 3 4 5 6 7 8 9 10
11 12 13 14 15 16 17 18


Category Assigned Colour Number Screen Shot
>  Table Information
    Table Width * 1 No Screen Shots
    Table Border Colour * 2 1
>  Logo Information
    Please make sure the logo is in the Images directory in the skin directory you are editing. There is no need to add the full URL
    Board Logo * 3 No Screen Shots
    Logo Alignment * 4 No Screen Shots
>  Miscellaneous Colours
    For posting screens, logging in screens, registration screens, etc
    Board HTML Background Colour * 5 3, 7, 8
    Misc. Table Cell Colour #1 (Light) * 6 1,2,4,5,6,7,8,9,10,11,13,14,15,16,17,18
    Misc. Table Cell Colour #2 (Dark) * 7 3,4,5,6,7,10,11,14,15,16,18
    Misc. Header Table Cell Colour * 8 4,5,10,14,17,18
>  Table Title Colours
    For posting screens, logging in screens, registration screens, etc
    Title Background Colour * 9 1,2,3,4,5,7,9,10,11,12,13,14,15,16,17,18
    Title Table Border Colour * unknown No Screen Shots
>  Forum Column Colours
    Forum Table Cell Colour #1 * 12 1,2
    Forum Table Cell Colour #2 * 13 1,2
    Pinned Topic Table Cell Colour #1 * 14 2
    Pinned Topic Table Cell Colour #2 * 15 2
>  Category Colours
    Category Title Background Colour * 16 1
    Nested Category (Expanded) Col. #1 * 17 1
    Nested Category (Expanded) Col. #2 * 18 1
>  Thread View Row Colours
    Thread Entry Colour #1 * 19 5,11,12,13
    Thread Entry Colour #2 * 20 12,13
    Edited by font size (in pt) * 21 No Screen Shots
>  User CP, User Bar Colours
    User Strip Background Colour * 22 1,2,4,5,6,9,11,15,16,17,18
    User CP Navigation Tabs: Active * 23 17,18
    User CP Navigation Tabs: Inactive * 24 17,18
>  Navigation Strip Colours
    Navigation Border Colour * 25 1,2,4,5,6,9,11,15,16,17,18
    Navigation Table Background Colour * 26 1,2,4,5,6,9,11,15,16,17,18