Web Wiz - Green Windows Web Hosting
Web Wiz Homepage Search Web Wiz

  New Posts New Posts RSS Feed - HELP: Left and right background image
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

HELP: Left and right background image
 Post Reply Post Reply Page  12>
Author
  Topic Search Topic Search  Topic Options Topic Options
bjk_1903 View Drop Down
Newbie
Newbie
Avatar

Joined: 11 June 2005
Status: Offline
Points: 21 		Post Options Post Options   Thanks (0) Thanks(0)   Quote bjk_1903 Quote  Post ReplyReply Direct Link To This Post Topic: HELP: Left and right background image
    Posted: 08 July 2006 at 8:26pm
hi..
 
i want to put background images to my forum's left and right.
 
for example:
Quote
<TD class=forum_right_side width=100><IMG src="right.jpg" width=100></TD>
 
where can i put that code?
 
waiting for help, thx..


Edited by bjk_1903 - 08 July 2006 at 8:28pm
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937 		Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post 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.
Back to Top
bjk_1903 View Drop Down
Newbie
Newbie
Avatar

Joined: 11 June 2005
Status: Offline
Points: 21 		Post Options Post Options   Thanks (0) Thanks(0)   Quote bjk_1903 Quote  Post ReplyReply Direct Link To This Post Posted: 09 July 2006 at 12:32am

my english not good.

thx but i think i didn't mean that.
 
pls check 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..
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937 		Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post 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/
You could also use the images generated there for the table solution.

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




Edited by dpyers - 09 July 2006 at 1:26am

Lead me not into temptation... I know the short cut, follow me.
Back to Top
Ali Bilgrami View Drop Down
Senior Member
Senior Member
Avatar

Joined: 14 April 2005
Location: Pakistan
Status: Offline
Points: 492 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Ali Bilgrami Quote  Post ReplyReply Direct Link To This Post Posted: 09 July 2006 at 8:48am
Thanks dpyer
Back to Top
bjk_1903 View Drop Down
Newbie
Newbie
Avatar

Joined: 11 June 2005
Status: Offline
Points: 21 		Post Options Post Options   Thanks (0) Thanks(0)   Quote bjk_1903 Quote  Post ReplyReply Direct Link To This Post Posted: 09 July 2006 at 12:46pm
thx man.
 
i'll work on css solution.
Back to Top
jsaren View Drop Down
Groupie
Groupie
Avatar

Joined: 15 April 2006
Location: China
Status: Offline
Points: 95 		Post Options Post Options   Thanks (0) Thanks(0)   Quote jsaren Quote  Post ReplyReply Direct Link To This Post Posted: 09 July 2006 at 1:34pm
I like dpyers 's site!
he have done greatwork!
Back to Top
bjk_1903 View Drop Down
Newbie
Newbie
Avatar

Joined: 11 June 2005
Status: Offline
Points: 21 		Post Options Post Options   Thanks (0) Thanks(0)   Quote bjk_1903 Quote  Post ReplyReply Direct Link To This Post 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
Back to Top
 Post Reply Post Reply Page  12>

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.08
Copyright ©2001-2026 Web Wiz Ltd.

Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Notice

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT at 20% unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2026 Web Wiz Ltd. All rights reserved.