Web Crossing


Introduction

Installation & Upgrade

Web Crossing Features

Customizing & Scripting

UniqueIDs, Full Paths & URL Codes

Basic Customization

Server-Side Scripting

Web Crossing Template Language (WCTL)

WCTL Code Examples

Server-Side Scripting: Web Crossing JavaScript (WCJS)

User & Access Issues

Data Organization & Management

Performance Issues

Appendix

Site Map

Basic Customization: Creating Custom Backgrounds and Link Colors with the Body Tag

Backgrounds
Link Colors
Other Body Tag Code
Troubleshooting
Resources

 

You can change text and link colors through the Quick Configure page without getting your hands dirty in HTML, but in order to add a background image, you'll have to edit the body tag. You can, of course, use this area to set text or link colors instead of using the Quick Configure page, or to set colors other than those available there.

Web Crossing and Custom Backgrounds

To install a custom background image, first place the image into your Web Crossing images directory, or in some other browser-readable directory on the web.

Then go to the Control Panel > Customizing > Banner, footer, background, and top-level-page appearance, toward the bottom of that page.

The text there says: "URL for background pattern, or #rrggbb for background color"

If you're installing a background image, type either a relative or absolute URL to your background image into that blank.

If you simply want to change the background color, type in the hex number of the color you'd like to use. Be sure you precede your color name by a pound sign: #. If you wanted a black background, for example, you would type in:

    #000000

Web Crossing will interpret it as a bgcolor entry if it begins with a hash mark (#) and as a background image entry otherwise.

Click Update Top-Level Settings at the bottom of the page, and the page will reload and display a sample page with your new settings, including your new background. If you like what you see, click OK at the bottom of that page. If you want to make further changes, use the Back button in your browser to go back to the Edit page.

Changing the Link Colors

You can also specify link colors in the same space, by putting additional hex numbers. You can add:

    LINK=#FF0000 VLINK=#FFFF00 ALINK=#FFFFFF

or anything else you'd normally put in a Body tag.

Be sure to specify your background color or image first, before you add any link color changes, or your colors won't be displayed correctly.

When you're done, click Update Top-Level Settings.

Figure 1 - Screenshot of Sysop Control Panel with tags for a background pattern and custom link colors

Screenshot of sysop control panel

Other Body Tag Code

You can put other code into the body tag, such as style sheet information, topmargin or leftmargin settings, etc., with a maximum of 250 characters total.

 

Troubleshooting

My background image doesn't show up.

  • Check the page source to see where Web Crossing thinks it is. Is it really there?
  • Is the file named correctly? Does capitalization agree with what you typed into webx? Some servers have case-sensitive file systems.
  • Did you specify the correct URL? If you have trouble with relative URLs, try an absolute URL.

My link colors don't show up right.

  • Check to see if your hex numbers are correct
  • Check your HTML for typos or misconfiguration

Resources

See Folder Customization Chart.

Sysop Control Panel

  • Customizing
    • Banner, footer, background, and top-level-page appearance
  • Customizing
    • Quick Configure
Sysop Documentation


A Non-Programmer's Guide to Web Crossing
by Sue Boettcher and Doug Lerner

© 2000 Web Crossing, Inc.