Coloring Pages and Coloring Books with code-script to create your own coloring pages

You have probably seen a lot of sites with fun coloring pages and coloring games before. We offer a free coloring pages code-script that allows you to create your own coloring book with personal images (pictures or photos) in matter of seconds. Our code offers following functions:

Coloring Pages Script

Easy resize of the original picture

Customizable background colors and zoom

Multiple Image Format Support

Easy Site Integration

Support for frames and iframes

Add the following HTML Code to your webpage to create a fun to play coloring page. You will also have to modify your picture tag and include " id='coloring' " so the script can identify the picture on the page and use it for the coloring.

Coloring Pages Code and Coloring Book Script

Place the picture you would like to use for the coloring page on a website (you should be able to see it as a regular picture) and copy the following HTML code right below it.

<script type="text/javascript" src="http://www.magiccoloringpages.com/coloring-book.js.php"></script>

Modifications, disassembly or re-distribution of any part or portion or the whole of the Site/Application or any of its individual code functions is strictly prohibited.

You can customize the coloring pages for your own site by providing colors and zoom. Our system allows you to select many different styles and functions for your own coloring book. You can customize default colors, zoom and picture. Just copy the code below the picture and start playing with values. Color selector is coming soon...

Coloring Pages Advanced Code

Use the following code example to adjust the style of the coloring page to "fit" your site. You have to adjust the values of the variables to match your style.

		<!-- Magic coloring pages code -->
		<script type="text/javascript">
		//colors
		_mgp_bordercolor = "red";
		_mgp_bgcolor1 = "#FFE9F5";
		_mgp_bgcolor2 = "#FFADD9";
		_mgp_fntcolor1 = "#000000";
		_mgp_fntcolor2 = "#900073";

		//print button
		_mgp_btncss = "";

		//default zoom of the coloring image
		_mgp_zoom = 1;

		//handle dynamic reload of the coloring image
		_mgp_handleonload=false;
		</script>
		<script type="text/javascript" src="http://www.magiccoloringpages.com/coloring-book.js.php"></script>
		<!-- Magic coloring pages code -->

Coloring Pages and Coloring Books for kids

Create coloring pages in seconds... / Preview Completed Example