Customizing Your Member Subscribe Page

From Enterprise Help
This is the approved revision of this page, as well as being the most recent.
Jump to: navigation, search

HTML Headers and Footers

You can fully customize the look and feel of your Member Subscribe Page by modifying the HTML Header and HTML Footer values on the Site Settings screen. The look and feel of the Member Subscribe Page can be customized by creating an HTML "wrapper" around the profile fields form. This wrapper can contain any valid HTML code, and can be used to make the Member Subscribe Page match the look and feel of your existing website.


HTML placed in the HTML header will appear before the profile field form, and HTML placed in the HTML footer will appear after the form. All references to images, style sheets, javascript and other remote files hosted on non-Fishbowl servers must be formatted as absolute references (i.e., they must begin with "http://", https:// or //). You can nest the form in table cells to make your Member Subscribe Page match the layout of your existing website, and also control the fonts and other display attributes of the form itself using style sheets.


Note: The following tags are added automatically by Enterprise and should not be included in the values you place in the HTML Header and Footer fields:


  • <!DOCTYPE...> declaration. See the Member Subscribe Page Header & Footer section for a description of how to configure this declaration.
  • <HTML> open and closing tags.
  • <HEAD> open and closing tags, as well as child elements of <HEAD>, such as <TITLE> and <META> tags.
  • <BODY> open and closing tags.

Including these tags in your Header and Footer settings may cause unpredictable results in some browsers.


Controlling page formatting with CSS

The HTML source code that Enterprise automatically generates to create your Member Subscribe Page contains references to various CSS (Cascading Style Sheet) classes that can be used to customize everything from the fonts used in the profile field form to the display attributes of the form elements themselves. You can override the default styles by placing an style declaration such as this at the beginning of your HTML Header definition:


<style type="text/css">
.ClassName { [style attributes...;] }
</style>


The external CSS file which defines these classes (and which can be used as a template for your own style sheet declarations) can be found as the following URL:


http://enterprise.fishbowl.com/members/default.css


Themes

Themes can be used to create multiple "versions" of your Member Subscribe Page. Nearly every aspect of the appearance and behavior of the Member Subscribe Page can be customized using Themes. For more information, please refer to the Themes section of this document.