User Manual
Samples

Introduction    Style customize    Bar position    Items' actions

HTML code as items' text    XPBar from the database

Change XPBar Behaviour    Standard vs PRO

On-line Builder

PRO

STD

123Guide   

Order PRO Now    FAQ

CODETHATXPBAR STD BUILDER

There is an online CodeThatXPBar Builder for STD version.

Fill an appropriate fields, then click 'Build script' button and paste code from the Result window to your web page.

To see the result at our web site click 'Preview' button.

Please keep in mind - fields marked (*) are required.

 Read Standard vs PRO to know the differences between CodeThatXPBar Standard and PRO.

Read CodeThatXPBar User Manual to learn more about CodeThatXPBar.

Common Settings: Paths

You can't change standard paths at online version because at the other case script can't fine correct path and builder can't create correct html-code.

But at the offline version you should type at the fields bellow correct paths to SDK and CodeThatXPBar script.

Also you should specify path to Styles file (CSS) and Images directory.

CodeThatSDK (relative):
CodeThatXPBar (relative):
Styles file (CSS):

Main Settings

Position X px Y px

Style Settings

CSS class
Item offset X px Y px
Size Width Height
  Width Height
Text color
Custom text color (HEX)
Background image
Background color color
Custom background color (HEX)
Text alignment
Bullet image for non - submenu (bar) or plain (tree) items or default
Width Height
Bullet image for submenu items
Width Height
Bullet image for open submenu with items
Width Height
Image for the end item bullet when in "on" or "opened" state
Width Height
Image for the end item bullet when in "off" or "closed" state
Width Height
Z-index

Shadow Parameters

Create shadow
Shadow color
Custom shadow color (HEX)
Width

Border Parameters

Border color
Custom border color (HEX)
Width

Scroller Settings

Specify scroller parameters

"mouseover" Style Settings

   

"mouseon" Style Settings

   

Scroller Style Settings When in "mouseover" State

   

Items Settings

      

(Select item and click on 'Add item' to add an item below selected item)

Build the Script

   

© CodeThat.com, 2003-2005
Design by XTLabs, Inc.