vb.org Archive - background image?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - background image? (https://vborg.vbsupport.ru/showthread.php?t=109410)

CSS59

03-04-2006 03:57 AM

background image?

How would I do something like the background of this for my forums?

My with is set for 90% but I want to add a left and a right image in the bg?

Thanks for the help

Princeton

03-04-2006 06:21 PM

you need to be more specific but this may help...

HTML Code:

<table width="90%" border="0" cellspacing="0" cellpadding="0">

                <tr>

                                <td>lcor_image</td>

                                <td width="100%"><div align="center">header</div></td>

                                <td>rcor_image</td>

                </tr>

</table>

HTML Code:

<table width="90%" border="0" cellspacing="0" cellpadding="0">

                <tr>

                                <td rowspan="2" valign="top">lcor_image</td>

                                <td width="100%" style="background:url(images/misc/go.gif)"><div align="center">header</div></td>

                                <td rowspan="2" valign="top">rcor_image</td>

                </tr>

                <tr>

                                <td width="100%"><div align="center">content goes here</div></td>

                </tr>

</table>

DirectPixel

03-06-2006 07:32 PM

Quote:

Originally Posted by CSS59

How would I do something like the background of this for my forums?

My with is set for 90% but I want to add a left and a right image in the bg?

Thanks for the help

Can you paste some code to your site? princeton's method works effectively for traditional website, but if you want to minimize coding, page size, and end-user load time, you can create the same effect using CSS and two images.

CSS59

03-11-2006 05:01 AM

Quote:

Originally Posted by DirectPixel

from my header?

silurius

07-03-2006 03:05 AM

I want to accomplish the same thing. I have tried this, but to no avail:

1. Add to Main CSS

Code:



leftbg .bw1 {

  background: url(images/bg/bg-left.png) repeat-y 0% 0px;

}

rightbg  .bw2 {

  background: url(images/bg/bg-right.png) repeat-y 100% 0px;

}



.bgbody-wrap {

  margin: 0px 33px;

}

2. Add to end of header template

Code:

<div class="bw1"><div class="bw2"><div id="body-wrap">

3. Add to beginning of footer template

Code:

</div></div></div>

I admit my CSS skills are pretty lame, but there you have it. Anyone see my problem?

tgillespie

07-03-2006 03:44 AM

Your 100% middle div is going to blast past your outer divs. There are two things you can do.

Put the actual image in the left and right div. Just once, so the div cannot be compressed by the 100% div OR you can remove the 100% attribute from the center div and add width attributes to the left and right divs. The width being how wide the border image is.

Let me know if that helps.

All times are GMT. The time now is 03:54 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01435 seconds Memory Usage 1,734KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (2)bbcode_html_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: