Ipboard 22 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 IP.Board 2.2. 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. 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. 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.

Page 1 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Global Board Elements

Guest Bar

Page 2 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Board Index

Forum Index

Page 3 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Topic View

Page 4 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Friends List Popup

Quote & Code Boxes

Drop Down Menus

Page 5 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Posting Form

Page 6 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

User Control Panel

Member List

Page 7 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Profile View (2.2 Profile Style)

Page 8 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Profile View (Legacy)

Calendar Event

Page 9 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Monthly Calendar View

Page 10 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Weekly Calendar View

Simple Search Form

Page 11 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Advanced Search Form

Search Results Page

Redirect Screen

Page 12 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

My Assistant

Online List

Help Pages

Page 13 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

PM Inbox

Registration Form

Page 14 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Portal

Error Message

Page 15 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.

Printable Topic

Page 16 of 16 IP.Board CSS Guide 2.2 © 2002 - 2006 Invision Power Services, Inc.