View Single Post
  #2  
Old 01-07-2011, 11:18 PM
Beav` Beav` is offline
 
Join Date: Jun 2004
Location: London, UK
Posts: 64
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

There's a couple of ways to do it, and it can depend on whether your site is a fixed width or fluid.

You can do with a tables with a bit of code in the header and footer. For example, in the header you'd have something like...

HTML Code:
<table style="width: 100%;border: 0;" cellpadding="0" cellspacing="0">
<tr>
<td><img src="path_to_top_left_corner_image" style="border: 0" alt="top left" /></td>
<td style="width: 100%;background: url('path_to_repeating_top_background_image') repeat-x;"></td>
<td><img src="path_to_top_right_corner_image" style="border: 0" alt="top right" /></td>
</tr>
</table>

<table style="width: 100%;border: 0;" cellpadding="0" cellspacing="0">
<tr>
<td style="background: url('path_to_left_side_background') repeat-y"></td>
<td style="width: 100%;vertical-align: top">

<!-- your forum will show in this cell... -->
and in the footer have something like...
HTML Code:
</td>
<td style="background: url('path_to_right_side_background') repeat-y"></td>
</tr>
</table>

<table style="width: 100%;border: 0;" cellpadding="0" cellspacing="0">
<tr>
<td><img src="path_to_bottom_left_corner_image" style="border: 0" alt="bottom left" /></td>
<td style="width: 100%;background: url('path_to_repeating_bottom_background_image') repeat-x;"></td>
<td><img src="path_to_bottom_right_corner_image" style="border: 0" alt="bottom right" /></td>
</tr>
</table>
You'll probably need some spacer images for the left and right background too.

There's other ways with div's and some absolute positioned images, but it all depends on your site layout and the background image you want to use.
Reply With Quote
 
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01157 seconds
  • Memory Usage 1,776KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD_SHOWPOST
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_html
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • reputationlevel
  • showthread
Included Files:
  • ./showpost.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showpost_start
  • bbcode_fetch_tags
  • bbcode_create
  • postbit_factory
  • showpost_post
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • showpost_complete