SiteGrinder's User Interface
Complete Reference

Contents

Complete List Of SiteGrinder Panels With Links

The SiteGrinder Window

The SiteGrinder Tools Window

SiteGrinder 2 Panels (Basic & Pro):

SiteGrinder 2 Pro Panels:

The SiteGrinder Window

The Global Controls

Certain controls are always available along the bottom of the SiteGrinder Window:

Close Button
Closes the SiteGrinder window, storing custom SiteGrinder settings inside your Photoshop document. Once you close SiteGrinder you must use Photoshop's Save command to save your document or the settings will not be preserved.
Register Button
Opens the Register dialog. Use this dialog to enter your SiteGrinder 2 Basic or SiteGrinder 2 Pro unlock code. Click here for more information on registering.
Documentation Button
Opens the SiteGrinder documentation navigator.
Build Button and Build Menu
Builds your web site based on your current settings. The type of build and the location of the built pages depends on the setting of the Build Menu. Click here for more on building your site.
About Button
Opens a panel with general information about SiteGrinder and how to contact Media Lab.
Settings Button
Opens the Settings panel, where you can change certain aspects of how SiteGrinder builds your pages. Click here for more information on the Settings panel.

The Tabbed Panes of the SiteGrinder Window

Many features of SiteGrinder are accessed simply by adding hints like "-button" and "-rollover" to the names of certain layers of your Photoshop document.

Other features are more easily set using custom controls. These controls are found in the SiteGrinder Window that opens when you select "SiteGrinder 2" from Photoshop's File->Automate menu. It is here that you will find panels that allow you to set or adjust things like page settings, button settings, etc.

SiteGrinder only makes panels visible when they are relevant to the content of your document. You won't see the Slideshow panel unless you have a layer with the -slideshow hint, for example.

Each panel contains a column of elements (usually layers) on the left and a corresponding column of settings on the right. To change the settings for any particular entry, click in the settings column next to the desired entry.

The SiteGrinder Tools Window

The SiteGrinder Tools plug-in contains tools to help you set up your file for SiteGrinder. SiteGrinder Tools are part of a separate plug-in that, like SiteGrinder, you can open from Photoshop's "File->Automate" menu.

You can use SiteGrinder Tools to do a number of things, including:

The Pages Pane

Defining pages in SiteGrinder is simply a matter of hiding and showing layers in Photoshop until the document matches how you would like a certain page to look and then saving a kind of snapshot of the current document state, giving it the name you would like the page to have. You can do this more easily using layer comps in Photoshop CS or later, or you can use the Define Page pane of SiteGrinder tools in any version of Photoshop.

From this tool you can define a page based on the current state of your Photoshop Document. You do this by typing a name for the page that matches the name of any buttons that link to this page into the "New Page Name" field. (As a shortcut, if you select a graphical button in the layers palette its name will be entered into the New Page Name field when you invoke this dialog.)

Clicking the New button will create a new page definition for the current document state.

You may also manipulate the pages that have already been defined. If you select a page from the "pages" list you can delete it, restore it, or update it.

Deleting a page removes it permanently.

Updating it causes the selected page to now reflect the current document state instead of the state that existed when the page was created.

Restoring causes the visibility of layers in the Photoshop document to switch to the way they are in the currently selected page definition.

Layers added to the document after the creation of a page definition are not included, so be sure to update your page definitions after adding any layers that should appear on them.

The Move Layers Panel

Many applications have "flowing content". Such applications automatically make room for new content to be inserted in the middle of existing content. Word Processors, for example, allow you to insert a paragraph in between two already existing paragraphs, reflowing the document so the new text can fit.

Like most graphics tools, Photoshop was not designed this way. If you decide you want to add content in the middle of a document you must manually reposition existing layers downward to make room. Even with layer linking this can be a tedious process. (In case you haven't noticed, we don't like tedious processes.).

The Move Layers tool makes this much more simple. It allows you to select a layer and slide it and every layer below its top left corner either up or down in the document.

To use it you select the appropriate layer then open SiteGrinder Tools and select the "Move Layers" pane. Type the number of pixels you want to slide the layers into the text entry box and click the "Move" button. You can enter a negative number to move the layers up instead of down.

The Smart Layerset Copy Panel

SiteGrinder makes powerful use of Photoshop's layer sets/groups. These are the little folders in the layers palette that help you to organize complex documents. (For some reason Adobe switched from calling them "sets" in CS to "groups" in CS2. Maybe in CS3 they'll be "collections"?)

