ByRei - EliseBox

Simple dynamic Content by Markus Bordihn

• Home
• Documentation
• Examples
• Download
• More Scripts
• Impressum
• Disclaimer

Custome Images

Its very easy to use custome Images, you can override the existings one, set the general path to your images or use the EliseBox_imgPath-... switch to specifie the new location of the images.
This page should help you to understand what images are needed and in which case you need which images.

Header - Overview

For the EliseBox_header-... function you only need two images or four images when you what to use hover.

Modus	icon_collapse.png	icon_expand.png	icon_collapse_hover.png	icon_expand_hover.png
EliseBox_header-expand
EliseBox_header-collapse
EliseBox_hover
[Examples Images]

* Please keep in mind that all Images need the same size and in the PNG Format.

Sidebar - Overview

For the EliseBox_sidebar-... function it is more complex, because of the possibility to use position "left", "right", "top" and "bottom", also its depend if you use float "left" or "right".
So this tables will looks very big, but normaly you need only two or four images for one sidebar.

Modus	Position	Float	Hover	sidebar_left_collapse.png	sidebar_left_expand.png	sidebar_right_collapse.png	sidebar_right_expand.png	sidebar_top_collapse.png	sidebar_top_expand.png	sidebar_bottom_collapse.png	sidebar_bottom_expand.png	sidebar_left_collapse_hover.png	sidebar_left_expand_hover.png	sidebar_right_collapse_hover.png	sidebar_right_expand_hover.png	sidebar_top_collapse_hover.png	sidebar_top_expand_hover.png	sidebar_bottom_collapse_hover.png	sidebar_bottom_expand_hover.png
EliseBox_sidebar-expand	left [Default]	-	-
EliseBox_sidebar-collapse	left [Default]	-	-
EliseBox_sidebar-expand	right	-	-
EliseBox_sidebar-collapse	right	-	-
EliseBox_sidebar-expand	top	-	-
EliseBox_sidebar-collapse	top	-	-
EliseBox_sidebar-expand	bottom	-	-
EliseBox_sidebar-collapse	bottom	-	-
EliseBox_sidebar-expand	left [Default]	-
EliseBox_sidebar-collapse	left [Default]	-
EliseBox_sidebar-expand	right	-
EliseBox_sidebar-collapse	right	-
EliseBox_sidebar-expand	top	-
EliseBox_sidebar-collapse	top	-
EliseBox_sidebar-expand	bottom	-
EliseBox_sidebar-collapse	bottom	-
EliseBox_sidebar-expand	left [Default]	left	-
EliseBox_sidebar-collapse	left [Default]	left	-
EliseBox_sidebar-expand	right	left	-
EliseBox_sidebar-collapse	right	left	-
EliseBox_sidebar-expand	top	left	-
EliseBox_sidebar-collapse	top	left	-
EliseBox_sidebar-expand	bottom	left	-
EliseBox_sidebar-collapse	bottom	left	-
EliseBox_sidebar-expand	left [Default]	left
EliseBox_sidebar-collapse	left [Default]	left
EliseBox_sidebar-expand	right	left
EliseBox_sidebar-collapse	right	left
EliseBox_sidebar-expand	top	left
EliseBox_sidebar-collapse	top	left
EliseBox_sidebar-expand	bottom	left
EliseBox_sidebar-collapse	bottom	left
EliseBox_sidebar-expand	left [Default]	right	-
EliseBox_sidebar-collapse	left [Default]	right	-
EliseBox_sidebar-expand	right	right	-
EliseBox_sidebar-collapse	right	right	-
EliseBox_sidebar-expand	top	right	-
EliseBox_sidebar-collapse	top	right	-
EliseBox_sidebar-expand	bottom	right	-
EliseBox_sidebar-collapse	bottom	right	-
EliseBox_sidebar-expand	left [Default]	right
EliseBox_sidebar-collapse	left [Default]	right
EliseBox_sidebar-expand	right	right
EliseBox_sidebar-collapse	right	right
EliseBox_sidebar-expand	top	right
EliseBox_sidebar-collapse	top	right
EliseBox_sidebar-expand	bottom	right
EliseBox_sidebar-collapse	bottom	right
[Examples Images]				[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]	[Download]