-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathREADME.rtf
78 lines (61 loc) · 5.23 KB
/
README.rtf
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350
{\fonttbl\f0\fswiss\fcharset0 ArialMT;}
{\colortbl;\red255\green255\blue255;\red5\green0\blue235;}
{\*\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}}
{\*\listoverridetable{\listoverride\listid1\listoverridecount0\ls1}}
\margl1440\margr1440\vieww15060\viewh13160\viewkind0
\deftab720
\pard\pardeftab720\sl340\sa340\ql\qnatural
\f0\b\fs52 \cf0 Ninique's Dollmaker Script\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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).\
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.\
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.\
I am using the following libraries/plugins (The javascript libraries are hosted from Google):\
\pard\tx220\tx720\pardeftab720\li720\fi-720\sl340\ql\qnatural
\ls1\ilvl0\cf2 {\listtext \'95 }{\field{\*\fldinst{HYPERLINK "http://jquery.com/"}}{\fldrslt \ul JQuery}}\cf0 \
\ls1\ilvl0\cf2 {\listtext \'95 }{\field{\*\fldinst{HYPERLINK "http://jqueryui.com/"}}{\fldrslt \ul JQuery UI}}\cf0 \
\ls1\ilvl0\cf2 {\listtext \'95 }{\field{\*\fldinst{HYPERLINK "http://meyerweb.com/eric/tools/css/reset/"}}{\fldrslt \ul Eric Meyer's CSS Reset}}\cf0 \
\pard\pardeftab720\sl340\sa120\ql\qnatural
\cf0 \
\pard\pardeftab720\sl340\sa320\ql\qnatural
\b\fs40 \cf0 Terms:\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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.\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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!
\b0 \
\pard\pardeftab720\sl340\sa120\ql\qnatural
\cf0 \
\pard\pardeftab720\sl340\sa320\ql\qnatural
\b\fs40 \cf0 How to use:\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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)\
\pard\pardeftab720\sl340\sa340\ql\qnatural
\b \cf0 Categories (Tabs):\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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.\
\pard\pardeftab720\sl340\sa340\ql\qnatural
\b \cf0 Props (Clothing & Hair):\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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.\
\pard\pardeftab720\sl340\sa340\ql\qnatural
\b \cf0 Bases:\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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.\
\pard\pardeftab720\sl340\sa340\ql\qnatural
\b \cf0 Layout:\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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!\
\pard\pardeftab720\sl340\sa120\ql\qnatural
\cf0 \
\pard\pardeftab720\sl340\sa320\ql\qnatural
\b\fs40 \cf0 "But I don't have PHP!"\
\pard\pardeftab720\sl340\sa260\ql\qnatural
\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.)\
First you'll want to follow the steps above to put all the images into the right folders.\
Then, delete the file called index.php and then rename index_no_php.html to index.html.\
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
\i no
\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.\
}