Webtemplate’s Customization
Immediately after You have purchased a website template, You are free to reveal all Your creativity in customising it: changing colours, images and text, create custom scripts and flash animated area, etc up to Your own taste to accentuate an exquisite and glamorous design of the website. Below You will find a description of the basic steps of website template customization. You can easily tune up your template following these simple steps.
1) Changing the standard pictures into the custom ones:
You can replace the images in your template with your custom images using Macromedia Dreamweaver MX 2004, FrontPage 2003+ or any other HTML editor. Please note that your custom images should be of the same size as those that you are replacing. In addition, your images should be in the /html/images directory
For Website Templates:
In order for you to replace the images in your template with your custom images via MS FrontPage 2002, please do the following:
1. Once you have downloaded your template, extract it to any directory on your computer.
2. Open your MS FrontPage and go to File -> Open... You will see the Open File window then. Browse the directory, where you extracted your template to, choose the file that you want to edit and press the Open button.
3. Delete the image that you want to replace, go to Insert -> Picture -> From File... choose your custom image and press the Insert button.
4. Once you replaced all the images you want, go to File -> Save, browse the directory with the page you edited and press the Save button. You should be asked about replacement, please confirm it.
For Enhanced Flash Templates:
1. Please, run the .fla file using the Macromedia Flash MX.
2. If you don't see the library window, press F11.
3. In the library window, find a picture marked as "Bitmap" you want to replace using up and down arrows in the "kind" column.
4. Click the right mouse button on this picture; choose Properties in the drop-down menu. You will see the window that shows this picture's resolution (766X600); file format (.jpg, .png) and the picture's name (\picture.jpg).
5. Open the .psd file with Adobe Photoshop, and highlight the picture you want to crop using Slicing Tool (it has to be the same size as the one in the library). Turn off all the other layers, give this layer the same name and the same file extension it has in the library (.jpg, .png).
6. Press Shift+Ctrl+Alt+S.
7. Go to the source file in the Macromedia Flash application; go to Files->Import to library.
8. The Application will ask you whether to replace the element or not, because the new file's name is similar to the old one. If you confirm the replacement, the picture will be replaced in the whole animation part (the new picture has to be of the same size and to have the same name).
9. Press Ctrl+Enter to compile the source file.
10. The animation will appear in the Flash Player window, make sure the new picture appears in the whole animation.
11. If the picture was updated, press Ctrl+S to save the current compilation, if not, check the new picture's file format and name and follow the instruction from the 7th step.
2) Changing the text:
For Website Templates:
1. Open the HTML document with any HTML editor.
2. Perform the search text option by going to Edit->Find or press CTRL+F and find the text you want to change.
3. Apply the following corrections.
For Enhanced Flash Templates:
1. Please, open the .fla source file.
2. Activate the library by pressing the F11.
3. Find a clip that contains the text.
4. Click the right mouse button on the clip's name in the library.
5. Press "Edit" in the menu that appears.
6. Double-click on the text at the desktop window. You can now edit the text.
7. If you were unable to highlight the text, turn off all the layers above this text in the "Timeline" window and repeat the 6th step.
8. Compile the source file by pressing CTRL+Enter after all the changes have been applied.
3) Additional page creation:
In order to add a page, please do the following:
1. Create a page. You may want to use one of the existing pages in your template instead of creating a new one. Copy one of the existing pages in your template with a different name; replace its web contents with your web contents and save the changes. You can use FrontPage 2003+, Macromedia Dreamweaver MX 2004 or any HTML editor to do this.
2. Once you created a page, change the code of a page to go to the page you created. For example, change hyperlink to where "newpage.html" is the page you created.
4) Linking the menu in MACROMEDIA FLASH:
1. Open the .fla file using the Macromedia Flash MX.
2. Activate the library by pressing F11 key.
3. Find the symbol that represents the key in the library using "up" and "down" arrows in the "Kind" column. The symbol has to be marked as a Movie Clip.
4. In the library window right click on it. Choose Edit in the drop-down menu.
5. Make all the layers visible in the Timeline window by clicking on the eye-image in the upper-left corner of the window, also click the lock image to unlock the layers.
6. In the Timeline window left-click and hold the frame pointer and scroll it along until it is positioned above the space where the second (counting down) horizontal line is not fulfilled with the grey color.
7. If everything was done correctly, the blue like square will appear.
8. Turn the Actions panel on by pressing F9.
9. Left-click on this square.
10. Below the script which contains: on (rollOver) {gotoAndPlay(14);} on (rollOut) {gotoAndPlay(23);} Enter the following code (You can copy the following code and replace the link): on (release) {getURL("index.html");} You need to enter the linked page name instead the "index.html".
11. Repeat these steps for every page.
12. Save the source.