Instant Messenger; Banners Using Tables; Text Areas
By ADH-HH Construction Crew
(January 2, 2000)
WebSite Instant Messenger
submitted by: GlimerMann
email
Ever wanted to place an instant messenger on your home page? GlimerMann offers an example of such a messenger and it's code:
Here is the code for the above:
<center>
<TABLE BORDER=5 WIDTH=400
bgcolor="666666" gradcolor="000000"><TR HEIGHT=7>
<TD ALIGN=CENTER COLSPAN=3 WIDTH=400>
<font color="#bcbc78" size="2"><b>SEND A QUICK
REPLY!</b>
</TD>
</TR>
<TR>
<TD ALIGN=CENTER><center>
<font color="#bcbc78">
<b>Instant Messenger</b>
</font>
<form action="mailto:GlimerMann@webtv.net?
no_signature=true &subject=Net4TV.Voice.article" method="post">
<input type="text" name="message"></TD>
<TD ALIGN=CENTER WIDTH=70>
<input type="submit" name="submit" value="SEND"
Borderimage="file://ROM/Borders/ButtonBorder2.bif" text="#bcbc78">
</form></TD></TR>
</TABLE>
</center>
[ed: BTW, you notice the above has set the email message that will be delivered as a result of using this Instant Messenger to be received without signature. This is a very helpful aspect that will definitely speed up reading your instant messages since you will not have to wait for any HTML to load. Additionally, we have added a second argument to the mailto tag - to automatically set the Subject line. This was done by placing an ampersand (&) then the signature=...... attribute. ]
Making Banners with Tables
submitted by: Bud email
Have you ever needed a text banner for a web page you were working on? It did not need to be real fancy did it? Well, using tables and making some easy changes to this code can make some cool looking banners. And it's relatively simple.
Here is the basic code to make a banner using tables.
<![CDATA[
<center>
<table width=75% cellpadding=3 border=3><tr>
<td bgcolor=#262626 gradcolor=#666666 align=center
valign=center transparency=35>
<font size=2 color=#cdaa7d effect=relief>
<b> Sample Text Banner</b></font> </td></tr></table>
</center>
]]>
The width can be adjusted higher (100% is the highest.)
And so can both the cellpadding (as changed in below example to 13) and border (changed to 8). These need to be done to your own taste and to go with whatever are your needs. Cellpadding determines how far from the cell's border the text will be placed. You will also notice a few interesting effects you can make by making the background transparent or semi-transparent
Now the fun part is changing the text, bgcolor, gradcolor, font size and the effect. Again mess with them because you can make the colors anything you wish both in the bgcolor and text. You can use different colors for the gradcolor or even eliminate it too. Sometimes the gradcolor may not be very apparent when used in a smaller table. Also you can use any of the WebTV effect attributes, too, such as <font effect=relief>. Embossed is another effect that shows up really well.
You can even replace the bgolor/gradcolor with a background you want to use, as in the following banner:
Why, you can even make a two line banner too. Just place a <br> tag where you want the first line to end.
~ Sample Banner ~
~Two Lines~
|
The previous banners were just some examples of what you can do. Below is a text area with the codes in it. When you put your cursor in it just hold down the cmd button and press the letter a . That will highlight the codes. Then while holding that cmd button press the letter c and copy it. Then you can paste it where you want to and make changes there.
[ed: Oh, for you who wonder about the codes to making the above text box, here it is:]
<![CDATA[
<form>
<textarea bgcolor="#262626" text="#44cc45" rows="3"
cols="45" autoactivate>
Enter IN THIS AREA whatever you want......
Enter it just as you would in a regular text editor
No need to use the < codes, etc.
It can then be easily copied by your visitors
........Got a good recipe?????.......
Etc., etc., etc.......
</TEXTAREA>
</form>
]]>
Happy New Year!!!
Upcoming articles planned::
More web-based-editors tips;
More updates to previous articles;
JavaScript tips;
Using Tripod's new CGI ability.
| 
