Help File For Template newVision1

Thank you for downloading this Template.We wish you success with customizing it and using it to flourish your online presence.

The Template is extremely easy to play around with.We have provided a Header photoshop image file and Footer photoshop image file.All the layers in both the files are easy to change and modify the look of the website as per your Industry.

ADOBE PHOTOSHOP

The photoshop images have been sliced with the basic buttons titles like Services , Home , Contact us etc , you can edit the photoshop file to change button titles.Accordingly you will have to change the slicing guides in photoshop.

if you dont know how to slice follow this process.

Open your Photoshop image and select the VIEW >>SHOW >> SLICES



To create a new slicing guide click on VIEW >> CLEAR GUIDE then VIEW >> NEW GUIDE , and this will erase the old guide so that now you can slice images according to your button titles length.Click on select tool and click on top near the ruler bar as if you are draggin ruler downwards ...you will be able to pull down a 'line' which will define the areas of image that will be sliced.In this way you will have a set of many horizontal / vertical blue lines defining the areas that need to be cut.

Save the image as PSD file.

ADOBE IMAGEREADY

Next open ImageReady and go to Open file >>
Click on SLICES >> Create Slices from guides


Now save as SAVE OPTIMIZED AS >>>>> Html and images (remember imageready saves images in 'images' folder so in some cases your images will be overwritten.


IMPORTANT : So every time you slice a psd file SAVE it in a empty folder >> then copy images from that 'images' folder to the MAIN images FOLDER where your main site is stored.You have to open dreamweaver and paste the HTML code generated by Imageready in same place where you want new changes to be seen.

STYLESHEETS

<style type="text/css"><!--
.header {font-family:Tahoma, sans-serif; font-size: 12px; COLOR:#663366; padding-left:5; padding-right:5; font-weight:900 }
.text {font-family:Tahoma,sans-serif; font-size: 11px; color:#808080; padding-left:5; padding-right:5 }
.text1 {font-family:Tahoma, sans-serif; font-size: 11px; color:#CCCCCC; padding-left:5; padding-right:5 }
.text2 {font-family:Tahoma,sans-serif; font-size: 11px; color:#000000; padding-left:5; padding-right:5; font-weight:100; }
.text3 {font-family:Tahoma, sans-serif; font-size: 11px; color:#999999; padding-left:5; padding-right:5; font-weight:100; }
.news {font-family:Arial, sans-serif; font-size: 9px; color:#666666; padding-left:5; padding-right:5; font-weight:900; }
a:link{font-family:Tahoma,sans-serif; font-size: 11px; text-decoration: none; color:#663366}
a:visited{font-family:Tahoma,sans-serif; font-size: 11px; text-decoration: none; color: #cccccc}
a:hover{font-family:Tahoma,sans-serif; font-size: 11px; text-decoration: none; color: #CC0099}
a:active{font-family:Tahoma,sans-serif; font-size: 11px; text-decoration: none; color: #cccccc}
--></style>

All style sheets are defined for easy font changes.
Headers like Press Releases , links Section and FAQ have the corresponding style sheet tag <div class="header">Press Releases</div>

Similarly each text is defined by the above tag.You can play around and add any style of text just by adding/modifying the .text2 , .text3 etc tags in top style sheet which goes in header of your page.


I hope it is now easy enough to continue and customize your website.

Wishing you luck in your Online venture.

If you have the time , please dont forget to download the 'FREE Merchant Account guide' .Why not make $$$$ with your website ;)

*** Please Note.You have the permission to use this for Personal or Business use , but are not allowed to resell it as a package or as your own work.


 

Как сделать сайт