Today is . Page created 04/02/06, updated 05/28/06

Colored Crayons DHTML Color Constructor Construction Vehicle

HEX 6 #FFFFFF Thumbnail
HEX 3 #FFF
RGB rgb(255, 255, 255)
RGB [%] rgb(100 %, 100 %, 100 %)
Named Color yes » white
WebSafe Color yes
ReallySafe Color yes
[to create your own color just roll over the lines above]

H andy tool for website building, which returns hexadecimal color codes with their corresponding numerical values and also performs detection for named colors, Web Safe and Really Safe color palletes.

W e have tested the code in IE6.0, Firefox1.5.0.1, Opera8.52, Netscape7.02, Netscape8.1 and AOL Explorer1.2. This script worked in IE, Opera8.52 and AOL Explorer1.2. All other platforms tested it will "Not" work. It degrades well and you will not get any error messages.

D epending on your knowledge of HTML and javascripts, this is an easy four (4) part copy and paste code that goes in both the <HEAD> (2 parts) and <BODY> section (wherever you want it to appear) and an upload of an image. Once you paste all the sections, upload your image and make sure the path to the image is correct, you are just about done. There is a reconfiguration that can be made in the first part of the <HEAD> section. This is in the CSS Style sheet that has to do with the text inside the effect.

<style type="text/css">
table { font-family: Verdana, sans-serif; font-size: 8pt}
</style>

For Your Information For your Information:     In reference to the color of the text inside the effect. This color will be that of the text color defined in your <BODY> tag.

</head>
<body bgcolor="#000000" text="#?" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc" topmargin="0" marginheight="0">

T he site you get the code does not tell you about the image you need to "Save as" then upload into your directory. If you upload the image into a different directory then the "Top" directory (ie /images), then you will also have to change the path of the image within the code. This reconfiguration is done in the <BODY> section of code at the bottom.

Save This Image As rgb_lines.jpg

Save This Image As rgb_lines.jpg

Default Section Of Code
</table>
<hr width="600">
<table align="center" width="500"><tr>
<td align="center"><a href="javascript:void(0);" onmousemove="basicCheck();">
<img src="rgb_lines.jpg" style="cursor: hand" border="0"></a></td>
</tr><tr></p>
</td> </tr></table>

Reconfigured Section Of Code In Images Directory
</table>
<hr width="600">
<table align="center" width="500"><tr>
<td align="center"><a href="javascript:void(0);" onmousemove="basicCheck();">
<img src="images/rgb_lines.jpg" style="cursor: hand" border="0"></a></td>
</tr><tr></p>
</td> </tr></table>

T he site you get the code has it set up as a complete HTML document. Just go through the code and remove what you do not need so all you copy and paste into your document is the code itself.

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]   [ Rate This Page ]