Create a Gradient Background Effect

You can use the style tag to create a gradient background effect within your web
page. This effect can be used for your entire web page background, or within yo
ur table cells.
To use the gradient effect as your web page background, use the following BODY

tag:
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0C
FE2', startColorstr='#FFFFFF', gradientType='0');">

To use the gradient effect within your tables, place the following code within y
our table
tag:
style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2',
startColorstr='#FFFFFF', gradientType='0');"
Although you can edit the gradient colors indicated in red, keep in mind, in ord
er for the effect to display properly, you must use a light color and a darker c
olor.

-----------------------------------------------------------------------------------------------------------------------------------------

Open a new window on page unload

You can open a new window upon existing your web page by placing the following c
ode within your BODY tag:
<body onUnload=window.open('http://www.domain.com'); self.blur();>

----------------------------------------------------------------------------------------------------------------------------------------Colored Text Boxes
(Internet Explorer)
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bol
d; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
-----------------------------------------------------------------------------------------------------------------------------------------

Preventing Search Engine Indexing

To prevent a Search Engine from indexing a page, place the code below between th
e <HEAD> and </HEAD> tags.
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
This tag tells the robots not to index this page and not to follow any links wit
hin the page.
<META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW">
This tag tells the robots not to index this page, but follow any links within th
e page.

----------------------------------------------------------------------------------------------------------------------------------------How To Make Your Background Image Stationary

Stationary background images remain in one place even when scrolling through the
page. Only the text will move. To create this effect, place the code below with
in your <BODY> tag.
<body background ="yourimage.gif" bgproperties="fixed">

----------------------------------------------------------------------------------------------------------------------------------------Creating A Placeholder For An Empty Table Cell

Without using a placeholder within your blank table cells, your table will look
like this
Your Text Your Text
Your Text
By simply adding the &nbsp; character code within your HTML, your table cell wil
l be visible

Your Text

Your Text

Your Text
<TABLE BORDER CELLPADDING="4">
<TR>
<TD>Your Text</TD>
<TD>&nbsp;</TD>
<TD>Your Text</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD>Your Text</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>

-----------------------------------------------------------------------------------------------------------------------------------------

Adding An Image Background To Your Tables

The table below contains 2 columns and 1 row. The left column contains the image
. The original image appears below with a border to enable you to see the actual
size.
<TABLE BORDER="0" CELLPADDING="4" ALIGN="Center" WIDTH="50%">
<TR>
<TD BACKGROUND="bg.gif" WIDTH="10%"></TD>
<TD BGCOLOR="#EAE8E8"></TD>
</TR>
</TABLE>
----------------------------------------------------------------------------------------------------------------------------------------Replacing Your Standard Bullets With Graphic Bullets

You can use graphic bullets to replace the standard text bullets by using the "D
efinition List" tag. <DL>
List
List
List
List

Item
Item
Item
Item

one
two
three
four

<DL>
<DD><IMG SRC="yourimage.gif">List Item one</DD>
<DD><IMG SRC="yourimage.gif">List Item two</DD>
<DD><IMG SRC="yourimage.gif">List Item three</DD>

<DD><IMG SRC="yourimage.gif">List Item four</DD>
</DL>
-----------------------------------------------------------------------------------------------------------------------------------------

Sign up to vote on this title
UsefulNot useful