Home - Free Sample Templates - Web Design Elements - Help Center
FAQ - Search - Blog - Terms of Use - Affiliates - Contact Us
Website Templates Flash Templates Flash Intros CSS Templates osCommerce Templates WordPress Themes



Help Center › Managing Your Web Design Template Quick Guide

Unzipping Template Package

Our website templates are delivered in ZIP files. A ZIP file is a single compressed file that contains the complete set of program files. Compressed files are valuable in the electronic world because they cut your download time drastically, and they make it possible to download just one file rather than the full set of files (which can often be dozens of individual files).

To decompress (unZIP) a ZIP file, you need a copy of an unZIPing utility. We recommend WinZip. It is a shareware program, which needs to be registered (paid for) if you plan to continue using it. It is also distributed in a ZIP format, but it is a "Self-extracting" variety – simply download it to you temporary directory, and "RUN" it to extract the program files.

Fig 6.1 WinZIP Extract Window

When unzipping package using WinZip make sure that Use Folder Names (marked on screenshot) checkbox is checked to keep web design template from folder messing.

Installing Fonts

You should install fonts included in web design template package before proceeding work with PSD and FLA source files.

If you’re Microsoft Windows user you should copy and paste all fonts from template package to the Windows\Fonts folder or WinNT\Fonts if you are on NT based system.


Fig 6.2 Font Folder

More reliable way is to use font manager software. For example Adobe Type Manager Light, you can find download links to it at web design software section.

Creating Subpages

Our Full Site and Full Package products already include all necessary pages for your website. But you can create more pages or create the unlimited amount of pages from single page of your web design template.

It’s recommended to customize one page before duplicating your pages. So you’ll don’t have to customize all that pages later.

Now let’s create some subpages. Go to HTML folder of your web design template using file browser. For example you have two html files there: index.html and index_sub.html. Copy index_sub.html file into the same folder and give new name for it. For example name it products.html.

You can create any amount of pages using those instructions. After that go to Working with template using HTML editor section to get information about adding content to the pages of your web design template.

Uploading Files to Your Web Hosting

In this step you will be given instructions for uploading your pages to a web server. After this you will be able to review your site online in browser. We leave it up to you what sort of hosting company and domain name to choose because it depends on specifics of your business. In following instructions it is supposed that you have a login/password combination available from your hosting provider.

Open a browser and type ftp://domain_name in address line. Where domain_name is domain name of your future website.

In Internet Explorer, choose File>Enter as... to display authentication dialog. Enter your login and password and click OK. Now you are logged to FTP server of your web hosting.

Copy your web pages and folders to your site root directory as you would to any other folder on your computer. All html files should be placed in root folder of your web hosting. All images should be located in /images folder, SWF movie files in /Flash folder. In another words you should keep folder structure that was given to you in HTML folder of your web design template.

Now you can view your great website online.

Installing PHP-Nuke Theme

To install a PHP-Nuke theme you need to do the following steps.

First of all you should unpack template package using instructions from Unzipping Template Package section.

There is will be a folder named XXXX (four digits number). This is the PHP-Nuke theme folder. Copy this folder to /nuke/html/theme where nuke is the folder to which PHP-Nuke is installed.

Next step is to select a theme from list of themes Your Account -> Themes.

If you want to use it as the default theme for your site, move to Administration->Preferences and set Default theme to the theme you bought. Notice that you must be a member of the administrators to change default theme.


Fig 6.3 Administration Panel


Fig 6.4 Change Default Theme

If your PHP-Nuke theme contains animated flash header you can customize it using instructions from Working with Flash section.

CSS Template Editing Tips

All of our CSS templates are 100% stretchable. So you can add as much text/image content as you wish. Usually the main column has more content than the secondary one. But if your secondary column is bigger than main it can cause some misalignment. This column will be cropped to the height of the center block. This misalignment is caused by absolute positioned <DIV> tag usage instead of <TABLE> tag layout. To solve this problem you simply increase the height of the main column - add several <BR> line break tags to the end of central column to make the columns equal.

Back to Help Center