H ex Coder. Just click on the above button, Type in the word for the color you want and it will give you the hex color and example. It will change the page color to that of your choice.
W e have tested the code in IE5.5, IE6, Netscape4.08 and Netscape7.0. This script worked well in all platforms with the exception of Netscape7.0 where the following variations were observed.
1) You can type in the word for the color, The page will change colors but it will not give you the hex code for the color you want, just the word you typed in initially.
T he only problem with this is that is changes the background of the page to the color you select. To avoid this happening, see below on how to design a new pop up page with the Hex Coder on it so this script does not interact with your entire page.
D epending on your knowledge of HTML and java scripts, this is a one step copy and paste code that goes anywhere in the <BODY> section you want the button to appear. Thats is, once the button is in place, let the script do its thing.
T he only thing you can do is if you do not want this script to interact on your whole page, then you can make a separate page to pop up with this effect on it. To achieve this effect, just make a new HTML document with the only thing on it being the code for the hex coder. So the new page would look like this:
<html>
<head>
<title></title>
</head>
<body bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc">
<basefont size="3">
<div align="center">
Code For Hex Coder Goes Here
<!----- Start Close Window Script ----->
<form>
<input type=button value="Close Window"
onClick="javascript:top.window.close();">
</form>
<!----- End Close Window Script ----->
</div>
</body>
</html>
A s you can notice, we added besides the hex coder script, a "Close Window" button to close the pop up window. This adds a little more professionalism to your page.
N ow the last thing you have to do is add the below java script into the <BODY> section of the page the pop up will be called from.
<A HREF="javascript:void(0)" ONCLICK="open('Path To Page Hex Coder Is On', 'myannouncer','toolbar=0,location=0,resizable=0,width=300,height=180')">Hex Coder Pop Up</A>
A s you can notice in the above script for the pop up window, There are a few different reconfigurations you can make. Below we will explain each one.
1) toolbar=0 Means No Tool Bar
2) location=0 Means No Address Bar For URL Address
3) resizable=0 Means You Cannot Change Window Size
4) width=300 How Wide The Pop Up Window Is In Pixels
4) height=180 How High The Pop Up Window Is In Pixels
Note: If you would change the 0 to the number 1, the attribute it is associated with will become visible instead of hidden.
Note1: The below links for the hex coder has all the attributes set for 0 ( zero ) and 1 ( one ) so you can see the differences.
[ Hex Coder Pop Up Attributes Set To 0 ]
[ Hex Coder Pop Up Attributes Set To 1 ]
S o now if you click on either of the above buttons, it will open a small pop up window with the Hex Coder on it.
I
f you would like to add this effect to your pages, just grab the below link and you are there. If you have any problems with this, feel free to contact us.
[ Get Code Here ]
|
Search Our Site By Individual letter
[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
[ G ]
[ H ]
[ I ]
[ J-K ]
[ L ] |
|
Little Tips Directory [ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ] |
|
[ Index Page 1 ]
[ Index Page 2 ]
[ Index Page 3 ]
[ Index Page 4 ]
[ Index Page 5 ] [ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ] [ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ News Letter Archives ]
[ Navigation Page ]
[ Archives Of Published Material ] |
If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today
This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.
Copyright © Consigliere Ltd., All Rights Reserved. 2001-