#############################################################################
22:12 18/09/2002          
                                 Huge scrollbar

                             http://www.neutron1.com

                                 2002 D J Slater

#############################################################################

how to install this script

TWO STEPS TO INSTALLING THIS SCRIPT
-----------------------------------------------------------------------------
STEP 1 = put this between the <head> </head> tags
-----------------------------------------------------------------------------
do not edit this part of the script

<!--start code -->
<!-- ---------------------------------------------------- -->
<!-- Title  Huge scrollbar                                -->
<!-- Copyright 2002 by D J Slater                         -->
<!-- http://www.neutron1.com                              -->
<!-- Please do *not* remove this notice.                  -->
<!-- Registered at http://www.scriptasylum.com            -->
<!-- ---------------------------------------------------- -->
<style>
BODY{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #222222; zoom: 2000%; margin-top: 0px; padding-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-style: none}
</style>
<style type="text/css">
<!--
.make_normal {  zoom: 5%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
-->
</style>
<!--end code -->

-----------------------------------------------------------------------------
STEP 2 = put this between the <body></body> tags
-----------------------------------------------------------------------------
this part may be edited to suit requirements

<!--start code -->

<table width="100%" class="make_normal" cellpadding="0" cellspacing="0" height="100%">
  <tr> 
    <td height="2"> 
      <p align="center">&nbsp;</p>
      <p align="center">please note with this version you click on the arrows 
        to move the scrollbar</p>
      <p align="center">put your content here</p>
      <p align="center">ive done this text in a table otherwise this text would 
        be huge </p>
      <p align="center">this table has a style attached to it called &quot;make_normal&quot;</p>
      <p align="center">if you wish to delete this table and put your own in </p>
      <p align="center"> attach the &quot;make_normal&quot; style to it</p>
      <div align="center">otherwise everything will appear much bigger or smaller 
        depending which size scrollbar you use</div>
      <p align="center">you have to fill the table with content </p>
      <p align="center">before you can see the scrollbar properly just like any 
        other scrollbar and</p>
      <p align="center"> you can still alter any of the scrollbars properties 
        colour shadow border etc.. as normal</p>
      <p align="center">&copy;2002 D J Slater</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </td>
  </tr>
</table>

<!--end code -->
-----------------------------------------------------------------------------
                                 
                                  thats it !! 

                     if you need more info see notes below

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

NOTES
-----------------------------------------
IMPORTANT INFO
-----------------------------------------
The "make normal" style has been applied
to the main table where your content goes
all your content must be put here
anything out side this table will appear
much bigger or smaller than usual 
depending on which size scrollbar
you are using
buttons,textfields,images and 
even background images

-----------------------------------------
background image
-----------------------------------------
if you want to use a background image
insert the image into the background
of the table other wise it will 
appear huge and pixellated
see the info below on how to do this

-----------------------------------------
putting a background into your page
-----------------------------------------
Find this line in the code above

<table width="100%" class="make_normal" cellpadding="0" cellspacing="0" height="100%">

REPLACE IT WITH THIS 

<table width="100%" class="make_normal" cellpadding="0" cellspacing="0" height="100%" background="putyourimagehere.jpg">

-----------------------------------------
adding a border
-----------------------------------------
look for this code

in the head part of the code itself


border-style: none


remove it and a border will appear

around your screen you wont notice this 

border much unless you change the setting when

using the medium giant or huge scrollbar

and then you cant miss it 

thats it :O)


-----------------------------------------
how the script works
-----------------------------------------
the script works by using the zoom style
this magnifies or decreases anything it is applied to



the zoom is set to 2000%

20 times bigger

so the table is set to 5%

20 times smaller 

making whatever is in the table 100%

(original size)


#############################################################################

                     get this Huge scrollbar free from

                          http://www.neutron1.com
                      
                        http://www.scriptasylum.com

                              2002 D J Slater

#############################################################################