├── LICENSE.txt ├── README.md ├── README.rtf ├── base ├── Eyes │ ├── full │ │ ├── 01Black.png │ │ ├── 02DarkBrown.png │ │ ├── 03LightBrown.png │ │ ├── 04Hazel.png │ │ ├── 05Green.png │ │ ├── 06DarkBlue.png │ │ ├── 07LightBlue.png │ │ └── 08Grey.png │ └── thumbnails │ │ ├── 01Black.png │ │ ├── 02DarkBrown.png │ │ ├── 03LightBrown.png │ │ ├── 04Hazel.png │ │ ├── 05Green.png │ │ ├── 06DarkBlue.png │ │ ├── 07LightBlue.png │ │ └── 08Grey.png └── Skintone │ ├── full │ ├── 1European.png │ ├── 2European.png │ ├── 3Asian.png │ ├── 4Asian.png │ ├── 5Indian.png │ ├── 6Indian.png │ ├── 7African.png │ └── 8African.png │ └── thumbnails │ ├── 1European.png │ ├── 2European.png │ ├── 3Asian.png │ ├── 4Asian.png │ ├── 5Indian.png │ ├── 6Indian.png │ ├── 7African.png │ └── 8African.png ├── images ├── 1Hair │ ├── 1257390520.png │ ├── 1257390533.png │ └── 1257390544.png ├── 2Tops │ ├── 1257347014.png │ ├── 1257347573.png │ ├── 1257347590.png │ └── 1257347611.png ├── 3Bottoms │ ├── 1257390559.png │ ├── 1257390571.png │ ├── 1257390583.png │ └── 1257449592.png └── 4Shoes │ ├── 1257348326.png │ ├── 1257348338.png │ └── 1259939446.png ├── index.php ├── index_no_php.html ├── scripts ├── anti-rightclick.js └── drag.js └── styles ├── mainstylesheet.css └── reset.css /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright (c) 2010 Veronique Gagnon-Bilhete (Ninique) 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy 4 | of this software and associated documentation files (the "Software"), to deal 5 | in the Software without restriction, including without limitation the rights 6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 7 | copies of the Software, and to permit persons to whom the Software is 8 | furnished to do so, subject to the following conditions: 9 | 10 | The above copyright notice and this permission notice shall be included in 11 | all copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 19 | THE SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Ninique's Dollmaker Script 2 | ========================== 3 | 4 | This is a script written with the aid of jQuery, that you can use to create 5 | your own dollmaker (dressup game). I made it easy for people to add/remove 6 | pieces to the dollmaker, without having to edit the html page overtime 7 | (if they have PHP). 8 | 9 | This script was designed to be used on a server with PHP. However, it does 10 | not require a database, as it works with the file structure. It can also 11 | be used on a server that does not have PHP, but that requires more work 12 | on your part. Scroll below for more details. 13 | 14 | The code has been tested and should be functional in all major browsers. I 15 | am not responsible for browser compatibility problems resulting in your 16 | customizing of the code. 17 | 18 | I am using the following libraries/plugins (The javascript libraries are 19 | hosted from Google): 20 | 21 | * [JQuery](http://jquery.com/) 22 | * [JQuery UI](http://jqueryui.com/) 23 | * [Eric Meyer's CSS Reset](http://meyerweb.com/eric/tools/css/reset/) 24 | 25 | --------------------------------------- 26 | Terms: 27 | --------------------------------------- 28 | All of the code used in this dollmaker script is licensed under the MIT 29 | license. You can use and edit it in any way that you want. A link back 30 | would be appreciated, but is not necessary. 31 | 32 | **The sample bases and clothing provided with this dollmaker are for 33 | demonstration purposes only. You must use YOUR OWN basebody and 34 | clothes for dollmakers that you create!** 35 | 36 | --------------------------------------- 37 | How to use: 38 | --------------------------------------- 39 | If you have PHP on your website, delete the file index\_no\_php.html. (If 40 | you don't have PHP, scroll below for more info) 41 | 42 | ####Categories (Tabs):#### 43 | In the images folder, you'll see some subfolders that are named 1Hair, 44 | 2Tops, 3Bottoms, etc. These folders correspond to the tabs in the 45 | dollmaker. If you change the name, it'll change what appears on the tab. 46 | The number corresponds to the order you want the tabs to appear. 47 | 48 | ####Props (Clothing & Hair):#### 49 | To put props in your dollmaker, just place them within those folders. The 50 | filename doesn't matter, but the props will be ordered alphabetically, so 51 | you should take that into consideration. 52 | 53 | ####Bases:#### 54 | You can also see that there is a folder called "bases". In it are two 55 | folders: full and thumbnails. In "full", you put the bases, in 56 | "thumbnails", you put some thumbnails that people can click on. Make sure 57 | that each full base and its corresponding thumbnail have the same file 58 | name. Just like with clothing, the bases will be ordered alphabetically. 59 | 60 | ####Layout:#### 61 | You may change the layout to your liking by editing mainstylesheet.css. 62 | Some of the styles are mandatory for the functionality, and they are marked 63 | as so. I have annotated the CSS file so that you can better 64 | find your way in it. I encourage you to change the colors to your own! 65 | 66 | --------------------------------------- 67 | "But I don't have PHP!" 68 | --------------------------------------- 69 | You can still use the script even if you don't have PHP! It's just not as 70 | easy to setup and maintain, since you'll have to do it manually. (all 71 | that php does is put the props and images onto the page for you, the 72 | drag/drop functionality is handled by jQuery.) 73 | 74 | First you'll want to follow the steps above to put all the images into 75 | the right folders. 76 | 77 | Then, delete the file called index.php and then rename index\_no\_php.html 78 | to index.html. 79 | 80 | Now you'll need to add all the image tags to index.html so that the props 81 | actually appear on the page. There are further instructions in the 82 | comments of index_no_php.html (which you just renamed index.html) to help 83 | you put the right codes in the right places, but you should have a basic 84 | understanding of HTML. -------------------------------------------------------------------------------- /README.rtf: -------------------------------------------------------------------------------- 1 | {\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350 2 | {\fonttbl\f0\fswiss\fcharset0 ArialMT;} 3 | {\colortbl;\red255\green255\blue255;\red5\green0\blue235;} 4 | {\*\listtable{\list\listtemplateid1\listhybrid{\listlevel\levelnfc23\levelnfcn23\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{disc\}}{\leveltext\leveltemplateid1\'01\uc0\u8226 ;}{\levelnumbers;}\fi-360\li720\lin720 }{\listname ;}\listid1}} 5 | {\*\listoverridetable{\listoverride\listid1\listoverridecount0\ls1}} 6 | \margl1440\margr1440\vieww15060\viewh13160\viewkind0 7 | \deftab720 8 | \pard\pardeftab720\sl340\sa340\ql\qnatural 9 | 10 | \f0\b\fs52 \cf0 Ninique's Dollmaker Script\ 11 | \pard\pardeftab720\sl340\sa260\ql\qnatural 12 | 13 | \b0\fs26 \cf0 This is a script written with the aid of jQuery, that you can use to create your own dollmaker (dressup game). I made it easy for people to add/remove pieces to the dollmaker, without having to edit the html page overtime (if they have PHP).\ 14 | This script was designed to be used on a server with PHP. However, it does not require a database, as it works with the file structure. It can also be used on a server that does not have PHP, but that requires more work on your part. Scroll below for more details.\ 15 | The code has been tested and should be functional in all major browsers. I am not responsible for browser compatibility problems resulting in your customizing of the code.\ 16 | I am using the following libraries/plugins (The javascript libraries are hosted from Google):\ 17 | \pard\tx220\tx720\pardeftab720\li720\fi-720\sl340\ql\qnatural 18 | \ls1\ilvl0\cf2 {\listtext \'95 }{\field{\*\fldinst{HYPERLINK "http://jquery.com/"}}{\fldrslt \ul JQuery}}\cf0 \ 19 | \ls1\ilvl0\cf2 {\listtext \'95 }{\field{\*\fldinst{HYPERLINK "http://jqueryui.com/"}}{\fldrslt \ul JQuery UI}}\cf0 \ 20 | \ls1\ilvl0\cf2 {\listtext \'95 }{\field{\*\fldinst{HYPERLINK "http://meyerweb.com/eric/tools/css/reset/"}}{\fldrslt \ul Eric Meyer's CSS Reset}}\cf0 \ 21 | \pard\pardeftab720\sl340\sa120\ql\qnatural 22 | \cf0 \ 23 | \pard\pardeftab720\sl340\sa320\ql\qnatural 24 | 25 | \b\fs40 \cf0 Terms:\ 26 | \pard\pardeftab720\sl340\sa260\ql\qnatural 27 | 28 | \b0\fs26 \cf0 All of the code used in this dollmaker script is licensed under the MIT license. You can use and edit it in any way that you want. A link back would be appreciated, but is not necessary.\ 29 | \pard\pardeftab720\sl340\sa260\ql\qnatural 30 | 31 | \b \cf0 The sample bases and clothing provided with this dollmaker are for demonstration purposes only. You must use YOUR OWN basebody and clothes for dollmakers that you create! 32 | \b0 \ 33 | \pard\pardeftab720\sl340\sa120\ql\qnatural 34 | \cf0 \ 35 | \pard\pardeftab720\sl340\sa320\ql\qnatural 36 | 37 | \b\fs40 \cf0 How to use:\ 38 | \pard\pardeftab720\sl340\sa260\ql\qnatural 39 | 40 | \b0\fs26 \cf0 If you have PHP on your website, delete the file index_no_php.html. (If you don't have PHP, scroll below for more info)\ 41 | \pard\pardeftab720\sl340\sa340\ql\qnatural 42 | 43 | \b \cf0 Categories (Tabs):\ 44 | \pard\pardeftab720\sl340\sa260\ql\qnatural 45 | 46 | \b0 \cf0 In the images folder, you'll see some subfolders that are named 1Hair, 2Tops, 3Bottoms, etc. These folders correspond to the tabs in the dollmaker. If you change the name, it'll change what appears on the tab. The number corresponds to the order you want the tabs to appear.\ 47 | \pard\pardeftab720\sl340\sa340\ql\qnatural 48 | 49 | \b \cf0 Props (Clothing & Hair):\ 50 | \pard\pardeftab720\sl340\sa260\ql\qnatural 51 | 52 | \b0 \cf0 To put props in your dollmaker, just place them within those folders. The filename doesn't matter, but the props will be ordered alphabetically, so you should take that into consideration.\ 53 | \pard\pardeftab720\sl340\sa340\ql\qnatural 54 | 55 | \b \cf0 Bases:\ 56 | \pard\pardeftab720\sl340\sa260\ql\qnatural 57 | 58 | \b0 \cf0 You can also see that there is a folder called "bases". In it are two folders: full and thumbnails. In "full", you put the bases, in "thumbnails", you put some thumbnails that people can click on. Make sure that each full base and its corresponding thumbnail have the same file name. Just like with clothing, the bases will be ordered alphabetically.\ 59 | \pard\pardeftab720\sl340\sa340\ql\qnatural 60 | 61 | \b \cf0 Layout:\ 62 | \pard\pardeftab720\sl340\sa260\ql\qnatural 63 | 64 | \b0 \cf0 You may change the layout to your liking by editing mainstylesheet.css. Some of the styles are mandatory for the functionality, and they are marked as so. I have annotated the CSS file so that you can better find your way in it. I encourage you to change the colors to your own!\ 65 | \pard\pardeftab720\sl340\sa120\ql\qnatural 66 | \cf0 \ 67 | \pard\pardeftab720\sl340\sa320\ql\qnatural 68 | 69 | \b\fs40 \cf0 "But I don't have PHP!"\ 70 | \pard\pardeftab720\sl340\sa260\ql\qnatural 71 | 72 | \b0\fs26 \cf0 You can still use the script even if you don't have PHP! It's just not as easy to setup and maintain, since you'll have to do it manually. (all that php does is put the props and images onto the page for you, the drag/drop functionality is handled by jQuery.)\ 73 | First you'll want to follow the steps above to put all the images into the right folders.\ 74 | Then, delete the file called index.php and then rename index_no_php.html to index.html.\ 75 | Now you'll need to add all the image tags to index.html so that the props actually appear on the page. There are further instructions in the comments of index 76 | \i no 77 | \i0 php.html (which you just renamed index.html) to help you put the right codes in the right places, but you should have a basic understanding of HTML.\ 78 | } -------------------------------------------------------------------------------- /base/Eyes/full/01Black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/full/01Black.png -------------------------------------------------------------------------------- /base/Eyes/full/02DarkBrown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/full/02DarkBrown.png -------------------------------------------------------------------------------- /base/Eyes/full/03LightBrown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/full/03LightBrown.png -------------------------------------------------------------------------------- /base/Eyes/full/04Hazel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/full/04Hazel.png -------------------------------------------------------------------------------- /base/Eyes/full/05Green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/full/05Green.png -------------------------------------------------------------------------------- /base/Eyes/full/06DarkBlue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/full/06DarkBlue.png -------------------------------------------------------------------------------- /base/Eyes/full/07LightBlue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/full/07LightBlue.png -------------------------------------------------------------------------------- /base/Eyes/full/08Grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/full/08Grey.png -------------------------------------------------------------------------------- /base/Eyes/thumbnails/01Black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/thumbnails/01Black.png -------------------------------------------------------------------------------- /base/Eyes/thumbnails/02DarkBrown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/thumbnails/02DarkBrown.png -------------------------------------------------------------------------------- /base/Eyes/thumbnails/03LightBrown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/thumbnails/03LightBrown.png -------------------------------------------------------------------------------- /base/Eyes/thumbnails/04Hazel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/thumbnails/04Hazel.png -------------------------------------------------------------------------------- /base/Eyes/thumbnails/05Green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/thumbnails/05Green.png -------------------------------------------------------------------------------- /base/Eyes/thumbnails/06DarkBlue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/thumbnails/06DarkBlue.png -------------------------------------------------------------------------------- /base/Eyes/thumbnails/07LightBlue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/thumbnails/07LightBlue.png -------------------------------------------------------------------------------- /base/Eyes/thumbnails/08Grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Eyes/thumbnails/08Grey.png -------------------------------------------------------------------------------- /base/Skintone/full/1European.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/full/1European.png -------------------------------------------------------------------------------- /base/Skintone/full/2European.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/full/2European.png -------------------------------------------------------------------------------- /base/Skintone/full/3Asian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/full/3Asian.png -------------------------------------------------------------------------------- /base/Skintone/full/4Asian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/full/4Asian.png -------------------------------------------------------------------------------- /base/Skintone/full/5Indian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/full/5Indian.png -------------------------------------------------------------------------------- /base/Skintone/full/6Indian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/full/6Indian.png -------------------------------------------------------------------------------- /base/Skintone/full/7African.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/full/7African.png -------------------------------------------------------------------------------- /base/Skintone/full/8African.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/full/8African.png -------------------------------------------------------------------------------- /base/Skintone/thumbnails/1European.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/thumbnails/1European.png -------------------------------------------------------------------------------- /base/Skintone/thumbnails/2European.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/thumbnails/2European.png -------------------------------------------------------------------------------- /base/Skintone/thumbnails/3Asian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/thumbnails/3Asian.png -------------------------------------------------------------------------------- /base/Skintone/thumbnails/4Asian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/thumbnails/4Asian.png -------------------------------------------------------------------------------- /base/Skintone/thumbnails/5Indian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/thumbnails/5Indian.png -------------------------------------------------------------------------------- /base/Skintone/thumbnails/6Indian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/thumbnails/6Indian.png -------------------------------------------------------------------------------- /base/Skintone/thumbnails/7African.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/thumbnails/7African.png -------------------------------------------------------------------------------- /base/Skintone/thumbnails/8African.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/base/Skintone/thumbnails/8African.png -------------------------------------------------------------------------------- /images/1Hair/1257390520.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/1Hair/1257390520.png -------------------------------------------------------------------------------- /images/1Hair/1257390533.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/1Hair/1257390533.png -------------------------------------------------------------------------------- /images/1Hair/1257390544.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/1Hair/1257390544.png -------------------------------------------------------------------------------- /images/2Tops/1257347014.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/2Tops/1257347014.png -------------------------------------------------------------------------------- /images/2Tops/1257347573.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/2Tops/1257347573.png -------------------------------------------------------------------------------- /images/2Tops/1257347590.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/2Tops/1257347590.png -------------------------------------------------------------------------------- /images/2Tops/1257347611.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/2Tops/1257347611.png -------------------------------------------------------------------------------- /images/3Bottoms/1257390559.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/3Bottoms/1257390559.png -------------------------------------------------------------------------------- /images/3Bottoms/1257390571.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/3Bottoms/1257390571.png -------------------------------------------------------------------------------- /images/3Bottoms/1257390583.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/3Bottoms/1257390583.png -------------------------------------------------------------------------------- /images/3Bottoms/1257449592.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/3Bottoms/1257449592.png -------------------------------------------------------------------------------- /images/4Shoes/1257348326.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/4Shoes/1257348326.png -------------------------------------------------------------------------------- /images/4Shoes/1257348338.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/4Shoes/1257348338.png -------------------------------------------------------------------------------- /images/4Shoes/1259939446.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ninique/Dollmaker-Script/cfd810c411cc211f453afafce20fb24cc5621e26/images/4Shoes/1259939446.png -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Dollmaker 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | \"swatch\""; 24 | } 25 | }; 26 | } 27 | ?> 28 | 29 | 30 | 31 | 32 | 33 | 34 |
35 |
36 | BaseBody 37 | Eyes 38 |
39 |
40 |
41 |

Skintone:

42 | 43 |
44 |
45 |

Eyes:

46 | 47 |
48 |
49 |
50 | 51 | "; 56 | foreach($folders as $key => $curfol){ 57 | if(!in_array($curfol, $ignore)) { 58 | $curfol=ltrim($curfol,'1234567890'); 59 | $key = $key-1; 60 | echo "
  • ".$curfol."
    • \n"; 61 | } 62 | }; 63 | 64 | echo ""; 65 | 66 | /*For each tab, display the props*/ 67 | foreach($folders as $key => $curfol){ 68 | if(!in_array($curfol, $ignore)) { 69 | $key = $key-1; 70 | echo "
    \n"; 71 | 72 | $images = scandir("images/".$curfol); 73 | foreach($images as $curimg){ 74 | if(!in_array($curimg, $ignore)) { 75 | echo "\"\""; 76 | } 77 | }; 78 | 79 | 80 | echo "
    \n"; 81 | } 82 | }; 83 | ?> 84 |
    85 | 86 | 87 | 88 |
    Please do not steal the images from this dollmaker
    89 | 90 |
    91 | 92 | -------------------------------------------------------------------------------- /index_no_php.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Dollmaker 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
    21 |
    22 | BaseBody 23 |
    24 | 25 |
    26 |

    Skintone:

    27 | 32 | swatch 33 | swatch 34 | swatch 35 | swatch 36 | swatch 37 | swatch 38 | swatch 39 | swatch 40 | 41 |
    42 |
    43 | 52 | 58 | 59 | 63 | 64 |
    65 | 66 | 67 | 68 |
    69 |
    70 | 71 | 72 | 73 | 74 |
    75 |
    76 | 77 | 78 | 79 | 80 |
    81 |
    82 | 83 | 84 | 85 |
    86 | 87 |
    88 | 89 | 90 |
    Please do not steal the images from this dollmaker
    91 | 92 |
    93 | 94 | -------------------------------------------------------------------------------- /scripts/anti-rightclick.js: -------------------------------------------------------------------------------- 1 | //This script is part of Ninique's Dollmaker Script (http://minidollz.ninique.net) 2 | 3 | $(document).ready(function() { 4 | //Only disable right-click on images 5 | $("img").bind("contextmenu", function(e) { 6 | e.preventDefault(); 7 | 8 | var offsetY = $('#dollmaker_container').position().top; 9 | var offsetX = $('#dollmaker_container').position().left; 10 | 11 | //display an unobstrusive tooltip if you right-click on an image 12 | $('#anti-rightclick').css({ 13 | left:e.pageX-offsetX, 14 | top :e.pageY-offsetY 15 | }).fadeIn('fast', function(){ 16 | 17 | //clear the tooltip if you click somewhere else on the page. 18 | $(document,"img").click(function(){ 19 | $('#anti-rightclick').fadeOut() 20 | }); 21 | }); 22 | 23 | }); 24 | }); -------------------------------------------------------------------------------- /scripts/drag.js: -------------------------------------------------------------------------------- 1 | //This script is part of Ninique's Dollmaker Script (http://minidollz.ninique.net) 2 | 3 | $(document).ready(function() { 4 | 5 | //Makes the pieces draggable & sets options 6 | $("#piecesArea > div > img").draggable({ 7 | //Makes it so that the pieces' z-index can be reordered 8 | stack: { group: '#piecesArea > div > img', min: 500,scroll: false }, 9 | distance: 0 10 | }); 11 | 12 | //Sets what happens when you release a piece 13 | $("#bodyArea").droppable({ 14 | drop: function(event, ui){ 15 | //this is so that the element "sticks" even when tab is changed. 16 | ui.draggable.addClass("draggedout"); 17 | }, 18 | //changes current tab to the tab the piece belongs to when dragged out of body area 19 | out: function(event, ui){ 20 | ui.draggable.removeClass("draggedout"); 21 | var whichTab = ui.draggable.parent().attr("id"); 22 | $("#piecesArea").tabs('select' , whichTab); 23 | } 24 | }); 25 | 26 | //tabs 27 | $("#piecesArea").tabs(); 28 | 29 | 30 | function baseSwitch(element){ 31 | 32 | } 33 | 34 | /*NOTE: It would be better to use an implementation of this that uses nth child, and put the order the same in both cases.*/ 35 | 36 | //changes the body when thumbnails are clicked 37 | $("#swatchesArea a").click( function() { 38 | var changeSrc = $(this).attr("href"); 39 | var type = $(this).parent().attr("id"); 40 | switch (type) { 41 | case "skinSwitch": 42 | $("#skintone").attr("src", changeSrc); 43 | break; 44 | case "eyeSwitch": 45 | $("#eyes").attr("src", changeSrc); 46 | break; 47 | } 48 | 49 | 50 | 51 | return false; 52 | }); 53 | 54 | }); 55 | -------------------------------------------------------------------------------- /styles/mainstylesheet.css: -------------------------------------------------------------------------------- 1 | @import url("reset.css"); /* This is to reset all default browser CSS to none.*/ 2 | 3 | /*----------------------------------------------*/ 4 | /*These are needed for the tab functionality and drag/drop functionality to work*/ 5 | .ui-tabs-hide { visibility:hidden;} 6 | .ui-tabs-panel { position:absolute; width:100%;} 7 | 8 | .draggedout { visibility:visible; position:absolute;} 9 | 10 | /*------------------------------------------------*/ 11 | 12 | /*General body styles. Change to your own colors! */ 13 | body { 14 | font-family: verdana, arial, sans-serif; 15 | font-size: 12px; 16 | background: #eee; 17 | color: #666; 18 | } 19 | 20 | /* This specifies styles that will affect all the boxes. Change to your own colors!*/ 21 | #bodyArea, #swatchesArea, .ui-tabs-panel{ 22 | border: 1px solid #888; 23 | background: #fff; 24 | } 25 | 26 | /* NOTE: You can change the colors for the tabs further below . . . .*/ 27 | 28 | /*this puts rounded corners around the boxes*/ 29 | .ui-corner-all, .ui-tabs-panel{ 30 | -moz-border-radius: 5px; 31 | -webkit-border-radius: 5px; 32 | } 33 | 34 | /* this puts rounded corners around the tabs*/ 35 | .ui-corner-top a{ 36 | -moz-border-radius-topleft:5px; 37 | -webkit-border-top-left-radius:5px; 38 | -moz-border-radius-topright:5px; 39 | -webkit-border-top-right-radius:5px; 40 | } 41 | 42 | /*This div contains the whole dollmaker. It can be placed anywhere on the page and everything will follow 43 | Keep the height unspecified so that it can stretch to accomodate varied number of pieces */ 44 | #dollmaker_container { 45 | position: absolute; 46 | top: 30px; /*Change these values to whatever you want*/ 47 | left: 30px; 48 | } 49 | 50 | /*-------------------------------------------------------------------*/ 51 | /* The box that contains the basebody */ 52 | #bodyArea 53 | { 54 | position: absolute; 55 | top: 0px; 56 | width: 250px; 57 | height: 350px; 58 | text-align: center; 59 | } 60 | 61 | /*#bodyArea img {position: absolute;}*/ 62 | 63 | /* Position of the base body elements*/ 64 | #skintone {margin: 40px 0 0 0;} 65 | 66 | #eyes {position: absolute; top: 67px; left: 109px;} 67 | 68 | /*-------------------------------------------------------------------*/ 69 | /* The area under the base that has links for skintones */ 70 | #swatchesArea { 71 | position: absolute; 72 | top: 370px; 73 | width: 240px; 74 | padding: 0px 5px; 75 | } 76 | 77 | /* individual links for thumbnails */ 78 | #swatchesArea a { 79 | display: block; 80 | float: left; 81 | border: 1px solid #666; 82 | margin: 2px 2px 7px 2px; 83 | width: 20px; 84 | height:20px; 85 | position:relative; 86 | } 87 | 88 | /* the title of that area */ 89 | #swatchesArea h3 { 90 | font-size: 12px; 91 | font-weight: bold; 92 | clear: both; 93 | padding: 7px 0 5px 0; 94 | } 95 | 96 | /*-------------------------------------------------------------------*/ 97 | /*The tabbed area at the right that contains all the draggable pieces*/ 98 | #piecesArea { 99 | position: absolute; 100 | left: 275px; 101 | width: 625px; 102 | } 103 | 104 | /*Positioning for tabs area*/ 105 | #tabsbar { 106 | text-align: left; 107 | padding: 5px 10px 5px 10px; /* This extra space is required for browser compatibility */ 108 | } 109 | 110 | 111 | /*Allows the tabs to be next to eachother*/ 112 | #tabsbar li{ 113 | display: inline; 114 | } 115 | 116 | /*Individual tabs. Change to your own colors!*/ 117 | #tabsbar li a { 118 | /* !!!!!IE7 */ padding: 3px 10px 4px; 119 | border: 1px solid #888; 120 | background-color: #ddd; 121 | color: #666; 122 | text-decoration: none; 123 | font-weight:bold; 124 | } 125 | 126 | /*Selected tab. Change to your own colors!*/ 127 | #tabsbar .ui-state-active a { 128 | border-bottom: 1px solid #fff; 129 | background-color: #fff; /* This needs to be the the same as the background color of the panel.*/ 130 | position:relative; 131 | z-index:2; 132 | } 133 | 134 | /*-------------------------------------------------------------------*/ 135 | /* The panel under the tabs that contain the props*/ 136 | .ui-tabs-panel{ 137 | overflow:visible; /* so that the panel extends as you add pieces to it*/ 138 | clear:both; 139 | padding:5px; 140 | } 141 | 142 | #piecesArea div { 143 | padding: 10px 10px 0; 144 | } 145 | 146 | 147 | #piecesArea img{ 148 | margin: 0 10px 10px 0; 149 | cursor: move; 150 | } 151 | 152 | /*-------------------------------------------------------------------*/ 153 | /* Anti Right-click */ 154 | #anti-rightclick { 155 | display:none; 156 | width: 170px; 157 | height: 30px; 158 | line-height: 1.2; 159 | background: #fff; 160 | border: 1px solid #ccc; 161 | padding: 3px 3px 3px 15px; 162 | 163 | position: absolute; 164 | z-index: 9999; 165 | } 166 | 167 | -------------------------------------------------------------------------------- /styles/reset.css: -------------------------------------------------------------------------------- 1 | html, body, div, span, applet, object, iframe, 2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3 | a, abbr, acronym, address, big, cite, code, 4 | del, dfn, em, font, img, ins, kbd, q, s, samp, 5 | small, strike, strong, sub, sup, tt, var, 6 | dl, dt, dd, ol, ul, li, 7 | fieldset, form, label, legend, 8 | table, caption, tbody, tfoot, thead, tr, th, td { 9 | margin: 0; 10 | padding: 0; 11 | border: 0; 12 | outline: 0; 13 | font-weight: inherit; 14 | font-style: inherit; 15 | font-size: 100%; 16 | font-family: inherit; 17 | vertical-align: baseline; 18 | } 19 | /* remember to define focus styles! */ 20 | :focus { 21 | outline: 0; 22 | } 23 | body { 24 | line-height: 1; 25 | color: black; 26 | background: white; 27 | } 28 | ol, ul { 29 | list-style: none; 30 | } 31 | /* tables still need 'cellspacing="0"' in the markup */ 32 | table { 33 | border-collapse: separate; 34 | border-spacing: 0; 35 | } 36 | caption, th, td { 37 | text-align: left; 38 | font-weight: normal; 39 | } 40 | blockquote:before, blockquote:after, 41 | q:before, q:after { 42 | content: ""; 43 | } 44 | blockquote, q { 45 | quotes: "" ""; 46 | } 47 | --------------------------------------------------------------------------------