HTML and Code design insider tricks

Setting the right Scroll Bar colours for that extra professional touch

 

Image used - NONE

 

See-How its done

A very useful PR Visual Grabber trick, and very simple to setup.  The theory is that a user with IE4 (or higher) will immediately see a different Scroll Bar than what they are used to seeing, and hopefully get an impression of extensive graphical knowledge associated with your website.  If the pschological theory works then the user will subconsciously remember the site for its attention to detail and out of the ordinary design. 

All you need to do is place the HTML Code between the <HEAD> and </HEAD> Tags and change is the six numbers after each # if you require a different colour scheme .  These represent the colour code - a complete list can be found on this page CLICK HERE

For an example of this in action see -  See-Search Engines Main Page

Well that's the theory - try clicking on the example above and See-How it works.

 

HTML CODE - Setting Scroll Bar Colours  (cut and paste into HEAD Tags of your page)

<style>

BODY {

SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffcc; SCROLLBAR-3DLIGHT-COLOR: #330099; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffc4; SCROLLBAR-DARKSHADOW-COLOR: #ffcccc

}

</style>