Page 1 of 1

Making A Style Fluid Width

Posted: Wed Mar 26, 2008 5:40 am
by LuntiX
Alright, so I downloaded style a while ago and it's perfect. There are only two things I wanted to change about it.

a) Make the width of the style fluid. Fluid as it in isn't a fixed width.

So...Could someone teach me how to do this? Even a link would help. Just don't send me to a link where I need to search for the stuff I need (IE: PHPBB3 Documentation)

Thanks

Re: Making A Style Fluid Width

Posted: Wed Mar 26, 2008 10:22 pm
by prototech
... Which style are you using?

Re: Making A Style Fluid Width

Posted: Thu Mar 27, 2008 6:03 am
by LuntiX
N-Design (It's posted on here somewhere)

Re: Making A Style Fluid Width

Posted: Thu Mar 27, 2008 2:42 pm
by alecrust
Post a link to the style, and I'll show you how to make it fluid.

Re: Making A Style Fluid Width

Posted: Fri Mar 28, 2008 5:47 am
by LuntiX
Aha. Found it.
N-Design

Re: Making A Style Fluid Width

Posted: Fri Mar 28, 2008 9:56 am
by alecrust
Open Dreamweaver (or whatever) and do a find and replace of your whole phpBB folder for:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url('./images/bgforum.jpg');
	background-position: center;
	background-repeat:repeat-y;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}
Once found, simply remove the line:

Code: Select all

width: 860px;
And the style should fill the screen.

You will have to worry about the header image though. Since this is a fixed width of 808px, you will have to repeat an image across the top.

Hope that helps!

Re: Making A Style Fluid Width

Posted: Sat Mar 29, 2008 7:32 am
by LuntiX
alecrust wrote:Open Dreamweaver (or whatever) and do a find and replace of your whole phpBB folder for:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url('./images/bgforum.jpg');
	background-position: center;
	background-repeat:repeat-y;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}
Once found, simply remove the line:

Code: Select all

width: 860px;
And the style should fill the screen.

You will have to worry about the header image though. Since this is a fixed width of 808px, you will have to repeat an image across the top.

Hope that helps!
Yeah it does. Thanks. No worries about the header. I have that covered.

Re: Making A Style Fluid Width

Posted: Sat Mar 29, 2008 11:54 am
by alecrust
No problem mate, glad I could help.