2013 Template v3.02 Instructions

STEP 1

Extract the zip file to your web root directory (usually htdocs or wwwroot).

Make sure your web server is configured to process SSI. It might be configured to process only files with certain file extensions such as .stm. In that case, you’ll need to either name your pages with a .stm extension or configure your server to process .html as well.

STEP 2 – NAVIGATION TYPE

Select your navigation type: Mega Drop-Down, Mini Nav, or Single Level Nav.

Open /templates/*.dwt and update line 44.

STEP 3 – COLOR SCHEME

Select a color scheme.

Open head_css_js.html and update line 27.

STEP 4 – GOOGLE ANALYTICS

Open header.*.html (the file you chose in step 1).

Insert your Google Analytics ID at line 6.

STEP 5 – HEADER IMAGES

Replace the sample /images/template2013/header_organization.png with your own logo and organization name.

Replace /images/template2013/*/header_background.jpg with your own image.

STEP 6 – SEARCH ENGINE

Create a search engine results page (SERP) or customize the sample serp.html.

Open header.*.html and enter your search engine ID at lines 31 and 60.

Open serp.html and enter your search engine ID at line 61.

If you change the filename or location of your SERP, you’ll need to update scripts.js, line 6, with your new path.

STEP 7 – FIX NAVIGATION ITEM WIDTH FOR IE 7

Open /css/600.css.  Update line 105. Set the width to 100% divided by the number of your navigation items. Round down.

STEP 8 – ICONS (OPTIONAL)

Replace the “favorites” icons with your own:

/images/template2013/apple-touch-icon-*.png
/favicon.ico

STEP 9 – CONTENT

The .html files contain examples of the new content styles.
There are 5 containers (container_style_*), 3 list styles (list_style_*), several icons that may be added to headings (see iconfont.html), and a style for creating two columns (half_width_column).

NOTE: Ribbon and Search Box in Top Right Corner

If you want a home page with the ribbon but do not want the search box in the middle, you can move it to the right corner. Follow these steps:

  1. Create your home page using one of the templates with the ribbon (2012-1.column-with.ribbon.dwt or 2012-2.column-with.ribbon.dwt ).
  2. In style.css, delete the styles with these selectors:
    .home #head_search
    .home .textfield_container
    .home #search_local_textfield
    .ie7 .home .submit_container, .ie8 .home .submit_container
    .ie7 .home .submit_container:hover, .ie8 .home .submit_container:hover
    .home .submit_container
    .home .submit_container input
  3. In 600.css, delete the style with this selector:
    .home #head_search
  4. In colorscheme_*.css, delete the style with this selector:
    .home #search_local_textfield:hover

0 Comments

Submit a Comment