ByRei - EliseBox


Simple dynamic Content by Markus Bordihn

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.

ModusPositionFloatHoversidebar_left_collapse.pngsidebar_left_expand.pngsidebar_right_collapse.pngsidebar_right_expand.pngsidebar_top_collapse.pngsidebar_top_expand.pngsidebar_bottom_collapse.pngsidebar_bottom_expand.pngsidebar_left_collapse_hover.pngsidebar_left_expand_hover.pngsidebar_right_collapse_hover.pngsidebar_right_expand_hover.pngsidebar_top_collapse_hover.pngsidebar_top_expand_hover.pngsidebar_bottom_collapse_hover.pngsidebar_bottom_expand_hover.png
EliseBox_sidebar-expandleft [Default] - -
EliseBox_sidebar-collapseleft [Default] - -
EliseBox_sidebar-expandright - -
EliseBox_sidebar-collapseright - -
EliseBox_sidebar-expandtop - -
EliseBox_sidebar-collapsetop - -
EliseBox_sidebar-expandbottom - -
EliseBox_sidebar-collapsebottom - -
EliseBox_sidebar-expandleft [Default] -
EliseBox_sidebar-collapseleft [Default] -
EliseBox_sidebar-expandright -
EliseBox_sidebar-collapseright -
EliseBox_sidebar-expandtop -
EliseBox_sidebar-collapsetop -
EliseBox_sidebar-expandbottom -
EliseBox_sidebar-collapsebottom -
EliseBox_sidebar-expandleft [Default]left -
EliseBox_sidebar-collapseleft [Default]left -
EliseBox_sidebar-expandrightleft -
EliseBox_sidebar-collapserightleft -
EliseBox_sidebar-expandtopleft -
EliseBox_sidebar-collapsetopleft -
EliseBox_sidebar-expandbottomleft -
EliseBox_sidebar-collapsebottomleft -
EliseBox_sidebar-expandleft [Default]left
EliseBox_sidebar-collapseleft [Default]left
EliseBox_sidebar-expandrightleft
EliseBox_sidebar-collapserightleft
EliseBox_sidebar-expandtopleft
EliseBox_sidebar-collapsetopleft
EliseBox_sidebar-expandbottomleft
EliseBox_sidebar-collapsebottomleft
EliseBox_sidebar-expandleft [Default]right -
EliseBox_sidebar-collapseleft [Default]right -
EliseBox_sidebar-expandrightright -
EliseBox_sidebar-collapserightright -
EliseBox_sidebar-expandtopright -
EliseBox_sidebar-collapsetopright -
EliseBox_sidebar-expandbottomright -
EliseBox_sidebar-collapsebottomright -
EliseBox_sidebar-expandleft [Default]right
EliseBox_sidebar-collapseleft [Default]right
EliseBox_sidebar-expandrightright
EliseBox_sidebar-collapserightright
EliseBox_sidebar-expandtopright
EliseBox_sidebar-collapsetopright
EliseBox_sidebar-expandbottomright
EliseBox_sidebar-collapsebottomright
[Examples Images][Download][Download][Download][Download][Download][Download][Download][Download][Download][Download][Download][Download][Download][Download][Download][Download]