The 'text' is formatted through the 'stylesheet.css' file in the styles folder. For instructions on how to modify the 'font properties' please review the Quick Start Guides 'case study' video (Section C / Part D / Chapter 3)

To replace the 'Website Name' graphic with your own graphic

delete the graphic from the page
drag your own graphic image onto the page
save and preview

For best results:

use a transparent PNG or
use a square or rectangular JPG image

Gif images may produce a jagged edge when placed over the page background. Results will vary.

For users wanting to create your own logo, you can use Macromedia Fireworks MX 2004 or 8 to modify the 'Website Name' graphic. This graphic is saved as an editable unflattened PNG. You can easily change the font, style, properties and effects using Fireworks. Save and update your site in one action.

To modify the 'Website Name' graphic using Macromedia Fireworks:

right click on the 'Website Name' graphic
select Open With...
select Fireworks MX 2004 or 8 from the list
Fireworks will open the editable PNG graphic
make your changes, click on the File menu and select SAVE
preview a web page in your browser

< BACK to TOP >

add remove or rename pages

open the "blank.htm" page by double clicking on it from the folder list

with the blank.htm page open in the design window

click on the File menu...
click on Save As...
give the page a new name (ex: page_name.htm)

** when naming files for the web, such as web pages, always use lower case, never use punctuation, and always use a hyphen ( - ) or an underscore ( _ ) between two words or more:

bad example: Fruits & Veggies 4 $$$.htm

good example same page: fruits_and_vegatables_for_sale.htm

Tip, search engines will have an easier time listing your pages if the page file name is relevant to the topic of the page, and in 'legible' format.

click on the "Change Title" button to give the new page a title, or change this in the page properties
click on Save

Your "Folder List" will display the new page, at the bottom of the list until you refresh. The original page will still be available in and untouched ready to create your next new page.

< BACK to TOP >

Removing a page: INSTRUCTIONS:

locate the page you wish to remove in the folder list
right click and select delete from the command menu
remember to remove this page from any navigation elements

top links
icons
vertical menu
bottom links

< BACK to TOP >

Renaming a page: INSTRUCTIONS:

select the page in the folder list
right click and select 'Rename'
type a new name, and remember to include the file extension of .htm
open the renamed page
switch to code view, (or right click and select page properties)
change the title:
<Title> Page Title goes here </Title> to match the new page name
change the keywords and description if required
update any navigation buttons that link to this page

** when naming files for the web, such as web pages, always use lower case, never use punctuation, and always use a hyphen ( - ) or an underscore ( _ ) between two words or more:

bad example: Fruits & Veggies 4 $$$.htm

good example same page: fruits_and_vegatables_for_sale.htm

Tip, search engines will have an easier time listing your pages if the page file name is relevant to the topic of the page, and in 'legible' format.

< BACK to TOP >

edit the icons (remove, rename and change links)

open the includes / Library folder
open the icons page
edit the text links as you would edit a regular text hyperlink
save to update

< BACK to TOP >

edit the top links (add, remove, rename and change links)

open the includes / Library folder
open the top_buttons page
edit the text links as you would edit a regular text hyperlink
save to update

< BACK to TOP >

edit the vertical menu buttons (add, remove, rename and change links)

open the includes / Library folder
open the 'vertical_menu' page

change the name on the button

double click on the text on the button to activate text edit mode
type in the new name for the button

change the hyperlink on a button

right click on a text on the button
select Hyperlink Properties
(FrontPage): browse to the page you will be linking to and click to select this page as the new hyperlink
(Dreamweaver): use the hyperlink tool in the Properties window, drag the page locator onto the page you want to set the hyperlink too
(both): or - type the name of the page into the 'Address' text field
click OK once a new page has been selected

add a new button

** in many cases, you'll want add a new button in between two existing buttons, this is the example we'll use

place your cursor at the end of an existing line of button text
press enter on your keyboard to create a new 'blank' space
in the blank space type a name for your new button
select the text for the new button (all text)
right click, selecting HYPERLINK properties
(FrontPage): browse to the page you will be linking to and click to select this page as the new hyperlink
(Dreamweaver): use the hyperlink tool in the Properties window, drag the page locator onto the page you want to set the hyperlink too
(both): or - type the name of the page into the 'Address' text field
click OK

You will see your new button added to the menu bar, placed UNDER the button where you first placed your cursor. Seeing this in action, you can now add more buttons and create a new order for your buttons.

**NOTE** you can modify the appearance of the text for the menu buttons directly on the include page, but we recommend editing the style sheet if you want to do this. More information can be found in the Case Study Video of the Quick Start Guide.

remove a button

select the button name with your cursor
press backspace on your keyboard TWICE

< BACK to TOP >

edit the bottom links (add, remove, rename and change links)

open the includes / Library folder
open the bottom_links page
edit the text links as you would edit a regular text hyperlink
save to update

< BACK to TOP >

edit the site info and copyright (add, remove, rename and change links)

