
You'll find all of our stores, links to some great products, and the ability to compare prices on everything.
For
best viewing of this page, please open to Full Screen.
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
UPDATE! UPDATE! UPDATE! We're discovering new ways to make the sig boxes work again. Stay tuned and we'll give you the news as we discover it. Some of the examples below only work for e-mail, some work in the signature box. Test is all we can tell you for now. To use something in your signature, don't copy the code, copy the actual
working HTML. Use our testing
page to customize your code, and then copy and paste the working example.
You cannot use it in the sig box, but you sure can save it and then paste it into
a posting. |
Briefly,
here are most requested instructions. If you really want to learn HTML
or just have a good reference book on hand when you need information, you might
be interested in the HTML
Pocket Reference, Creative
HTML Design.2, or HTML
4 For Dummies : Quick Reference
If you decide you want to go deeper, we highly recommend Platinum
Edition Using HTML 4, XML, and Java 1.2 with CD-ROM.
Understand that you are basically now learning the code for writing a web page.
If you want an easy way to do all this, you can try Dreamweaver
MX
You can
still add links in the body of the message the same as you always have. Simply
grab the heart from the window you want to become a link and drag it into the
message or the sig box.
You can also use the <A> tag. Almost all tags require a closing
tag when you are finished with the command that that particular tag invokes. So,
if you use the <A> tag, then you must close it after the necessary information
has been added with the </A> tag.
If you wish to make a link to this page, for example, and the text for the link
is AOL Signature Help, then the coding would look like this:
<A HREF="http://www.taylorshopping.com/AOLSignatureHelp.htm">AOL
Signature Help</A>
Looks like this:
AOL Signature Help
When you view this in your signature window, it will look very
unusual to you if you're not familiar with HTML. However, it will look even stranger
after you save it and go back to look at the saved preference. It will still
post to the boards as a link even though it does not appear so.
**NOTE: When you make changes to your
signature preferences, it is necessary to rewrite the links.
MARQUEES
If you wonder
what a marquee is, it's that sliding (up, down, sideways) text that you're seeing
in some signatures.
The basic HTML for this is:
<MARQUEE>Your
text goes here</MARQUEE>
This will look like this:
The variables you can create with this are many.
With the DIRECTION parameter, you can make it Directional:
<MARQUEE DIRECTION="right">Your text goes here</MARQUEE>
Then you can use the DIRECTION parameter of up, down, left or right. A right Directional
parameter will give you the following:
here's something a little more fancy
|
Use the source code to test in our test area with your own customization and then copy the actual working HTML so you can c-n-p it into AOL:
<TABLE align=center cellPadding=2 cellSpacing=2 bgColor=black><TR><TD bgColor=red><TABLE cellSpacing=2 bgColor=black><TR><TD><TABLE cellSpacing=0 cellPadding=0><TR><TD bgColor=white rowSpan=3><MARQUEE direction=up width=15 height=125><CENTER><font color=red face=Webdings size=2><B>Y<br>Y<br>Y<br>Y<br>Y<br>Y<br>Y<br></B></font></CENTER></MARQUEE><TD bgColor=white><MARQUEE direction=right><B><font color=red size=2 face=Webdings>YYYYYYYYYYYYYYYYY</font></B></MARQUEE><TD bgColor=white rowSpan=3><MARQUEE direction=down width=15 height=125><CENTER><font color=red face=Webdings size=2><b>Y<br>Y<br>Y<br>Y<br>Y<br>Y<br>Y<br></b></font></CENTER></MARQUEE><TR><TD bgColor=white><TABLE align=center cellPadding=2 cellSpacing=2 bgColor=black><TR><TD bgColor=red><TABLE width=100% cellSpacing=2 bgColor=black><TR><TD bgColor=black><CENTER><P align=center><font color=#FF99FF size=5 face="Amazone BT">Put your text<br>and/or<br>ascii art<br>here.</font></P></CENTER></TD></TR></TABLE></TD></TR></TABLE></TD></TR><TR><TD bgColor=white><MARQUEE bgColor=white><B><font color=red size=2 face=Webdings>YYYYYYYYYYYYYYYYY</FONT></B></MARQUEE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>
Enough
of explanations. You are here because you want something to work on those boards
and you haven't gotten it figured out yet, right? RIGHT!
The table below gives you the code to copy & paste on the left (for the old
style boards), and an example of what it does on the right (which you can copy
and paste into the new style boards.). You can find the hex color codes here
.
There are many variables within the codes. Experiment with them and
HAVE FUN!
|
|
THE CODE (which you only need for customization and testing.) |
WHAT IT DOES |
|||||||
<div align=center><div style="width: 104px; height: 112px; background-image: url('http://www.taylorshopping.com/haveaniceday.gif');"></div></div> NOTE: this only works in the Signature Box |
||||||||
| <DIV STYLE="position:center; top:50px; left:40px; width:200px; height:25px; background-color:pink; color:maroon; font-size:20; text-align:center; border:thin dotted; border-width: 10px;">Your text here!</DIV> | Your
text here! |
|||||||
| <br><DIV STYLE="position:center; background-color:#DEBAC8; color:maroon; font-size:20; text-align:center; color:white; border:groove; border-width: 5px; border-color:red">Your text here!</DIV><br> | Your
text here! |
|||||||
Now let's stack up the div tag: <DIV STYLE="position:center; width: 114px; height: 122px; background-image: url('http://www.taylorshopping.com/haveaniceday.gif'); background-repeat:no-repeat; align:center; border:groove; border-width: 5px; border-color:pink"></div> |
||||||||
| <table border="0" align="center" cellpadding="4" cellspacing="0" width="40%" bgcolor="#FFC0C0"><tr><td align="center"><table border="0" width="98%" cellspacing="0" cellpadding="4" bgcolor="#000000" align="center"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="4" width="98%" bgcolor="#FF8080" align="center"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="4" width="98%" bgcolor="#FFC0C0" align="center"><tr><td align="center"><table border="0" align="center" cellspacing="0" cellpadding="4" width="98%" bgcolor="#FF8080"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="4" width="98%" bgcolor="#000000" align="center"><tr><td align="center"><table border="3" cellspacing="0" cellpadding="4" width="98%" bgcolor="#000000" bordercolor="#FF8080" align="center"><tr><td align="center"><center><font color="#D8D8D8">Text<br>goes here<br>Give it a 3D look</font></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table> |
|
|||||||
| <TABLE WIDTH="70%" ALIGN="CENTER" CELLSPACING=5 BGCOLOR="#ACA651"><TR><TD WIDTH="20%" BGCOLOR="#000000"><CENTER><FONT COLOR="#FFFFFF"><B>Text Here</B></FONT></CENTER></TD><TD WIDTH="80%" BGCOLOR="#000000"><CENTER><marquee bgcolor="#C7C09E" direction=left>Text here</marquee><marquee bgcolor="#ffffcc" direction=right>and text here</marquee></CENTER></TD></TR></TABLE><CENTER> | ||||||||
<TABLE BGCOLOR="#000000" CELLSPACING=5 WIDTH="50%"><TR><TD ALIGN=center WIDTH="15%"><P><FONT SIZE="+1" COLOR="#FFFFFF"><B>Text<BR>Here</B></FONT><B><BR></B></P></TD><TD><P><FONT SIZE="-1" COLOR="#FFFFFF"><marquee bgcolor=000000 direction=left>Text here</marquee></FONT><FONT SIZE="-1" COLOR="#B3AD4D"> <marquee bgcolor="#FFFFFF" direction="right">Your Text</marquee></FONT></P></TD></TR></TABLE> |
|
|||||||
| <marquee><SUB><FONT SIZE="4"><B>W</FONT></SUB><FONT SIZE="4">i<SUP>g</SUP>g<SUB>l</SUB>y<SUP>~~</SUP>M<SUB> a</SUB>r<SUP>q</SUP>u<SUB>e</SUB>e<SUP>!</SUP>!</FONT></B></marquee> | ||||||||
<TABLE WIDTH="150" HEIGHT="30" BORDER=0><TR><TD ALIGN="CENTER" VALIGN="MIDDLE"><P><FONT SIZE="-1"><marquee width=150 direction=left scrollamount=9>Overlapping Marquee</marquee><marquee width=150 direction=right scrollamount=9>Overlapping Marquee</marquee></FONT></P></TD><TD WIDTH="50%" ALIGN=center VALIGN="MIDDLE"> <P><FONT SIZE="-1"><marquee width=65 height=30 direction=down scrollamount=3>Overlapping Marquee</marquee><marquee width=65 height=30 direction=up scrollamount=3>Overlapping Marquee</marquee></FONT></P></TD></TR></TABLE> NOTE: You can add a link within the marquee by adding the <A HREF> tag as instructed previously, right before the text in the marquee. Don't forget to add the </A> tag after the text that becomes a link. |
|
|||||||
<TABLE BORDER=3 align="center" cellpadding="8" CELLSPACING="5" BGCOLOR="#EF9191" BGCOLORLIGHT="#F0C2C2" BGCOLORDARK="#974F4F"><TR><TD ALIGN=center BGCOLOR="#000000"><CENTER><FONT SIZE="3" FACE="Tahoma" COLOR="#F0C2C2"><B>Test your text here</B></FONT></CENTER></TD></TR></TABLE> |
||||||||
<HR ALIGN="center" WIDTH=100 SIZE="2" COLOR="#CCCC00"> The same thing with no color specified: <HR ALIGN="center" WIDTH="100" SIZE="5"> |
|
|||||||
| <TABLE BORDER=1 WIDTH="45%" ALIGN="CENTER" CELLSPACING="5"><TR><TD BGCOLOR="#000000"><FONT FACE="Arial" COLOR="#ACA651"><CENTER><FONT color="#ACA651"><B>Set your text into<BR>a table with color</B></FONT></CENTER></FONT></TD></TR></TABLE> |
|
|||||||
<TABLE border=0 bgcolor="#8080FF" cellspacing=5><TR><TD align=center nowrap bgcolor="#000000"><CENTER><FONT size="+3" face="Arial" color="#CCCCCC"><B>A table with<BR>color borders</B></FONT></CENTER></TD></TR></TABLE> |
|
|||||||
<TABLE BORDER=1 WIDTH="45%" ALIGN="CENTER" CELLSPACING="7" bgcolor="#DDD87B"><TR><TD BGCOLOR="#000000"><FONT FACE="Arial" COLOR="#DDD87B"><CENTER><FONT color="#ACA651"><B>Set your text into<BR>a table with color</B></FONT></CENTER></FONT></TD></TR></TABLE> |
|
|||||||
| <a href="this_is_your_hover_text"><BUTTON>hover text on a button</BUTTON></A> | ||||||||
|
||||||||
| If you don't want the text underlined, do it this way: <A title=hover_text><BUTTON>Hover text</BUTTON></A> |
||||||||
| <TABLE BGCOLOR="#000000" CELLSPACING=5 WIDTH="65%"><TR><TD ALIGN=center WIDTH="30%"><P><FONT SIZE="+1" COLOR="#FFFFFF"><B>Text<BR>Here</B></FONT><B><BR></B></P></TD><TD><P><FONT SIZE="-1" COLOR="#FFFFFF"><marquee bgcolor=000000 direction=left>Text here</marquee></FONT><FONT SIZE="-1" COLOR="#B3AD4D"> <marquee bgcolor="#FFFFFF" direction="right">Your Text</marquee></FONT></P></TD></TR></TABLE> |
|
|||||||
| <font size='5' color='000000' style='position: center; 6px;' face='arial'><b>Shadowed Text</b></font><br><font size='5' color='B3AD4D' style='position: relative; left: 03px; top: -30px;'face='arial'><b>Shadowed Text</b></font> | Shadowed
Text Shadowed Text |
|||||||
| <br> <DIV align="center" STYLE="filter: dropShadow(color=#000000,offX=3,offY=3);width:40%"> <FONT SIZE="5" FACE="arial" COLOR="#B3AD4D"><B>Drop Shadow Text</B></FONT></DIV> |
Drop Shadow Text |
|||||||
| <DIV STYLE="filter: shadow(color=#ffff00,direction=45);
width:50%; color:#000000;"> <FONT SIZE="4" FACE="arial" COLOR="#ff0000"> <B>PUT YOUR TEXT HERE</B></FONT></DIV> |
PUT YOUR TEXT HERE |
|||||||
| <br><DIV STYLE="filter: blur(Strength=50); width:50%";> <FONT SIZE="5" FACE="arial" COLOR="#b3ad4d"> <B>Windy Text</B></FONT></DIV> |
Windy Text |
|||||||
| <DIV STYLE="position:center; width:90%; background-color:#9E9F73; font-size:12; text-align:center; color:gold; border-style:double; border-width: 5px; border-bottom-color:#515218; border-top-color:#9E9F73; border-left-color:#9E9F73; border-right-color:#515218; cursor:hand; display:inline"><DIV STYLE="filter: blur(Strength=50); width:80%";><FONT SIZE="5" FACE="arial" COLOR="#515218"><B>Windy Text in a table</B></FONT></DIV></div> |
Windy Text in a table
|
|||||||
| <DIV align="center" STYLE="filter: flipv; width:50%";> <FONT SIZE="4" FACE="arial" COLOR="#ff0000"> <B>Upside Down Text</B></FONT></DIV> |
Upside Down Text |
|||||||
| <DIV STYLE="filter: fliph; width:50%";> <FONT SIZE="4"
FACE="arial" COLOR="#b34ad4"> <B>Backward Text</B></FONT></DIV> |
Backward Text |
|||||||
| <marquee><SUB><FONT SIZE="4"><B>W</FONT></SUB><FONT SIZE="4">i<SUP>g</SUP>g<SUB>l</SUB>y<SUP>~~</SUP>M<SUB> a</SUB>r<SUP>q</SUP>u<SUB>e</SUB>e<SUP>!</SUP>!</FONT></B></marquee> | ||||||||
| <br> <DIV STYLE="filter: wave(Strength=2,lightstrength=50); width:50%";> <FONT SIZE="6" FACE="arial" COLOR="#B3AD4D"> <B>Wavey Text</B></FONT></DIV> |
Wavey Text |
|||||||
| <DIV align="center" ID="oFilterDIV" STYLE="position:center;
top:50px; left:10px; width:50%; padding:5px; font:bold 13pt verdana; background: yellowgreen; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black', Positive='true')"> This is pretty cool</DIV> |
This is pretty cool |
|||||||
| <DIV align=center ID="oDiv" STYLE="height:50px; color:black;
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#b3ad4d, endColorstr=#55FFFF00)" > A simple gradient box </DIV> |
A simple gradient
box
|
|||||||
| <CENTER><marquee scrolldelay="10" style=filter:wave(add=10,phase=1,freq=2,strength=30);" direction="UP" width="100%" scrollamount="1">You can<BR> put your<BR> text here</marquee></CENTER> | ||||||||
| <MARQUEE BEHAVIOR="slide" DIRECTION="left">Slide in text that stops</MARQUEE> | ||||||||
| <TABLE WIDTH="90%" ALIGN="CENTER" CELLSPACING=0><TR><TD ALIGN=center style="filter:glow(strength=5, color=B3AD4D" WIDTH="60%"><FONT SIZE="5" FACE="Arial" COLOR="#FFFFFF"><B>AOL MESSAGE BOARD HELP</B></FONT><FONT SIZE="-1" FACE="Arial" COLOR="#000000"><MARQUEE behavior="normal" direction="left" scrollamount=5><BR>WANNA DO THIS?</marquee></FONT><FONT SIZE="-1" FACE="arial" COLOR="#000000"><marquee direction="right" scrollamount=5>COPY THE CODE TO THE LEFT</marquee></FONT></TD></TR></TABLE> |
|
|||||||
| <TABLE WIDTH="50%" ALIGN="CENTER" CELLSPACING=0><TR><TD ALIGN=center style="filter:glow(strength=5, color=B3AD4D" WIDTH="60%"><FONT SIZE="+3" FACE="Arial" COLOR="#FFFFFF"><B><center>Name</center></B></FONT><FONT SIZE="-1" FACE="Arial" COLOR="#000000"><MARQUEE BGCOLOR="#FFFFFF" behavior="normal" direction="left" scrollamount=5>Text here</marquee></FONT><FONT SIZE="-1" FACE="arial" COLOR="#000000"><marquee BGCOLOR="#FFFFFF" direction="right" scrollamount=5>Text here</marquee></FONT></TD></TR></TABLE> |
|
|||||||
| <br><DIV STYLE="filter: glow(Color=#b3ad4d,Strength=6);
width:50%";> <FONT SIZE="4" FACE="arial" COLOR="#000000"> <B>Glowing Text</B></FONT></DIV> |
Glowing Text
|
|||||||
| <MARQUEE SCROLLDELAY=8 STYLE=filter:shadow(COLOR=000000 strength=7);" DIRECTION="left" BEHAVIOR="alternate" WIDTH="100%" SCROLLAMOUNT="1"><CENTER><FONT COLOR="#B3AD4D" SIZE="4">Shadow without a table</FONT></CENTER></MARQUEE> | ||||||||
| <MARQUEE ALIGN=center BEHAVIOR=alternate style="filter:wave(Add=0, Phase=2, Freq=2, LightStrength=5, Strength=3"><FONT SIZE="4" COLOR="#ACA651"><B>Wavy Text no table</B></FONT></MARQUEE> | |
|||||||
| <CENTER><marquee bgcolor=000000 WIDTH=100 BEHAVIOR=alternate HEIGHT=100 scrolldelay="1" style="filter:wave(add=30,phase=55,freq=2,strength=75);" direction="UP" width="50%" scrollamount="1"><FONT face="arial" COLOR="#C3AD4B"><CENTER>You can<BR>put your<BR>text here</CENTER></marquee></CENTER> | ||||||||