Often it is useful to copy a layer set/group and change a certain word in the layer names. This is especially true of layer sets with SiteGrinder hints.

Imagine you create a layer set named "home" for part of your navigation menu. In it you have created a layer called "home-button" and another called "home-rollover". Once that button is complete you may want to create a second button that look almost the same, but it will function as your "gallery" button.

In this case you can use Smart Layerset Copy to duplicate the layer set/group and also change every occurrence of "home" in the layer names to "gallery."

The MetaData Panel

JPEG files, especially photographs from digital camera, can contain useful metadata. SiteGrinder can use this metadata on -gallery pages, in page titles, in alt tags, etc.

There are a number of ways to examine the metadata in a file. Adobe Bridge is a very good one, but it doesn't always tell you the exact label for each piece of metadata. In order to use metadata with SiteGrinder you need to now the exact name, and you can use this tool to find it.

If a JPEG file is topmost when you open SiteGrinder Tools then this panel will already be filled with the file's metadata. If the topmost file in Photoshop is not a JPEG file then you can browse to find one from this panel.

This panel shows you all the metadata that SiteGrinder can read from a file and exactly what the metadata names are for use with the -metadata hint.

The Report Panel

When you open SiteGrinder it analyzes the topmost Photoshop document and then displays the report pane:

This Pane has four main sections:

The Summary

At the top of the report you can check a brief summary of whether or not SiteGrinder thinks your file is ready to build.

If SiteGrinder has found problems, you should review the Pre-Build report, which appears below the summary.

After the build this area will contain a link to the folder where SiteGrinder built your pages. Click on the link to open the build folder.

The "Control Panel" button will give you access to ftp and PHP functions.

The Pre-Build/Post-Build Report

This is the largest area of the report. Before you build you can read through any error or warnings.

SiteGrinder will catch most common errors, often caused by typos in your layer names, and report them here. You can save time by reading them carefully and fixing the problems without instead of waiting to build before you discover them. Errors messages include hyperlinks to relevant documentation.

Clicking the Details button of the Pre-Build Report reveals which layers will be output as text and graphics, and how many pages are defined.

Clicking the Menus section of the Pre-Build Report displays information about the menus and popups SiteGrinder will build.

Once the site has been built you will see a post-build report in this area with details about how many files were created, how big they are, and how this will affect the download sizes of your pages.

The Learning SiteGrinder Area

On the left you will notice four buttons containing resources to help you learn SiteGrinder:

  • The Sample Files button shows a list of files that demonstrate a variety of basic and advanced SiteGrinder features for you to examine and build. Clicking on one of these files will open it in Photoshop and tell SiteGrinder to analyze it. At this point you can build the file and examine the results in a browser or you can close SiteGrinder and look at the layers that make up the file in Photoshop. We recommend you do both.
  • The Tip of the Day button will show information about random features of SiteGrinder you may not be aware of. Each time you click a new tip will be displayed.
  • The Tutorials button provides links to step-by-step tutorials demonstrating various SiteGrinder features
  • The Documentation button provides links into various subject areas of SiteGrinder's User Guide.

The Control Panel

Clicking the Control Panel button in the summary area gives you access to several SiteGrinder utility functions:

  • The Save Report button allows you to open the report in a browser so you can refer to it even after closing SiteGrinder to help you fix any problems that it lists.
  • The Delete Old Previews button frees up space on your local disk by deleting any files created by "Preview" builds. These files are stored in the SiteGrinderData folder in your personal documents directory.
  • The FTP Staging Upload button (Windows only)
  • The FTP Upload Site button (Windows only)
  • The Test PHP button attempts to upload a PHP test file to the ftp server specified in the Settings Panel and then open it in a browser. You will be able to tell if your server supports PHP from the results shown in your browser.

The Photoshop Files Panel

SiteGrinder can create pages from more than one Photoshop file at a time. Normally SiteGrinder assumes that the active (topmost) Photoshop document is the one you want to generate pages from. The pages panel lists all of the other open Photoshop files in case you would like to add additional files to your build. You can also choose files that are not yet open in Photoshop by clicking the "Add" button.

After you have included additional files in the build by activating the checkboxes next to the file names you must click the "Update" button in order for SiteGrinder to pre-process them. Otherwise they will be ignored. Pre-processing can take time for complex documents, so SiteGrinder waits for you to add all of the additional documents you want and then click "Update".

Once the documents have been chosen and and the "Update" button clicked, SiteGrinder treats multiple files as as if they were one large file with the layer names and layer comps from all of the files. This means that buttons from one file can refer to pages in another if they use the same name.

