hTmL-hElPz~BP tidbits [some]

:continuous updates:

HTML Tidbits
created just for you~by :j:

:everyday:

HTML Tidbits

Changing the left-side info :
To change the left side of your page you will use a table. This will show up different on Netscape. Use the following <TABLE> tag:

<TABLE STYLE="position: absolute; top: 263; left: 0;" WIDTH="123" HEIGHT="850" BORDER="0" BGCOLOR="#FFFFFF" BORDERCOLOR="#33CCFF"><TD VALIGN="top">Put the changes of your info that you want right in here... </TD></TABLE>

The code in red can be altered to your likings on how it is viewed on your page.
Changing mouse over colors on links:
To make the color change when the mouse goes over a link, just modify the style tag by adding descriptions for links.

<style type="text/css"></style>

This style tag, a:link, a:active, a:visited, and a:hover mean the following: a:link describes the link itself; a:active describe an active link, meaning when you actually click on the link; a:visited describes a link that has been visited; and a:hover describes a link when the mouse moves on top of it. So when you specify a color that is different for a:link and a:hover then you will see a change in color when you move your mouse over a link. This will not work on Netscape. You can also make the font bold when you put your mouse over your links by adding this font-weight: bold inside the links description, be sure to separate the descriptions with a ;. I added a font-weight: bold on the a:hover part of the tag.
Message Box:
To change the background of your message box, you will have to use the STYLE tag. If you have used the STYLE tag already you can simply add this code inside the two STYLE (starting and ending) tags:

INPUT,TEXTAREA {background: #999966 url(http://www.myhomepage.com/mybackground.gif)}

If you do not have a STYLE tag already then add this code:

<STYLE TYPE="text/css"></STYLE>

If you want to change the font color and font face of the text inside the message box, then add these attributes inside the INPUT,TEXTAREA properties:

INPUT,TEXTAREA {font-family: Helvetica; color: blue;}
Page Border:
Want a border that surrounds your entire page? You will have to use STYLE tag (again). Like above,if you already have a STYLE tag in your code then just add this code:

BODY {border-style: solid; border-top-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-right-width: 10px; border-color: #663399;} And just like above, if you do not have a STYLE tag, make sure you put one(like the above example).
BP Launch:
Let's say you don't want to sign on BP but you want to see what friends of yours is on. Just copy and paste the following url into the address bar and just add the name of the member at the end where I have html_4u:

http://www.blackplanet.com/Members/index.html?LAUNCH_PAGE=http://members.blackplanet.com/html_4u

Pop-up alert-box:
Use the alert function like this:

<IMG SRC="jAvascript:alert('Your message goes here.')" WIDTH=0 HEIGHT=0>

Put your message where it says, Your message goes here.
How to change the status bar:
To diplay a message on the status bar (found at the bottom left side of your browser), use this code:

<IMG SRC="jAvascript:window.status='Status bar message goes here.';" WIDTH=0 HEIGHT=0>

Place your text where it says, Status bar message goes here.
Look at the status bar at the bottom of the page..
How to redirect your page:
To redirect your page to another page, use this:

<IMG SRC="jAvascript:window.location('http://www.wcm1.net/Resources')" WIDTH=0 HEIGHT=0>

Just put your url in where I placed mine.
Open up a new window :
To open up a new window browser when your page loads, use this code:

<IMG SRC="jAvascript:window.open('http://www.wcm1.net/Resources')" WIDTH=0 HEIGHT=0>

Replace http://www.wcm1.net/Resources with the url of the page you want to open up.
Glowing font:
"Filter" property found in the "style" attribute. To make your text or image glow, place your text inside this table tag: <TABLE BORDER=0 STYLE="filter:glow(color=#FFFF00,direction=150,strenght=3)"> <TR> <TD>Your glowing text goes here.</TD> </TR></TABLE>

There are 2 types of filter that you can use, glow and shadow. Above is the glow effect, you can use the shadow effect by simply replacing the value in red from the code above with the value shadow to get teh shadow effect, and you can mess with the text in red to what you like..below is an example:

Your glowing text goes here.
or
Your glowing text goes here.

hmmm..shadow looks cool..
Want some BP music for your page or some background music..hit this spot Bootboyz in care of Tarantula_1 on BP..If you use his stuff, hit him up with thanks, okay now!!

*If your not sure how to take the code off of this page and into your page. This is how you do it: take your cursor on your mouse and go the the beginning of the code. Left click down and hold it then dragover/highlight the code till the end. Let go of your mouse. Now the code will be highlighted. Hold down Ctrl & C key at the same time. Then go to your page and you will paste your background onto your page. Go between where it says <head> and </head> and click your cursor to the left then release your mouse, then hold down the Ctrl & V key at the same time. Then Presto you have added your background. [If you have any problems feel free to contact me..]