Click HERE if you are curious about an HTML code above.
done
Add Online Image Resizer to your Website
There are two ways to intergate Online Image Resizer at your site - FREE and PREMIUM:
FREE - Embed provided HTML code to your website.The code would create a small box (334 x 60 px) with image file selector and upload buttons.Your visitors would select image from their computer and submit it to OIR for resizing. Resizing and processing would be done at Online Image Resizer (OIR) website. Image Selector appearance configurator is at the next section below. Sample Add-on | Sample on Facebook
PREMIUM - Purchase a set of OIR scripts, install it at your website and run an independent image resizing service. For details view OIR DEMO
newConfigure and download "Image Selector Box" code for your website - FREE:
#:
Use RGB mixer on the right to generate desired color. Apply colors to elements of "Image Selector Box" below. Apply other attributes (round corners, borders, shadow). Select "Stage" color to match the background color of your web page (for best possible preview). When done, click "Download Code" button. Copy the code and insert it into any page at your web site.
border help
Stage
color help Color:
set
off
Use RGB color mixed on the right to generate a color. Click [SET] button to apply a {BACKGROUND} color to appropriate element - Background Box, Text Box, Buttons or Stage. To remove color and leave the default - click [OFF] button. Removing color from Text Box / Buttons background would restore a default - white / gray background.

TIP: If later on you need to assign the same color to other elements, just click on the color box. Assigned color would be sent back to RGB mixer. Clicking [Update Slider] button at this point would revert RGB sliders to the selected color values.
Apply {BORDER} color and thickness. Border can be applied to all elements of Image Selector. To remove border click [OFF] button.
NOTE: Removing custom border from Text Box and Buttons, would restore a default - gray border with thickness of 1px.
See also a tip in Background color section for working with colors.
Make {ROUND CORNERS} with this control. Control applies to Background Box, Text Box and Buttons. For Background box apply background color to make rounding visible.
NOTE: Rounding applies with CSS styling and properly rendered in most modern web browsers.
Apply a color to a {STAGE} - area surrounding Image Selector Box. Make sure to match it with the color of the background layer at your website, where you intend to embed Image Selector Box. Stage color used exclusively for preview, i.e. - how Image Selector Box would appear after embedding at your site.
See also a tip in Background color section for working with colors.
Create a {SHADOW} effect for Background Box, Text Box and Buttons as well as Buttons Text. Apply desired color first, then use the rest of the controls to create a Shadow. [Hor.] and [Vert.] would shift a shadow in any direction depending on values (positive/negative). Apply [Blur] to make it soft. Use [Inset] to move shadow "inside" the layer. Proper combination of background and shadow colors and inset would add a "volume" to the layer (usually lighter tone to background and darker to shadow of the same color).
Shadow applies with CSS styling and properly rendered in most modern web browsers.
See also a tip in Background color section for working with colors.
This is a preview of the {IMAGE SELECTOR BOX} as it would appear at your website after embedding. Use controls below to change Selector's style to have it match with the rest of your website pages. To view the actual size of the Selector, apply any color (other than white) to Background box below. Match the Stage color with the color of your webpage background for preview - to see how Selector would look like at your site. When done with styles, click [Download Code] button and copy / paste the code to any page at your site.

NOTE: Selector does not include any text explaining the purpouse of it. Make sure to add an explanation (For instance - Resize all your images here... Click Browse button to select an image... etc.) next to the resizer layer at your site.
Check this box if you would like to have a Large Image Selector (580x92px). Large selector is not available for preview and approximately twice as large as a regular one.
Background
color help Color:
set
off
border help Border:
set
off
Size:
round help Round:
Radius:
color helpShadow:
set
off
Hor.:
Vert.:
Blur:
Inset:
large box
Large Frame:
Text Box
Color:
set
off
Border:
set
off
Size:
Round:
Radius:
Shadow:
set
off
Hor.:
Vert.:
Blur:
Inset:
Text:
set
Buttons
Color:
set
off
Border:
set
off
Size:
Round:
Radius:
Shadow:
set
off
Hor.:
Vert.:
Blur:
Inset:
Text:
set
Buttons
Text
Shadow
set
off
Hor.:
Vert.:
Blur:
Bold:
Download Code
Save Code
Click [Save For Later] to have your work saved to URL. Then simply add this page to Favorites in your browser.
Return to my site - When checked, your visitors would return to your site after clicking a back button at OIR back button