How to set up your ShockBar

  1. Download the ShockBar file.

  2. Prepare the ShockBar according to the general Shock Bauble instructions.

  3. Use the following parameters to embed the ShockBar in your HTML page:

    <EMBED SRC=filename SW1=buttonlist SW2=vertOrHorz SW3=soundState WIDTH=width HEIGHT=height>

    Each parameter explained:
  4. SRC=filename
    Replace 'filename' with the location of shockbar.dcr on your server. For example:

    SRC="shockbar.dcr"

  5. SW1=buttonlist
    Replace 'buttonlist' with a list of button labels and their URL links. The list should be seperated with semicolons, and follow the pattern of: "button one;link one;button two;link two; ... button ten;link ten". You can up to 10 buttons on the ShockBar. Undefined buttons will not appear. Here is an example of how the button list in SW1 could look:

    SW1="Home;index.html;Cool Stuff;cool.html;Macromedia;http://www.macromedia.com"

    Tip:Want to have an email button? Use "mailto:name@host.com" as the link in your button list. A button to send email to Mark would look like this:

    SW1="Email Mark;mailto:woodman@inkimage.com; ..."

  6. SW2=vertOrHorz
    Replace 'vertOrHorz' with either "vert" for a vertical ShockBar, or "horz" for a horizontal one. (Horizontal is the default, so if you don't specify SW2, it will automatically be a horizontal ShockBar.)

  7. SW3=soundState
    Replace 'soundState' with either "soundon" for normal button sounds, or "soundoff" for no sounds. (Normal sound is the default, so if you don't specify SW3, it will automatically have sounds.)

  8. WIDTH=width
    Replace 'width' with the width (in pixels) you will need for your ShockBar. Each button is 90 pixels wide and 24 pixels tall.

    If you have a vertical ShockBar, the width will be 90, because it will only be one button wide.

    If you have a horizontal ShockBar, remember that the buttons are "stacked" in two rows. Like so:

    :::::

    This means that the second button will appear underneath the first, the third button will appear to the right of the first, the fourth button will appear underneath the third, and so on.

    A horizontal ShockBar with one or two buttons will therefore be 90 pixels wide. Three or four buttons will be 180 pixels wide. Five or six buttons will be 270 pixels wide. Seven or eight buttons will be 360 pixels wide. And nine or ten buttons will be 450 pixels wide.

  9. HEIGHT=height
    Replace 'height' with the height (in pixels) you will need for your ShockBar. Each button is 24 pixels tall.

    If you have a vertical ShockBar, the height will be 24 x (the number of buttons you define). For example, a ShockBar with 7 buttons would have a height of 168 pixels. (24 x 7 = 168)

    If you have a horizontal ShockBar, the height will be 24 pixels high for one button, and 28 pixels hight for two or more buttons. That is because a horizontal ShockBar never has more than two rows of buttons. (24 x 2 = 48)

  10. Here is an example of how the ShockBar HTML might look in your page:

    <EMBED SRC="shockbar.dcr" SW1="Bauble Home;../index.htm;ShockBar Page;shockbar.htm;Macromedia;http://www.macromedia.com;Email Mark;mailto:woodman@inkimage.com" SW2="vert" SW3="soundon" WIDTH=90 HEIGHT=72>

    Here is how it looks:

Return to the ShockBar page.

Download the ShockBar   (12k)  Variable Dimensions
How To Use Shock-Baubles and Restrictions on Use

Main Shock-Bauble Page