Dear surfer, Welcome to the ":: CodeThatXPBar - navigation control that provides with the same look, feel and functionality as the special control bar which can be found in Windows Explorer, Control panel and other system tools of the WindowsXP ::" page of the CodeThat.Com,The content of the page can be defined as: CodeThatXPBar is a navigation control that provides with the same look, feel and functionality as the special control bar which can be found in Windows Explorer, Control panel and other system tools of the WindowsXP.Most likely you found us using the keywords: "CodeThatXPBar, script, bar, XP bar, javascript, javascript XP bar, free, free javascript XP bar, cross-browser, html, xml, css, control panel, Windows XP, explorer".This page (and site) presumes you have JavaScript enabled and best viewed when it is enabled. Please refer to your browser's documentation to find out how you can enable the JavaScript.You may want to do it as well because we at CodeThat.Com provide these JavaScript solutions and we are useless for you unless you enable the JavaScript. Looking forward to serve you,CodeThat.Com

PRODUCTS

SUPPORT

CODETHAT

STUDIO GRID TABLE MENU TREE XPBAR HINT EDITOR TAB FORM CALENDAR SCROLLER SHOPPINGCART TREEPHP PACKER

User Manual

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 Examples Download

Themes FAQ

CODETHATXPBAR PRO BUILDER

There is an online CodeThatXPBar Builder for PRO 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.

p class=cp10>In case you've only download Standard version you're getting CodeThatXPBar Builder for STD version.

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
Absolute positioning
Alignment

Style Settings

Bullet image for non - submenu (bar) or plain (tree) items or default
CSS class
Item offset	X	px	Y	px
Size	Width		Height
Define fixed item size
	Width		Height
Text color
Custom text color (HEX)
Background image
Background color color
Custom background color (HEX)
Text alignment
	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
Opacity

Shadow Parameters

Create shadow
Shadow color
Custom shadow color (HEX)
Width

Border Parameters

Create border
Border color
Custom border color (HEX)
Width

Scroller Settings

Specify scroller parameters

Bullet image for non - submenu (bar) or plain (tree) items or default
URL of the "up" image
URL of the "down" image
Scroller's height
Step to scroll by
Pause in milliseconds
Length in pixels to scroll
Margin from the left side
CSS class
Scroller size	Width	Height
Text color
Custom text color (HEX)
Background image
Background color color
Custom background color (HEX)
Text alignment
	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
Opacity
Shadow Parameters
Create shadow
Shadow color
Custom shadow color (HEX)
Width
Border Parameters
Create border
Border color
Custom border color (HEX)
Width

"mouseover" Style Settings

Define menuitem style when in "mouseover" state

"mouseon" Style Settings

Define menuitem style when in "mouseon" state

Scroller Style Settings When in "mouseover" State

Define scroller style when in "mouseover" state

Style Settings for the Submenu When in "mouseon" State

Style Settings for the Submenu When in "mouseover" State

Style Settings for the Scroller When in "mouseover" State

CSS class

Text color

Custom text color (HEX)

Background image

Background color

Custom background color (HEX)

Align

Bullet image for non - submenu (bar) or plain (tree) items or default

Width

Height

Bullet image for submenu items

Width

Height

Image for the end item bullet when in "off" or "closed" state

Width

Height

Z-index

Opacity

Shadow Parameters

Create shadow

Shadow color

Custom shadow color (HEX)

Width

Border Parameters

Create border

Border color

Custom border color (HEX)

Width

Items Settings

Text

Ability to specify the form in this item

Specify special item type

Type

Item offset for the submenu

Action Parameters

URL

Target

Title(item hint)

JS code

JS code to evaluate when item is switched to on

JS code to evaluate when item is switched to off

Style Settings

Specify style settings for submenu

Specify style settings for for submenu when in "mouseon" state

Specify style settings for for submenu when in "mouseover" state

Specify style settings for this item

Specify style settings for this item when in "mouseover" state

Specify style settings for this item when in "mouseon" state

Style Settings for the Submenu

Style Settings for the Submenu When in "mouseon" State

Style Settings for the Submenu When in "mouseover" State

Style Settings for the Item

Style Settings for the Item When in "mouseover" State

Style Settings for the Item When in "mouseon" State

CSS class

Text color

Custom text color (HEX)

Background image

Background color

Custom background color (HEX)

Align

Bullet image for non - submenu (bar) or plain (tree) items or default

Bullet image for submenu items

Image for the end item bullet when in "off" or "closed" state

Z-index

Opacity

Shadow Parameters

Create shadow

Shadow color

Custom shadow color (HEX)

Width

Border Parameters

Create border

Border color

Custom border color (HEX)

Width

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

Build the Script

[ Home ] [ Contacts ] [ Site Map ] [ News ] [ Links ] [ Downloads ]

[ Go Top ]