Sei sulla pagina 1di 1

BASIC TEMPLATE INSTRUCTIONS

Before getting started you should always duplicate this folder in another location, in order to refer back to original
documents when needed.

*IMPORTANT: Because this is a free template, you must leave the link directed to Web Templates Studio
(http://www.web-templates-studio.com) in place at the bottom left of the template. Removing this link is equal to
copyright infringement.

FONTS
In order to use the same fonts as the sample file you will need to copy and paste the fonts located in your
FONTS folder, into your fonts’ folder on your computer. Location Of folder: My Computer/WINDOWS/fonts

CSS
Refer to the style.css file, along with the html web pages, when needing to modify your text, colors, and some
background images and colors. View your source code to identify which items you want to modify. This web
template is designed in advanced cascading style sheets format. In order to work with this template you will need
some understanding of how to use cascading style sheets. To learn more go to
http://www.w3schools.com/css/default.asp.

All sample text has been left in the template for you to highlight and simply replace with your own text. Again, to
modify any of the font colors, sizes, etc, refer to the style.css file.

GRAPHICS
To modify your Logo, open the image called “header.psd”, located in your PSD Files folder. To do this you will
need Adobe Photoshop- or any other software program that handles PSD files.

Remember to save the file, in the appropriate format (png), to the images folder. Also, be sure that your HTML
code reflects your re-named image(s). The same applies to all the images that are modifiable in the SLICED
PSD FILES folder. Alternatively, if you do not have Adobe Photoshop you can download a free software program
called GIMP (http://sourceforge.net/projects/gimp-sharp) that works similarly to Adobe Photoshop.

NAVIGATION BUTTONS
The navigation links in this template are HTML-based. Simply type over the existing links with your new link titles
to make the change.

ADDITIONAL TIPS
For Dreamweaver users wanting to edit the content within a scrolling div tag, simply select the outer layer and
then double-click. The layer will then expand and you will be able to edit your text without going into the code
view.

HOME PAGE SET-UP


While the internal pages of this template are designed to expand to allow for varying amounts of content, the
home page is designed to stay within certain fixed height parameters. It is therefore important that your content
(i.e. the number of lines of content) matches the general content portions displayed in the default home page for
each of the three columns. If you end up with space appearing in either of the main introduction sections, or in
your “upcoming events” section, simply reduce the number of lines of content until the original parameters are
restored.

*Please be sure the entire site is uploaded to your server, including: images folder, and all html and style pages.

If you have any additional questions, you can contact us at info@design-essentials.net.

We at Design Essentials, Web Templates Gallery, Web Templates Studio & Christian Templates Online want to
thank you for purchasing one of our custom templates. We appreciate your business. We wish you the best of
luck with your website venture.

Potrebbero piacerti anche