Making A Style Fluid Width

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Ideas Centre
Locked
User avatar
LuntiX
Registered User
Posts: 21
Joined: Fri Nov 23, 2007 6:37 am

Making A Style Fluid Width

Post 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
User avatar
prototech
Former Team Member
Posts: 5406
Joined: Mon Mar 19, 2007 2:04 pm
Location: Southern California

Re: Making A Style Fluid Width

Post by prototech »

... Which style are you using?
Need help with MOD/style installations or other phpBB problems? Contact me for a quote.
User avatar
LuntiX
Registered User
Posts: 21
Joined: Fri Nov 23, 2007 6:37 am

Re: Making A Style Fluid Width

Post by LuntiX »

N-Design (It's posted on here somewhere)
User avatar
alecrust
Registered User
Posts: 348
Joined: Thu Mar 27, 2008 11:24 am
Location: London, UK
Contact:

Re: Making A Style Fluid Width

Post by alecrust »

Post a link to the style, and I'll show you how to make it fluid.
User avatar
LuntiX
Registered User
Posts: 21
Joined: Fri Nov 23, 2007 6:37 am

Re: Making A Style Fluid Width

Post by LuntiX »

Aha. Found it.
N-Design
User avatar
alecrust
Registered User
Posts: 348
Joined: Thu Mar 27, 2008 11:24 am
Location: London, UK
Contact:

Re: Making A Style Fluid Width

Post 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!
User avatar
LuntiX
Registered User
Posts: 21
Joined: Fri Nov 23, 2007 6:37 am

Re: Making A Style Fluid Width

Post 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.
User avatar
alecrust
Registered User
Posts: 348
Joined: Thu Mar 27, 2008 11:24 am
Location: London, UK
Contact:

Re: Making A Style Fluid Width

Post by alecrust »

No problem mate, glad I could help.
Locked

Return to “[3.0.x] Styles Support & Discussion”