Domain Registration Tutorial - for - quick start for newbie making first domain account

 PHP CSS HTML Template code generator for 2 column tableless layout .

 CSS HTML Form Maker - Colorful Layout Generator that creates a box around the form.

Tutorial on making an PHP template.  Links to several free php templates

css template generator - form generated css code for 3 column w header n footer

css tutorial site for elimination of tables for webpage layout

cgi 101 tutorial - how to setup a cgi counter - set permissions, etc

Custom 404 Error or block folder listing script - tutorial

Answer the questions to grade a web site - a tutorial on professional web site design rules

Contact us (or other) php form tutorial (hide your email address from spam robots)

Tutorial on optimizing images for a web page

Tutorial on making thumbnail images that link to full size image

Tutorial for setup of Java applet - lake class - snow - overlap code  - two web pages

HTML basic code / webpage tag tutorial for newbie

Tutorial and Tips for site submission to search engines

Monthly Bandwidth calculator that teaches webmaster how to estimate required bandwidth per month

Email tutorial - how to set up Outlook express (OE)  - or other mail clients

WS-FTP LE (light edition) tutorial for setup of FTP program for upload, etc

HTML tips (tags) for use on message board / forum

HTML tags n Tips on posting an image on a message board or forum

HTML code generator - code maker for basic HTML tags for a message board or forum

Allowable color nameS for browsers (instead of using numbers for colors)

Metric Conversions from IBDprince

Site Map for all the ibdhost webhosting sites

Hosted by IBDhost webhosting service


See Blog

Valid XHTML 1.0!
Valid CSS

Code is:

<p align="center">

   <applet code="lake.class" width="280" height="440">
  <param name="image" value="mypic.jpg">
  <param name=overlay value="over.gif">
  <param name="href" value="">


End of Code>


  1. lake.class
  2. mypic.jpg
  3. over.gif
  4. The width & height of the original image (then you make adjustments to align the overlay).


  1. This overlay is a simple transparent gif banner (over.gif).
  2. This overly is also a 'link' to the main Java tips page.

Example 2

  1. This example has a special transparent gif with the top half and the 'water' area set as the transparent color (over2.gif - see images below :)

Code is:

<p align="center">
<applet code="lake.class" width="280" height="350" alt="Lake Overlay">
<param name="image" value="mypic.jpg">
<param name="overlay" value="over2.gif">

End of Code


  1. lake.class
  2. mypic.jpg
  3. over2.gif
  4. The width & height of the original image (then you make adjustments to align the overlay).

To better explain how this works - here are the two images. The .jpg image is the top half of the original image. The overlay (over2.gif) image is the original image (with the top half and the area where the 'lake effect' will appear) filled in with the transparent color.

mypic jpg over2 gif
(mypic.jpg) (over2.gif)

BTW: Some people don't understand transparent colors. Hint: the transparent color is always invisible (i.e. transparent - so you never see it - even inside an image). Some people reading this page think the transparent color is white = NOT TRUE. The background color that shows thru the transparent color is White. The transparent color is one that will not be used in the image (such as dark pink :)

Contact Form

Updated: Wed, Jul 09, 2008

© 1995-2008