Thank you for downloading this Template.We wish you success with customizing
it and using it to flourish your online presence. ADOBE PHOTOSHOP ADOBE IMAGEREADY 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 All style sheets are defined for easy font changes. 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.
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.
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.
Next open ImageReady and go to Open file >>
Click on SLICES >> Create Slices from guides
<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>
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.