ByRei - EliseBox


Simple dynamic Content by Markus Bordihn

Example: Sidebar Custom Images

In some cases it could be very help full to assigned different Images to different Sidebars.
This is also no problem with the EliseBox_imgPath-... Option.

When you define for e.g: EliseBox_imgPath-newMenu, then EliseBox will take a look in the Image Path and search for an Folder named "newMenu".

Example:
Image Path = http://example.org/exampels/images/
EliseBox_imgPath = newMenu
Then EliseBox will use the Images from http://example.org/exampels/images/newMenu/.

This option can use on every Object, please keep in mind to take a look at the Generate custom Images Page to understand which Images you needed.

Live Example

This Content will only show on request, please keep in mind when you want a box like this around your content, you need to set up the CSS style as well.

You can include everything you wanted into this Box, please keep in mind that when you insert Flash file that it is possible that the flash file still running even if you don't see it.
So it could be that you hear the sound of a Flash video, but don't see the Flash file at all.

This Content will only show on request, please keep in mind when you want a box like this around your content, you need to set up the CSS style as well.

You can include everything you wanted into this Box, please keep in mind that when you insert Flash file that it is possible that the flash file still running even if you don't see it.
So it could be that you hear the sound of a Flash video, but don't see the Flash file at all.

Test W3C Validation: Valid HTML 4.01 Strict

HTML Code

...
 <script type="text/javascript" src="byrei-elisebox_0.6.js"></script>
 <script type="text/javascript">
  if (typeof(ByRei_EliseBox) !== "undefined") {ByRei_EliseBox.config.path.img = '../images/';}
 </script>

 <div class="EliseBox_sidebar-collapse EliseBox_hover EliseBox_imgPath-newMenu">
  <div style="padding: 5px; border: 1px solid #ccc; background-color: #eee; height: 300px;">
   This Content will only show on request, please keep in mind when you want a box like this arround your content, you need to set up the CSS style as well.<br>
   <br>
   You can include everything you wanted into this Box, please keep in mind that when you insert Flashfile that it is possible that the flashfile still running even if you don't see it.<br>
   So it could be that you hear the sound of a Flashvideo, but don't see the Flashfile at all.<br>
  </div>
 </div>

 <div class="EliseBox_sidebar-collapse EliseBox_hover EliseBox_pos-right EliseBox_imgPath-newMenu">
  <div style="padding: 5px; border: 1px solid #ccc; background-color: #eee; height: 300px;">
   This Content will only show on request, please keep in mind when you want a box like this arround your content, you need to set up the CSS style as well.<br>
   <br>
   You can include everything you wanted into this Box, please keep in mind that when you insert Flashfile that it is possible that the flashfile still running even if you don't see it.<br>
   So it could be that you hear the sound of a Flashvideo, but don't see the Flashfile at all.<br>
  </div>
 </div>
...