Top quality professional web site templates for sale by professional web designers. Also, high quality webmasters tools plus complete turnkey websites. All Professional Web site Templates are front page, dreamweaver, photoshop and HTML compatible. Professional Web site Templates
 Premium Templates   Bulk Templates   Software   Complete Websites   Targeted Web Traffic   Special Offers
Bulk Templates Bonus

Purchase a bulk template pack by midnight and receive...

  • Free Submission to the Top 40 Major Search Engines.
These premium templates were designed for business professionals as well as web designers.
You can mix and match graphics and easily customize them for a unique look and feel.
Special Offers
 
Photoshop Template Tutorial

Step 1: Preparing to edit text by installing new fonts to your system.
Step 2: Editing the company name.
Step 3: Editing colors.
Step 4: Replacing an image.
Step 5: Inserting additional images.
Step 6: Hiding extra navigation buttons.
Step 7: Hiding a portion of a layer.
Step 8: Slicing and exporting HTML.

Step 5: Inserting additional images
In this step you will insert additional graphics in the template by creating a new layer.

Select File>Open to display an open dialog and browse to the "stripe.gif" file in your downloaded "RESOURCE" folder.
When the image opens use Select>All and Edit>Copy to place the entire image in buffer.
Close "stripe.gif" window.
Select Edit>Paste to insert image in the template. A new layer is automatically created and given default name.
Right click the new layer in the Layers Tab and choose Layer Properties... from context menu. Enter "stripe" in the Name field for future reference. Click OK.
With "stripe" layer selected use the Move Tool to place the stripe just under company name in place of "logotype".
Find "LOGOTYPE" layer and make it invisible by clicking the eye icon.
Proceed to Step 6: Hiding extra navigation buttons.
------------------------------------------
Step 6: Hiding extra navigation buttons
Our templates were designed to suit a number of purposes. It may happen so that you don't need all the elements. In this step you will remove any button from the template's navigation bar.

Locate the layer and make it invisible by clicking the eye icon. Now there is empty space in place of the unwanted button. It is better to shift remaining buttons from the right by one position to the left side.
Select "SERVICES" layer and unlink it from "COMPANY" and "PRODUCTS" layers by clicking link icons . Note that "SUPPORT" and "CONTACT" layers get unlinked as well.
Use Move Tool to shift buttons to the left. You can enlarge the image with Zoom Tool and watch button separators match to make sure you are doing right.
Restore links to "COMPANY" and "PRODUCTS" layers for "SERVICES" layer. Note that links for "SUPPORT" and "CONTACT" get restored as well.
Proceed to Step 7: Hiding a portion of a layer.

Home  |  FAQ and Terms   |  Design Tips  | Bulk FAQ and Terms | Contact Us  | Resources
Professional Web site Templates by DotComTemplate.com 2003~2005 All Rights Reserved.