Contact Us
General
About using help
Help index
Common questions and problems
User Guides
How to insert our tools into your web site
Making the web pages match your site
color scheme
template
ForumBoard Builder
Registration System Illustrated Example Usage
Registration System User Guide
Image Store User Guide
Password Protector
Survey Builder
Registration Payment Service FAQ
What is a CSS stylesheet?
Tips and Tricks
Increasing security
Getting rid of the www.poppydog.com url
How to post a voting poll in your forum
Providing a template which is different for each tool
Specifying colors for your Visitor Tracker
URL Encoder tool
We provide two tools which enable you to protect your web pages, which one should you use?
Finding the invoice number for a PayPal transaction
Help for beginners
Inserting lines into the Head section
Viewing HTML source Code
Creating a link in your web page

PoppyDog Help Center

Setting the color scheme for your tools

The default color scheme that is used for all your tools is known as the master color scheme. It is usually important that you make sure the master color scheme uses the same colors as the rest of your web site. Many people will only ever be concerned with the master color scheme because they will want all their tool web pages to look the same. However you can also specify a separate color scheme for each of your tools.

Creating the Master Color Scheme the simple way

Go to the 'Members Area' | 'Colors/Template/CSS' | 'Master Color Scheme' page. On that page you will see that you can set all the colors that are used in the tool web pages together with specifying the fonts and the background image. There is a diagram at the top of the page which illustrates what colors need to be specified and where they are used. Once you've set the colors click the Save button and that's it, all your tools will use the color scheme that you have just specified. As a starting point for setting your master color scheme, you may wish to apply one of our predefined color schemes or themes.

Applying a predefined color scheme

We have predefined some master color schemes for you to use if you wish. These can be found on the 'Members Area' | 'Colors/Template/CSS' | 'Predefined Color Scheme' page. On that page simply choose a color scheme and then click on preview to get an idea of what the colors look like. If you find a color scheme that you like, click 'apply' to apply it to your tools. Once you've applied a predefined color scheme, you can make changes to it by editing the colors on the 'Members Area' | 'Colors/Template/CSS' | 'Master Color Scheme' page. This means that you can use a predefined color scheme as a starting point and then modify it slightly to get exactly the colors and style you want.

Creating the Master Color Scheme using CSS (advanced)

You can also specify a color scheme by supplying a master CSS stylesheet. CSS gives you much greater power over the style of your web pages. To apply a master stylesheet to all your tools, go to the 'Members Area' | 'Colors/Template/CSS' | 'Master CSS Stylesheet' page and enter your stylesheet in the box provided.

Table of CSS classes used by PoppyDog

Below is a table of the CSS classes used by PoppyDog. These are the classes that you should use in the stylesheet that you provide. (A useful illustration of where the classes are used for each tool can be viewed here.)

Class Description
bodybody of your web page
td default text format
h2the heading that appears at the top of 'some' pages
a:linklinks
a:activeactive links
a:hoverhover links
a:visitedvisited links
.titlebartitle bar
.titlebartexttext that appears in a title bar.
.simpleborderthe border which appears around some forms, some tables
.shade1one area of shading
.shade1texttext that appears in the shade1 area
.shade2a second area of shading
.shade2texttext that appears in the shade2 area
.selectall drop down lists (i.e. in forms)
.textinputall text input areas (i.e. in forms)
.buttonall buttons (i.e. in forms)
The following only apply if you are using the PoppyDog template:
h1the title that appears at the top of your template (e.g. web site title)

Creating separate color schemes for each tool (advanced)

You can supply a stylesheet for each tool. This means that your forum boards can look totally different to your surveys. For example, lets say that you have some forum boards created with Forumboard Builder. To supply a stylesheet specifically for your forum boards go to the 'Members Area' | 'ForumBoard Builder' | 'CSS Stylesheet' page and enter the stylesheet into the box provided.

Illustrations of class usage

The complete table of classes used by PoppyDog is given above. There is also an illustration of where the classes are used for each tool is given below :

Forum Boards
Message Boards
Guestbook
Registration System
Survey
Password Protector

How PoppyDog cascades the stylesheets that you provide

The style sheets you proved are cascaded in the following order:

  1. We import your default stylesheet which is automatically generated from the colors/fonts you specify on the 'Members Area' | 'Colors/Template/CSS' | 'Master Color Scheme' page

  2. We include your Master stylesheet (if you have specified one).

  3. We include the stylesheet for the particular tool (if you have specified one).

Because we cascade the stylesheets in the manner described above, you need only specify the classes that you wish to override.

Example

Lets say that you were happy with your your color scheme, except that you want some fancy border on your members login/registration pages. All you have to do is go to: 'Registration System' | 'CSS Stylesheet' and define the desired .simpleborder class definition e.g.:

<STYLE type=text/css>
.simpleborder{
background-color: #666699;
border: solid;
border-width: 4px 6px 4px 6px;
border-color: #8C64BE #4D3366 #663399 #B399CC}
</STYLE>

If you then look at the source code of your members login pages you will see, between the <head> </head> tags, something like the following:

<link rel="stylesheet" href="/ud/templ/28/1054295998665.css">
<STYLE type=text/css>
.simpleborder{
background-color: #666699;
border: solid;
border-width: 4px 6px 4px 6px;
border-color: #8C64BE #4D3366 #663399 #B399CC}
</STYLE>

In the above listing, the <link rel="stylesheet" href="/ud/templ/28/1054295998665.css"> line is where we import the default (automatically generated) stylesheet. After that line, you can see that we include the stylesheet you specified specifically for your Registration System.

Pages in this help section

Making the tool web pages match your web site
    - Setting the color scheme for your tools
    - Creating a web page template for your tools