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" : "xpbar/img/arrow_up.gif",
"down" : "xpbar/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="xpbar/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="xpbar/img/things.gif"> '
+ '</TD></TR>'
+ '<TR><TD align=center valign=middle> '
+ '<p class="center">Tools</TD></TR> '
+ '<TR><TD align=center><img src="xpbar/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="xpbar/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="xpbar/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="xpbar/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="xpbar/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="xpbar/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="xpbar/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="xpbar/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"
}
} ]
};
|