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:
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
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
Sysop
Documentation
|