IP.Board v2.3 Classic Skin CSS Guide

This guide has been created to give you an at-a-glance view of the names of the CSS elements that are used across the IP.Board 2.3 Classic Skin. The guide has been divided into different sections depending on what area of the board you wish to customise. Many HTML bits are identical throughout the board so have not been duplicated here - for example; the posting screen is the same for sending PM's and adding new calendar events in the default skin. So by changing one you will be changing them all.

The basic board wide elements are not mentioned on each page - but to edit these (such as the board wide default font) you can edit the elements in the first section right at the top of the CSS file. This guide simply shows you the elements that make up the different pages across the board. The white lines separating table cells throughout the board can be changed by editing the background colour of .borderwrap / .borderwrapm . The drop down menu and submit button styles are can by changed by editing .dropdown and .go - however please note that not all browsers will support the editing of these.

Just click on the thumbnail below of the section that you are looking to edit.

There are two different coloured arrows contained in the guide. Green arrows show CSS elements that control the font style only in the default skin. Red arrows also affect the background/table of that section.

IP.Board 2.3 Classic Skin CSS Guide © 2002 - 2007 Invision Power Services, Inc.