Click here for more information on Using Multiple Files.

The Pages Panel

All of the pages SiteGrinder will generate from your document are listed here and can have their page settings modified or can be omitted from the build. The list of pages contains a page for every button SiteGrinder identifies in your document that doesn't have a corresponding "link" layer leading to a page that already exists in your site or someone else's site. The page names are created from the button names. Thus if a button is named "home-button" and you haven't linked this button to something else with a "-link" layer or the SiteGrinder Buttons Pane, then SiteGrinder will assume you wish to make a page called "home.html." (For tutorials on how SiteGrinder makes pages and decides what to put on them click here.)

If there are buttons in your document which are not linked to anything (ie they do not match any page layer comp name and you have not set a specific link for using the "Buttons" panel or a "-link" layer) then pages named after these "orphan" buttons will show up in purple with a grey background. These are called "cloned pages" because you can build them as copies of pages that you have defined for other buttons and they are very useful for creating template pages. (See below.)

Default Settings and Custom Settings

The "Default Page Settings" can be changed here and will apply to every page SiteGrinder creates unless you add custom settings for specific individual pages. This means, for example, that you can set the default alignment to center all pages horizontally, but you can make an exception for one particular page that should be left aligned.

To change a page's settings you click in the settings column of the page list in the row of the page you wish to modify.

At this point a dialog box will appear in which you can specify custom settings or choose to use the default settings:

If you click OK the custom settings for this page will be displayed in the appropriate row of the settings column. To get rid of custom settings bring up this window and click "Use Defaults."

Setting Alignment

The alignment choices are Left, Center Horizontal, Center Horizontal and Vertical, and Right.

NOTE: Due to a bug in Microsoft Internet Explorer 5, that browser will not center vertically correctly within the constraints of XHTML 1.1. This means you must choose between XHTML compliance or IE5 compatibility. If you decide that vertical centering that functions properly in IE5 is more important, click here for a description of the necessary workaround.

Setting Background Colors & Tiles

Use the Exterior Background and Interior Background area to control what colors and tiles appear behind your page contents.

Setting the "Home Page"

In this pane you can specify a page to be the "home page" of the site by clicking the radio button to the right of the page in the "Home Page" column. This primarily means that the html file for that page will be named "index.html" so that browsers will automatically open that file when they look in your site directory if no specific file is specified. SiteGrinder will automatically adjust buttons linking to this page to link to "index.html".

Normally if you have a page called "Gallery Main-page" and a button layer named "Gallery Main-button", a file named "gallerymain.html" will be created and the button will link to it. If you set this page to be your home page then its file name will be "index.html" and SiteGrinder will automatically set "Gallery Main-button" to link to "index.html" instead.

Setting Popups that Function on this Page

Sometimes you will want a popup layer to be "sticky" on the page it corresponds to. For example if you had a popup graphic representing the "gallery" page that pops up when the "Gallery-button" layer is rolled over, you may want it to display permanently when the user is actually viewing the "Gallery-page". To achieve this you can set this menu to "Only popups representing other pages" and SiteGrinder will handle the rest.

You can also turn off all popups for a given page with this menu.

Setting the page title

Normally SiteGrinder uses the layer comp page name (without the -page hint) to create the HTML "title" for the page. This is the name of the page as it appears in the browser window when the page is being displayed. You can change this here.

You can use metadata codes in this field. If you typed "My Great Site - [[pagename]]" in this field, then the page represented by the layer comp named "Home-page" would have "My Great Site - Home" as its title.

Click here for more information on metadata.

Cloned Pages

SiteGrinder creates two kinds of pages, "explicit" and "cloned." (Called "derived" pages in SiteGrinder 1.)

"Explicit" pages are specified by the the user as either layer comps (discussed here) or SiteGrinder page definitions created with the SiteGrinder Tools plug-in (discussed here). If a button name matches to the name of a layer comp or page definition then SiteGrinder uses the layers that are visible in the comp or definition to create the page.

"Cloned" pages are created when a button name doesn't match to any layer comp name or page definition name and you haven't linked it to something. In this case SiteGrinder assumes that you wish to make a page that is derived from some other page that is explicit, or, if no explicit pages are defined it will use the current state of the Photoshop document.

The "Clone new page from" setting, like the others, has a global choice, but can also have page-by-page exceptions.

Cloned pages are very nice for creating template pages with standard graphics and a navbar that you will add main content to in some other tool. That's how we created many of these documentation pages, for example.

