Dynamically Customized Icons

If you have wanted to include one or more of the Bonsai Icons on your pages but found that the Shadow color or the icon's Window Background color didn't quite fit with your page's background - help is here!! You can now include a Dynamically Customized Version of certain icons in the collection on your pages. A list of the available icons is at the bottom of this page along with links that allow you to test your color selections.

Now you can specify the colors to be used for the shadow and/or the icon's background window. Just look at the two examples below...

Original

 Custom Shadow


shadow=000050

 Custom Shadow & Background


shadow=000050
bg=849588

... or, how about ...

Original

 Custom Shadow


shadow=000000

 Custom Shadow & Background


shadow=000000
bg=bcc6ef

In both examples above, the first presentation (left) is the original icon with its original colors; however, the second and third presentations (center & right) are Dynamically Customized to change the color used for the shadow and the window background.

Using the customized icons is pretty simple - Really!

To include a customized version of one or more of the icons in your page, simply include a standard HTML image tag, of the format shown below, in which you specify your selections for shadow and bg colors...

The IMG Tag:

<img src="http://hav.com/bonicons/shadow1.gd?id=NAME&shadow=RRGGBB&bg=RRGGBB">

...or, for a customized RANDOM icon, try...

<img src="http://www.hav.com/bonrand/nph-pivcustom.htm?shadow=RRGGBB&bg=RRGGBB">

...or...

<img src="http://www.hav.com/bonicons/random_shadow.gd?shadow=RRGGBB&bg=RRGGBB">

...where

  • NAME should be replaced by the name of the icon to be included (see the list at the bottom of this page for icon names)
  • RRGGBB values should be replaced with a Hexidecimal RGB specification of your selection of color. Of course, different values of RRGGBB can be used for the shadow and bg parameters. (NOTE: if you are unfamiliar with RGB color specifications, there is a little helper available on the test page)

You may specify the id, shadow and bg parameters in any order - but be sure to notice that there are NO SPACES between any of the arguments and argument values in the tag.

Furthermore, you can change EITHER or BOTH the shadow and/or bg colors. If you don't want to change one of the colors, simply don't include it's specification in the tag - for example, all of the following are acceptable as tags...

<img src="http://hav.com/bonicons/shadow1.gd?id=mmbox.gif&shadow=505000">
<img src="http://hav.com/bonicons/shadow1.gd?id=mmbox.gif&bg=309550">

Finally, the argument names (id, shadow and bg) are case sensitive, so don't use ID or SHADOW or BG in the tag.

NOTE: Height, Width, and Alt attributes may also be included in the image tag but are not shown here to keep the line length down.

That's all there is to it! You can use the icons AND customize them to work with your selected background color or graphic.

AVAILABLE ICONS:

Any of the following icon names may be used as the value of the id parameter. As more of the icons are included, this list will be automatically updated. Also, those icons that can be customized are marked in the The Online Bonsai Icon Collection Pages.

You can click the id values below to view the original icons - the view page also contains a little helper form that will let you view the icon with your selected colors.

id value Original Shadow Original Background
Alberta1.gif919191514d91
BONZ6.gifacacacccc49c
CORBEIL.gifb4b4ac04045c
acer.gifa4a4a43c6c94
az2a1.gif99999dd7af78
billbon1w.gifada594000000
bo95ico.gifafafb3bdc5d0
br95ico.gifa0a0a4bdd6ef
breezy.gifa4a0a000426d
cas2.gifa4a4a8e2ccb3
cas95ic1.gifa0a0a4deb68a
david1a.gif99999d54c8c5
dphilpi2.gifa0a0a4ded3bd
elmf95ic.gifa0a0a4d39d7c
hudpp.gifa0a0a4ccccff
jneugl4.gifaab19d2c7c9c
kbicon.gifa0a0a4dea483
keithbw.gifa0a0a487a0f0
mmbox.gif9295a0808aa0
prbcban.gifa0a0a424288a
prbccree.gifa0a0a4dbc1a0
slug.gifa4a4a4687b97
slug1.gifa4a4a48997b3
tsq95ic1.gifa0a0a4b6bdd3

Anyway - enjoy - and let me know if you have any problems, suggestions or comments - hav@hav.com
    ooba ooba,
    Horace
    Who better than we to be wired? {;-7)

TOBIC Front Page

Part 1 || Part 2
Part 3 || Part 4
Part 5 || Part 6

Customized Icons

Icon Contribution

The GuestBook
...I know - but this one's reeeeally neat!! {;-)

...OR drop by and Chat
for a little while

In memory of a long time
and faithful companion...
Jan. 12, 2000		 ...and introducing a new one.
April 1, 2004		 Kick-kick - the newest Aussie pack member
Bonsai Term & Article Search
Find Any or All of

Search the Site
Home
http://www.hav.com/
Find Any or All of

http://www.hav.com/
  
Questions?
Feel free to drop by and chat if you have any questions - one of us is usually around during normal CST/CDT business hours.

hav.Software || Web Demos || Products || PC Neural Net Demo || Orders
JavaScript Neural Nets || WIPs || Services & Clients || Surfin' || News
Bonsai || Styling || Bonsai Databases || Bonsai Icons
Horace's Personal Home || Site Stats
Left Hand Fingertip Torture - aka trying to play classical guitar ;-)

The Online Bonsai Icon Collection is Copyright © - 1995-1999 by Horace A Vallas, Jr.. All Rights Reserved.. In no event may you charge for copies or use of any icon in the collection. Permission is granted for individual, personal use without reference - though reference would be appreciated. Permission is granted for commercial use only with one of the following references included at the bottom of the page in which the icon appears:

(title) - Courtesy of The Online Bonsai Icon Collection - http://www.hav.com/tobic.html
- or -
(title) - Courtesy of The Online Bonsai Icon Collection ... (as a link to http://www.hav.com/tobic.html)

... where (title) is the title of the icon as shown in the collection.

please report problems to hav@hav.com
Background courtesy of DiP