You said you already had your shadow image.
in your stylesheet create a new declaration:
Code:
#shadow {
margin: 0 70px; /* this is based on a page width of 850px so you'll have to adjust the 70px to fit your site */
background: url(../images/your_image.???);
}
Save the file and upload to your server.
Now in includes/templates/template_default/common/tpl_main_page.php
Find:
Code:
<div id="mainWrapper">
add the following:
just above so you'll now have the following:
Code:
<div id="shadow">
<div id="mainWrapper">
Now find:
Code:
require($template->get_template_dir('tpl_footer.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer.php');?>
</div>
<!--bof- parse time display -->
Add the closing </div> just above <!--bof- parse time display --> so you'll now have the following:
Code:
require($template->get_template_dir('tpl_footer.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer.php');?>
</div>
</div>
<!--bof- parse time display -->
Save the edited file to:
includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php and upload to your server.
Bookmarks