S
Sasha
Guest
I have purchased a template. I have a website using Yahoo small business. I am trying to figure out how to put this template on to my site. I really need help. I am familiar with HTML but not CSS and it uses alot of CSS.
Here are the instructions it gives me:
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.
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
Refer to the style.css file (located inside the SITE folder, folder name: styles] 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.
THERE ARE 2 VERSIONS OF LAYOUT DESIGN TO CHOOSE FROM.
All web template files for the table-based site are located in the folder named “TABLE BASED SITEâ€. All web template files for the CSS site are located in the folder named “CSS TABLELESS SITEâ€.
To modify your Business Logo, open the image called “logo-header.psdâ€, located in your SLICED PSD FILES folder. To do this you will need Adobe Photoshop- or any other software program that handles PSD files. While modifying your logo/header image you may find it easier to embed your “service times/join us†information with it. If you do this, simply delete the current “join us†text/css info from each page.
Remember to save the file, in the appropriate format(jpg or gif), 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. Another option, if you have difficulty editing your images, is to use the blank images provided inside the blank-extra images folder found in the main directory. ALSO NOTE: There are blank images that can be used in any type of graphic editor inside the folder named “blank imagesâ€.
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 (found inside the “styles†folder).
For Dreamweaver user’s 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.
A text navigation bar sample page (nav-sample.html) and css has also been provided for those who find it challenging to change the graphic button images.
Please be sure the entire SITE folder is uploaded to your server, including: images folder, styles folder, and all html pages.
Our templates do not include any additional scripts. All forms such as search fields, newsletter subscription, or contact information are inactive. By definition, these forms are dynamic functions that require customized setup between the end user and his or her server/host company.Â*
ANYONE CAN HELP? PLEASE!
Here are the instructions it gives me:
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.
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
Refer to the style.css file (located inside the SITE folder, folder name: styles] 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.
THERE ARE 2 VERSIONS OF LAYOUT DESIGN TO CHOOSE FROM.
All web template files for the table-based site are located in the folder named “TABLE BASED SITEâ€. All web template files for the CSS site are located in the folder named “CSS TABLELESS SITEâ€.
To modify your Business Logo, open the image called “logo-header.psdâ€, located in your SLICED PSD FILES folder. To do this you will need Adobe Photoshop- or any other software program that handles PSD files. While modifying your logo/header image you may find it easier to embed your “service times/join us†information with it. If you do this, simply delete the current “join us†text/css info from each page.
Remember to save the file, in the appropriate format(jpg or gif), 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. Another option, if you have difficulty editing your images, is to use the blank images provided inside the blank-extra images folder found in the main directory. ALSO NOTE: There are blank images that can be used in any type of graphic editor inside the folder named “blank imagesâ€.
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 (found inside the “styles†folder).
For Dreamweaver user’s 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.
A text navigation bar sample page (nav-sample.html) and css has also been provided for those who find it challenging to change the graphic button images.
Please be sure the entire SITE folder is uploaded to your server, including: images folder, styles folder, and all html pages.
Our templates do not include any additional scripts. All forms such as search fields, newsletter subscription, or contact information are inactive. By definition, these forms are dynamic functions that require customized setup between the end user and his or her server/host company.Â*
ANYONE CAN HELP? PLEASE!