For further discussion of how and when to use cloned pages read the tutorial here.

Setting Page File Extensions

Sometimes, for example if you have PHP code on a page, you'll need to assign an extension to your page HTML files other than "html". Whatever you type in the "Extension" field will become the file extension for the file containing the HTML for your page(s).

The Buttons Panel

The Buttons Panel is available if at least one of your layers uses the -button hint.

The Buttons Panel allows you to change the hyperlinks for any of the button layers and menu items in your document. All layers with the "-button" hint and all items contained within layers having the "-menu" hint are listed here. Even if a button layer has a corresponding "-link" layer you can still see and modify the link in this pane.

To change the link settings for a button you click the link itself to the right of the button. When you do you will be presented with this options window:

SiteGrinder allows you to set six different kinds of links. Choose from the list of radio buttons on the left and then enter the link information into the fields on the right.

Link Types

Page
The page link panel has a menu that allows you to choose one of the pages SiteGrinder found in your document. This is the fastest and most foolproof way to set a link to a page you are about to build because there is no chance of mistyping. If the button is named after a page this link will already be set.
File
A file link allows you to choose a file on your local disk to link to. This is most useful if you are building to a folder that is in the folder hierarchy with the page you want to link to. In this case SiteGrinder will automatically generate a site-relative link.
URL
A URL allows you to type in a complete URL starting with "HTTP://" or "www". Only use this for full URLs. If you want to enter a site-relative URL use the "Literal" link type described below.
EMail
An email link let's you specify an email address and a subject line for a link. When the user of your page clicks on this type of link their email client will open and a new message with the provided address and subject will be automatically created. You only need to enter the email address itself, as shown above. You don't need to precede it with "Mailto:".
none
The "none" setting tells SiteGrinder to create an empty link. This link uses the "#" character in the resulting HTML which essentially links to the page you are already on. This is provided so that you can set up a link and add the specific URL later in another package.
Literal
The "literal" link is used for anything not explicitly provided for above. SiteGrinder will set the exact text that you type into the field as the link allowing you to enter site-relative URLs or any other sort of complex link.
Next, Previous
These two types allow automatic navigation to the page before or the page behind. These settings are analogous to the next-button and prev-button hints. Click here for details.
, Up
This button type is analogous to the up-button hint and is part of SiteGrinder 2 Pro's Gallery features.
Thumb
This button is analogous to the -thumb hint and is part of SiteGrinder 2 Pro's Gallery features.

The Text Buttons Panel

The Text Buttons Panel is available if at least one of your type layers uses the -button hint and will become text on the final web pages. (If a type layer uses the -text hint or has its anti-aliasing set to "none" it will be made into web text)

SiteGrinder graphical button layers require separate layers to represent the rollover state, if any.

Text buttons don't use a separate layer for their rollover states. Instead you use this panel to determine how your text buttons change in appearance when rolled over. You can also alter their normal appearance.

Even the text portions of hybrid buttons are included here.

Like the Compression panel, the Text Buttons panel allows you to control the global setting for all buttons, and also allows you to create custom settings for specific buttons.

To create a custom setting for a button, click the "Add..." button. A dialog will allow you to select a button from a menu of the available buttons, as well as the settings for that button. If you wish to change a button's custom settings, click on the button in the list and click the "Edit" button above the list. You will be presented with the same options you see in the default settings.

Text Button General Options

Text Style Settings for Normal and Rollover States
You can choose to have your rollover states change text style, and you can also alter certain text style features of the normal state
Borders for Normal and Rollover States
As of Photoshop CS2, there is no way to set border properties for text fields. There are many border style options supported by browsers, however, so SiteGrinder allows you to set them here for both states.
Custom Colors for Normal and Rollover States
Photoshop also provides no setting for type layer background colors. Browsers support changing text color and text background color, so SiteGrinder gives you access to these as well. Changing the "backcolor" is a popular rollover effect that creates a rectangle of the selected color behind the text.

The Compression Panel

The Compression pane is where you select the compression settings for all of the layers that SiteGrinder will output as graphics. This is how you determine what kind of files are produced (i.e. gif or jpeg) and how much or how little compression is applied. As with the Pages and Text Buttons panels you select a default choice that will be applied to all layers except those for which you create custom settings.

The "Save For Web Preset" menu lists all of the named settings from Photoshop's "Save for Web" dialog. This includes any settings you have created in that dialog and saved with a name. For a information on trying out or creating graphics settings with the Save For Web dialog click here.

