CodeThat.com

CodeThatXPBar - HTML code as items' text

var BarDef =
{
	"style"	 :
	{
		"align" : "center",
		"color" : "#D8FEFF",
		"size"	 : [85, 85],
		"shadow" : {
			"color" : "#4669A3", "width" : 2
		},
		"border" : {
			"color" : "#96A5C2", "width" : 1
		},
		"imgspace" : 0,
		"itemoffset" : {
			"x" : 0, "y" : 0
		},
		"fixheight" : 425
	},
	"scroller" :
	{
		"style" : {
			"bgimg" : "",
			"align" : "center",
			"imgendon" : "",
			"imgendoff" : "",
			"size"	 : [85, 15],
			"border" :
			{
				"color" : "#285AA3",
				"width" : 2
			}
		},
		"styleover" : {
			"align" : "center"
		},
		"up" : "img/arrow_up.gif",
		"down" : "img/arrow.gif",
		"step" : 5, "time" : 30, "len" : 60
	},
	"itemover" : {
		"border" : {
			"color" : "#DF9F09", "width" : 2
		}
	},
	"itemon" : {
		"border" : {
			"color" : "#DF9F09", "width" : 2
		}
	},
	"position" : {
		"absolute" : true, "pos" : [10, 10]
	},
	"items" : [
	{
		"text" : '<table align=center cellspacing="0" '
		 + 'cellpadding="0" border="0" width=100%> '
		 + '<TR><TD align=center><img src="img/home.gif"> '
		 + '"</TD></TR>'
		 + '<TR><TD align=center valign=middle>'
		 + '<p class="center">Home'
		 + '</TD></TR></TABLE>',
		"style" : {
			"align" : "center",
			"form" : true,
			"bgcolor" : "#254C87",
			"border" :
			{
				"color" : "#254C87", "width" : 2
			}
		},
		"styleover" : {
			"bgcolor" : "#254C87"
		},
		"styleon" : {
			"bgcolor" : "#254C87"
		}
	},
	{
		"text" : '<table align=center cellspacing="0" cellpadding="0" '
		 + 'border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/things.gif"> '
		 + '</TD></TR>'
		 + '<TR><TD align=center valign=middle> '
		 + '<p class="center">Tools</TD></TR> '
		 + '<TR><TD align=center><img src="img/arrow.gif"> '
		 + '</TD></TR></TABLE>',
		"style" : {
			"align" : "center",
			"form" : true,
			"bgcolor" : "#4271A9",
			"border" : {
				"color" : "#4271A9", "width" : 2
			}
		},
		"styleover" : {
			"bgcolor" : "#4271A9"
		},
		"styleon" : {
			"bgcolor" : "#4271A9"
		},
		"menu" : {
			"items"	 : [
			{
				"text" : '<table align=center cellspacing="0" '
				 + 'cellpadding="0" border="0" width=100%> '
				 + '<TR><TD align=center><img src="img/paint.gif"> '
				 + '</TD></TR> '
				 + '<TR><TD align=center valign=middle> '
				 + '<p class="center">Paint '
				 + '</TD></TR></TABLE>',
				"style" : {
					"align" : "center",
					"form" : true,
					"bgcolor" : "#4271A9",
					"border" : {
						"color" : "#4271A9", "width" : 2
					}
				},
				"styleover" : {
					"bgcolor" : "#4271A9"
				},
				"styleon" : {
					"bgcolor" : "#4271A9"
				}
			},
			{
				"text" : '<table align=center cellspacing="0" '
				 + 'cellpadding="0" border="0" width=100%> '
				 + '<TR><TD align=center><img src="img/photo.gif"> '
				 + ' </TD></TR>'
				 + '<TR><TD align=center valign=middle> '
				 + '<p class="center">Photo'
				 + '</TD></TR></TABLE>',
				"style" : {
					"align" : "center",
					"form" : true,
					"bgcolor" : "#4271A9",
					"border" : {
						"color" : "#4271A9", "width" : 2
					}
				},
				"styleover" : {
					"bgcolor" : "#4271A9"
				},
				"styleon" : {
					"bgcolor" : "#4271A9"
				}
			},
			{
				"text" : '<table align=center cellspacing="0" '
				 + 'cellpadding="0" border="0" width=100%>'
				 + '<TR><TD align=center><img src="img/media.gif"> '
				 + '</TD></TR>'
				 + '<TR><TD align=center valign=middle> '
				 + '<p class="center">Media'
				 + '</TD></TR></TABLE>',
				"style" : {
					"align" : "center",
					"form" : true,
					"bgcolor" : "#4271A9",
					"border" : {
						"color" : "#4271A9", "width" : 2
					}
				},
				"styleover" : {
					"bgcolor" : "#4271A9"
				},
				"styleon" : {
					"bgcolor" : "#4271A9"
				}
			},
			{
				"text" : '<table align=center cellspacing="0" '
				 + 'cellpadding="0" border="0" width=100%>'
				 + '<TR><TD align=center><img src="img/phone.gif"> '
				 + '</TD></TR>'
				 + '<TR><TD align=center valign=middle> '
				 + '<p class="center">Calc'
				 + '</TD></TR></TABLE>',
				"style" : {
					"align" : "center",
					"form" : true,
					"bgcolor" : "#4271A9",
					"border" : {
						"color" : "#4271A9", "width" : 2
					}
				},
				"styleover" : {
					"bgcolor" : "#4271A9"
				},
				"styleon" : {
					"bgcolor" : "#4271A9"
				}
			} ]
		}
	},
	{
		"text" : '<table align=center cellspacing="0" '
		 + 'cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/apple.gif"> '
		 + '</TD></TR>'
		 + '<TR><TD align=center valign=middle> '
		 + '<p class="center">Apple'
		 + '</TD></TR></TABLE>',
		"style" : {
			"align" : "center",
			"form" : true,
			"bgcolor" : "#224A90",
			"border" : {
				"color" : "#224A90", "width" : 2
			}
		},
		"styleover" : {
			"bgcolor" : "#224A90"
		},
		"styleon" : {
			"bgcolor" : "#224A90"
		}
	},
	{
		"text" : '<table  align=center cellspacing="0" '
		 + 'cellpadding="0" border="0" width=100%> '
		 + '<TR><TD align=center><img src="img/mail.gif"> '
		 + '</TD></TR>'
		 + '<TR><TD align=center valign=middle> '
		 + '<p class="center">Mail'
		 + '</TD></TR></TABLE>',
		"style" : {
			"align" : "center",
			"form" : true,
			"bgcolor" : "#396FAB",
			"border" : {
				"color" : "#396FAB", "width" : 2
			}
		},
		"styleover" : {
			"bgcolor" : "#396FAB"
		},
		"styleon" : {
			"bgcolor" : "#396FAB"
		}
	},
	{
		"text" : '<table  align=center cellspacing="0" '
		 + 'cellpadding="0" border="0" width=100%>'
		 + '<TR><TD align=center><img src="img/icq.gif"> '
		 + '</TD></TR>'
		 + '<TR><TD align=center valign=middle> '
		 + '<p class="center">ICQ'
		 + '</TD></TR></TABLE>',
		"style" : {
			"align" : "center",
			"form" : true,
			"bgcolor" : "#285AA3",
			"border" : {
				"color" : "#285AA3", "width" : 2
			}
		},
		"styleover" : {
			"bgcolor" : "#285AA3"
		},
		"styleon" : {
			"bgcolor" : "#285AA3"
		}
	} ]
};