Cartoon Doll Maker Tutorial Banner

I have had many e-mail requests from people asking how to make a drag and drop doll maker, so instead of having to e-mail me, here is where I will try to explain the basics of how I made my drag and drop doll makers.  It's not really an easy thing for me to explain, but I will do my best.

I get all my props off of the Palace chat program.  From there, I have to put on each individual piece of clothing, and make a print screen of it.  Then I open up my graphics program, where I paste in the piece of clothing.  From there I have to export and save each piece as a transparent gif.  When those are ready, I then add each piece to the webpage.

Then all you need for the drag and drop is the drag and drop script (found on Dynamic Drive). Copy that code, and paste it into the head section of your webpage. Then the way to make them drag is to add class="drag" after each piece of clothing, but before the height or width information. Example, "...top43.gif" class="drag" height=42 width=25...something like that.

Please feel free to view my source code if you need to, to get the right idea on how this is done, but please do not copy my webpage!  I hope this tutorial will serve its purpose.





©Copyright 2001-2014 Kimberly Brooks
SakiMonkey's Splendid Site
All Rights Reserved