Web Wiz Forums Skins - HELP: Left and right background image

Print Page | Close Window

HELP: Left and right background image

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums Skins
Forum Description: Skins to beable to change the look of Web Wiz Forums on your own site.
URL: https://forums.webwiz.net/forum_posts.asp?TID=20604
Printed Date: 28 March 2026 at 9:08am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: HELP: Left and right background image

Posted By: bjk_1903
Subject: HELP: Left and right background image
Date Posted: 08 July 2006 at 8:26pm

hi..

i want to put background images to my forum's left and right.

for example:

where can i put that code?

waiting for help, thx..

Replies:

Posted By: dpyers
Date Posted: 08 July 2006 at 11:55pm

The forum sits in a table column that is opened in header.asp and closed in footer .asp.

For an additional left column, add a <td></td> to header.asp. For an additional right column, add it to footer.asp.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: bjk_1903
Date Posted: 09 July 2006 at 12:32am

my english not good.

thx but i think i didn't mean that.

pls check http://www.thedeadrockstarclub.co.uk/forum/ - this page. you can see left.jpg and right.jpg at the forum's left and right. it looks cool and i wanna use it too.

pls help, thx..

Posted By: dpyers
Date Posted: 09 July 2006 at 1:25am

ok.
That's an example of using a background color and rounded corner images. there's a table way to do this and a css way.

For the table way, you put the forum in the center cell of the 2nd row of a 3 row table. Set the table background color to whatever.
in the first and 3rd rows, use quarter-round background/forground images in the 1st and 3rd cells. Set the width of those cells to the width of the images.

for a css solution, check out the rounded corner generator at
http://www.neuroticweb.com/recursos/css-rounded-box/ - http://www.neuroticweb.com/recursos/css-rounded-box/
You could also use the images generated there for the table solution.

I use something similar at http://new2asp.com/forum - http://new2asp.com/forum but I like the css produced by the generator better.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: Ali Bilgrami
Date Posted: 09 July 2006 at 8:48am

Thanks dpyer

Posted By: bjk_1903
Date Posted: 09 July 2006 at 12:46pm

thx man.

i'll work on css solution.

Posted By: jsaren
Date Posted: 09 July 2006 at 1:34pm

I like http://forums.webwiz.net/member_profile.asp?PF=9949&FID=20 - dpyers 's site!

http://new2asp.com/ - http://new2asp.com/

he have done greatwork!

Posted By: bjk_1903
Date Posted: 09 July 2006 at 3:02pm

i have this CSS


/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

and that HTML


<div class="rbroundbox">
	<div class="rbtop"><div></div></div>
		<div class="rbcontent">
			<p>Lorem ipsum dolor sit amet, 
			consectetuer adipiscing elit. Duis 
			ornare ultricies libero. Donec 
			fringilla, eros at dapibus fermentum,
			tellus tellus auctor erat, vitae porta 
			magna libero sed libero. Mauris sed leo. 
			Aliquam aliquam. Maecenas vestibulum.</p>
		</div><!-- /rbcontent -->
	<div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->

codes...

now what should i do?

where can i put that codes?

sorry but i don't understand that CSS stuffs.

pls help

Posted By: dpyers
Date Posted: 09 July 2006 at 6:08pm

Without testing this, I'd start by...
Put the css at the bottom of the file css/default_css.asp
Put the first 3 lines of html at the bottom of includes/header.asp
Put the last 3 lines of html at the top of includes/footer.asp

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: bjk_1903
Date Posted: 10 July 2006 at 11:11am

thx man, it worked. i got that CSS stuff.