If you decide that you want to apply different compression settings to a layer or button, click the "Add" button. A dialog will appear allowing you to choose a layer to add, and the custom setting you wish to use for that layer.

You can later change or delete these custom settings by selecting a layer from the layer list and then clicking the "Edit" or "Remove" buttons. When you remove a layer from the list it will once again use the default settings that you see displayed.

Some layers may not show up in the layer list because SiteGrinder is auto merging them with other layers. If you need to set a special compression setting for a layer you don't see in the list, close SiteGrinder and add the -nomerge hint to the end of the layer's name.

The Decoration Panel

Browsers support borders and background colors for various elements. Because these decorations are not supported by Photoshop you can use this pane to add them.

Here is an example of text with a dashed blue border and yellow background color decoration.

The following layer types may have decorations and will be listed in this dialog:

  • Text layers
  • Image layers containing a rectangle of a single color
  • -picturebox layers
  • -xmedia layers

Text buttons and thumbnail border settings are set in the Text Buttons and Galleries panes.

The Galleries Panel

SiteGrinder 2 Pro has advanced support for image galleries. This panel allows you to control aspects of how galleries appear and where the source JPEG images for the galleries are located.

This panel is available if your Photoshop document contains at least one layer whose name contains the -gallery hint.

Thumb Border Settings

The controls at the top of the Gallery pane determine whether thumbnail images for the galleries in your site should have borders and what they should look like.

You can optionally assign borders to three thumb states:

Normal
The normal state applies to all thumbs.
Rollover
The rollover state is drawn when the user's mouse is hovering over a thumb
Current
The current state is drawn when thumbs appear on the same page with their -picturebox. The "current" thumb is the thumb corresponding to the image currently displayed at full size in the -picturebox.

Thumbsheet Spacing

Thumbsheets are a way of having SiteGrinder automatically lay out your thumbs in a line or a grid. Use the Thumbsheet Spacing option to determine how many pixels apart each thumb will be from the others in the -thumbsheet.

Gallery-Specific Settings

To open the settings dialog for a particular gallery, click in the "Source" column to the right of your chosen gallery.

In this dialog you will be able to determine the following:

  • The image folder where your full sized images reside
  • How SiteGrinder will fit images that are larger than their pictureboxes
  • The alt tag information for your gallery images. You can use metadata here.
  • The page title for your gallery pages. You can use metadata here.
  • Whether SiteGrinder generates your thumbnails or...
  • If you have existing thumbnails in a folder you can set that here

NOTE: The "alt" tag refers to textual information about an image that is not displayed on the web page but is accessible to search engines and screen readers for the visually impaired. You can set this using the text entry field in this dialog.

Using MetaData in the Alt and Page Title fields

SiteGrinder has advanced support for JPEG image metadata.

You refer to metadata by placing the name of the metadata field you want to use in double brackets, for example: [[date]].

You can use these codes in the alt and Page Title fields of this dialog. For example, if you want the title of each page of your gallery to include the date the image on that page was taken, you would enter the following into the Page Title field (without quotes): "I took this photo on [[date]]". When SiteGrinder builds the gallery pages it will replace [[date]] on each page with the date in finds in the JPEG metadata for that page's full-sized image.

The External Media Panel

This panel is available if your Photoshop document contains at least one layer whose name includes the -xmedia hint.

The -xmedia hint tells SiteGrinder to import external files and place them according to the size and position of the layer with this hint.

These files can be images, video, flash animations, or html files.

The External Media panel lets you do several things:

  • Optionally specify an External Media folder where SiteGrinder will search for media and html files that match -xmedia layer names.
  • Optionally set a unique file to import for each -xmedia layer and for each page that layer appears on. You can select any file regardless of directory. You can even select files over the internet with URLs.
  • Set options for the imported media. These differ depending on the type of media selected.

The Page & Layer column of this panel lists all -xmedia layers once for each page they appear on. This allows you to set different media for different pages using the same -xmedia layer.

To change settings, find the layer and page combination you wish to alter and click in the "Type" column next to it.

A dialog box will open up which allows you to chooses a file. Once you select a file (or if one has already been selected) you can change the settings appropriate for the type of file.

The Slideshow Panel

This panel is available if your Photoshop document contains at least one layer whose name includes the -slideshow hint.

The -slideshow hint tells SiteGrinder to generate an animated Flash slideshow matching the size and location of the hinted image layer.

The Slideshows Panel is where you tell SiteGrinder the location of a folder of jpeg images you wish to generate the slideshow from, and the specific type of slideshow you'd like the images to become.

On the left is the list of the layers in your document that use the -slideshow hint in combination with any pages those layers appear on. This allows you to set different directories of slideshow jpegs for different pages using the same -slideshow layer.

On the right are listed the source folder and slideshow type, if they are set.

To change the settings of any slideshow, find the layer in the "Page & Slideshow" column on the right and click in the corresponding "Source" column to its left. A settings dialog will appear that allows you to choose the type of slideshow and the source directory.

The specific settings will change depending on the type of slideshow you have chosen.

The Forms Panel

This panel is available if your Photoshop document contains at least one layer whose name includes the -form hint.

HTML forms are the standard way to solicit information from visitors to web sites.  This might be for sending the site owner an email, typing in an address to get driving directions to a store location, etc.  HTML forms can contain text entry fields, menus, and other input controls.

While there is no direct analog to the various form elements in Photoshop’s bag of layer types, SiteGrinder Pro employs a straightforward way to encode multiple form elements in a single text layer. Text entry fields are denoted by underscores, buttons are surrounded by parentheses, labels are followed by colons, etc. (See example below)

SiteGrinder Pro supports the most commonly used form elements, including text fields, menus, multi-choice boxes, and checkboxes.

The Forms Panel allows you to customize your forms in several important ways:

  • Whether the form is for PHP or CGI email or is a generic form (everything else)
  • For CGI Email or Generic forms, what the custom variables and their values are
  • For CGI Email, what the URL of the mail cgi is for your server, and whether to use POST or GET
  • For generic forms, what the URL is to send the form to and whether to use POST or GET
  • For PHP email, where the email is to be sent, its subject, etc
  • For PHP email, a thank you page. This must be a page defined in SiteGrinder.

To change the settings of any slideshow, find the layer in the "Form Layer" column on the right and click on the corresponding row in the "Settings" column. A settings dialog will appear that allows you to choose the type of slideshow and the source directory.

The Settings Panel

The Settings panel is accessed from the Settings button in the lower right of the SiteGrinder Window.

The Settings panel gives users access to a number of SiteGrinder features that don't logically fit in either the hint system or the other panels of the SiteGrinder Window.

Menu Delay (Set to milliseconds. 1000 = 1 second)
How many milliseconds to keep menu up after mouse rolls off. If your popup menus are disappearing before you can get the mouse pointer over to them you should increase this number.
Menu Rollovers Track (set to : "true" or "false")
If set to "true", when there is a menu item that matches the current page, that menu item will be in its rollover state. In this way -menu layers or layer sets can be used to show the page visitor what page they are currently on. This was referred to as "hilite stays" in SiteGrinder 1.
Common CSS File
Here you can set the name SiteGrinder gives to the CSS file that contains the CSS shared by multiple pages. If you change this, be sure to enter the full file name, including the ".css" extension, such as "sharedstyles.css".
Output In Y Order (set to: "true" or "false")
If true, all layer-based output is placed into the HTML file in normal readable order (top down, left to right). If false, all output is placed into the HTML file in the same order as the layers appear in your Photoshop file's layers palette - bottom to top. The background layer comes first, followed by the others.
Unassigned Buttons (set to : "clone" or leave empty)
This option determines what SiteGrinder does when it cannot find a link to assign to a button. If set to "clone" then the button will automatically be linked to a copy of an existing page. If this is left blank then the button's link will be set to "#", which is HTML for no link. This setting will take effect the next time this document is analyzed, so you should close and re-open SiteGrinder. (Setting this feature to nothing robs SiteGrinder of a lot of its leverage and flexibility.)
External CSS File Threshold
If there are more than this number of CSS entries unique to a page then they'll be placed in their own CSS file. Use 0 (zero) to always place them in an external CSS file, or a high number to always include them in the <style> section of the document.
Launch Site (set to: "true" or "false")
If set to "true", the site will be opened in the default browser when SiteGrinder finishes building.
SiteGrinder Is Building (set to : "true" or "false"
If set to "true", after you click "Build" SiteGrinder will hide Photoshop and open the "SiteGrinder Is Building" info page in a web browser. Keep in mind that SiteGrinder builds much faster if Photoshop is hidden behind the browser. Using this option can speed up building significantly.
<head>
Here you can paste or type raw HTML to be placed into the head section of the document. Make sure any entry is XHTML 1.1 valid.
<meta>
Some commonly used meta settings. Keywords should be separated by commas.
FTP Settings
The FTP settings are totally optional. If set you'll be able to FTP upload your sites after building.