open the includes / Library folder
open the site_info page
edit the text as you would edit a regular text
save to update
preview in browser
if you add additional lines of text to the site info page, this may 'skew' the bottom of the web page. preview in browser to find out if the text your added to the site info include or Library page has altered the bottom of the web page.

< BACK to TOP >

replace the 'flash images'

open the flash folder
open the flash-images folder
you'll see 4 images named:

flash-image1.jpg
flash-image2.jpg
flash-image3.jpg
flash-image4.jpg
replace these images with new images using the exact same file name (all lower case including the .jpg extension)
use NON Progressive .jpg images (these settings are located in your graphic editors export settings
use images of the same size if possible, or larger
to determine the size (dimensions) of the replacement images:

create a new blank page
drag flash-image1.jpg onto the page
double click on the image to activate the properties window
look for the 'width' and 'height' properties of this image
create your replacements using the same dimensions
save your replacement images to the flash / flash-images folder to over write the existing pics

drag or import this new music1.mp3 file into the flash/music folder to over write the existing file

< BACK to TOP >

Image Licensing Information:

The royalty free images used in this template are provided as a part of a licensing agreement between (Getty Images / Jupiter Images / Bigstockphoto.com / or Hemera Studios ) and Lucky Marble Solutions Corp / i3dthemes. If you wish to purchase a larger version of the images for your own marketing use, please contact our design team for image 'stock' number. For detailed information on the image licensing please read the licensing.pdf document included in the download package.

We highly recommend:

For the highest quality images and selection: Getty Images
For the best value in royalty free images: Bigstockphoto.com

< BACK to TOP >

Template Details

Can you customize the template for me?

Please contact our design team via your members page (customization request) button.

Can I change the colors?

You can change the font colors by editing the stylesheet, or by modifying the text directly on the page.

To modify the 'background' graphics or art work (also known as the 'template interface') you would need to modify the source graphic files first using Macromedia Fireworks. Then export your newly colored images to the graphics folder in the template. Providing that only the colors have been modified, you should be able to export in as a single action. In some templates you would also need to modify the 'header.fla' and the 'template_header.fla' using a combination of colorized .png files and flash .fla files. We do provide video instruction in the Quick Start Guide for those wanting to learn how we build, and modify our templates. This type of modification is best suited for experienced graphic designers, and flashers or for folks wanting to learn some new skills. The template source files are designed to be easily modified, but this also depends on the level of experience of the person modifying them. Depending on the template, and the degree to which you would like to modify the color of the template will greatly influence the amount time and effort it will take.

< BACK to TOP >

Include pages for FrontPage / Library Pages for Dreamweaver

We've really made this template easy to update, as all pages that share 'common' elements such as the:

logo, themed image, icons, top links, vertical links, bottom links, site info copyright

can be easily updated from one central location. The includes folder for FrontPage, or the Library folder for Dreamweaver. Your include pages are labeled. Just open the 'top links' page for example, make your changes and save. All pages will be updated automatically. No need to go through each page and copy and paste.

< BACK to TOP >

Source Files Included

This template was created using Macromedia Fireworks and Flash. Source files are provided in PNG format. Photoshop .psd files are not available for this template. You can download your source files from your members download page.

Macromedia Fireworks .png files

template.png
elements.png
flash_header.png
logo.png

Macromedia Flash .fla files

header.fla
flash-images.fla

< BACK to TOP >

Important NOTE for FrontPage 2000 / 2002 / 2003 users:

This template uses CSS-based layout which means that the page may not look exactly as it does when previewed or viewed in an actual web browser. Older versions of FrontPage use 'older' technologies in the design and preview modes and we recommend that you always 'preview' your web page in an actual web browser to see an actual representation of your web page.

This template uses TRANSPARENT PNG graphics for the logo, themed image, and icons. As with CSS, FrontPage does not 'render' the PNG graphics in the design window accurately. You would see a grey or white outline around these images. This only happens in the design window. When you preview the page in your browser, this effect will not be visible. We are using the most up to date coding practices, some of which FrontPage was not designed to take advantage of 4-6 years ago.

The 'menu' buttons or 'navigation' that many of our FrontPage users have grown accustom to, have been replaced with 'easier' to manage CSS Menu's. The CSS menu's do not rely upon FrontPage extensions, and will not have any issues if your web server looses it's FrontPage extensions. And they are far more search engine friendly.

By offering these advanced coding techniques, your website will be easier to update, fair much better in the search engines and be 'current' for years to come.

< BACK to TOP >

Website Name graphic

We've include a generic "Website name" transparent PNG graphic that we will modify FREE of Charge.

We've also included detailed instructions in the Quick Start Guide that demonstrate how you can:

order your free text logo
replace this graphic with your own logo graphic
replace this graphic with text
modify this graphic using Macromedia Fireworks (download link for 30 free trial version included)

You can easily modify the 'website name' graphic by simply opening the includes / Library folder, then open the 'logo' page. Replace the generic graphic on this page with your own graphic, or text and your web pages will be updated. Detailed info check out the Quick Start Guide.

< BACK to TOP >