Applet

The vertical control panel for web site by Tatiana Konstantinova , 2000  lunya@hotmail.com

              This applet makes vertical control panels for the web pages. You can use any buttons (in GIF or JPG format) for it - all you need is one button , it also works even  without buttons (like one above). You can have up to 20 buttons on one panel, if you need more you can connect  two applets.Please write me if you find any bugs.

If you don't have any buttons and want the applet look like the left one then just copy the following text to your page and change the parameters with names of the buttons ,values of URLs and height parameter, you also can change the other parameters like fontsize and colors (specially "backcolor" that defines background):

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

<p align="center">
<applet code="Contour" codebase="http://www.angelfire.com/co/Lunya/images/" width="150" height="170">
<param name="button" value="but1.jpg">
<param name="name1" value="home">
<param name="link1" value="http://welcome.to/tanya">
<param name="name2" value="contour">
<param name="link2" value="http://www.angelfire.com/co/Lunya/Contour.html">
<param name="name3" value="freeware">
<param name="link3" value="http://www.angelfire.com/co/Lunya/freeware.html">
<param name="fontsize" value="18">
<param name="triangle" value="gold">
<param name="wait" value="100">
<param name="width" value="155">
<param name="height" value="170">
<param name="win_name" value="main">
<param name="backcolor" value="black">
<param name="fontcolor" value="pink">
<param name="contourcolor" value="blue">Sorry you don't have Java support
</applet>

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

If you prefer the central menu then copy and paste this code:

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

<applet code="Contour" codebase= "http://www.angelfire.com/co/Lunya/images/" width="150" height="230">
<param name="name1" value="home">
<param name="link1" value="http://welcome.to/tanya">
<param name="name2" value="contour">
<param name="link2" value="http://www.angelfire.com/co/Lunya/Contour.html">
<param name="name3" value="freeware">
<param name="link3" value="http://www.angelfire.com/co/Lunya/freeware.html">
<param name="name4" value="my site">
<param name="link4" value="http://welcome.to/tanya">
<param name="fontsize" value="18">
<param name="triangle" value="red">
<param name="wait" value="10">
<param name="width" value="155">
<param name="height" value="230">
<param name="but_height" value="30">
<param name="win_name" value="main">
<param name="backcolor" value="black">
<param name="fontcolor" value="blue">
<param name="contourcolor" value="gray">Sorry you don't have Java support
</applet>

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

For the right one copy this:

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

<applet code="Contour"  codebase= "http://www.angelfire.com/co/Lunya/images/"   width="160" height="170">
<param name="button" value="but2.GIF">
<param name="name1" value="home">
<param name="link1" value="http://welcome.to/tanya">
<param name="name2" value="contour">
<param name="link2" value="http://www.angelfire.com/co/Lunya/Contour.html">
<param name="name3" value="freeware">
<param name="link3" value="http://www.angelfire.com/co/Lunya/freeware.html">
<param name="fontsize" value="10">
<param name="triangle" value="lime">
<param name="wait" value="100">
<param name="width" value="165">
<param name="height" value="170">
<param name="win_name" value="main">
<param name="backcolor" value="black">
<param name="fontcolor" value="lime">
<param name="contourcolor" value="lime">Sorry you don't have Java support
</applet>

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

But the best way is to use your own buttons and upload the applet from you own site . To do it copy the "Contour.class" file to the directory of your site, then download the image that you'd like to use as a button to the same directory.Copy one of the html sections above to yuor site and customize it. Change the codebase URL - it should link to your site directory where are the image and the "Contour.class" files. Calculate the width and height parameters (width=button width, height=button height*button number + 10 *(button number - 1 )) if you don't have buttons then define the "but_height" parameter.

Here is the list of parameters:

Param name Value example Default value Comments
button mybutton.JPG no button A name of any image in JPG or GIF format
name1..name20 guestbook no You can use up to 20 parameters to define the text on the buttons,use it separated:name1,name2,...etc.
link1..link20 http://www.mysite.com no You can use up to 20 parameters to define the URLs of the buttons,use it separated:link1,link2,...etc.
fontsize 15 18 A number that defines a font size
width 80 150 Menu width, usually equals the button width
height 183 170 Menu height,usually equals (button height*button number + 10 (button number - 1))
but_height 25 50 Button height if no image is define as a button (no "button" parameter found)
wait 200 100 A number of milliseconds to stop when moving the triangle.
win_name contents current window The name of window where to open the defined URLs, if there is no this parameter then URL is opened in current browser window.
backcolor green black The name of color to use as the background.Only the main colors are supported. If the color is not found in the  collection then default color is applied.
fontcolor gray pink The name of color to use it on the titles of the buttons
contourcolor yellow navy The name of buton contour color when the mouse is upon.
triangle red yellow The name of color of the triangle

Finally this applet is free , please write me if you have comments :