How to integrate forum into own website layout

This forum is now closed. Please ask all styles-related questions in the phpBB 3.0 Styles Support & Discussion Forum.
Locked
AdRock952
Registered User
Posts: 6
Joined: Sat Nov 25, 2006 12:22 am
Contact:

How to integrate forum into own website layout

Post by AdRock952 »

I am very new to trying to style phpBB to match my own website and am really stuck.

Basically, I have a 2 column centered layout for my site with a header at the top, a left column for the navigation, the right column holds the page content etc and a footer at the bottom of the page.

What I would like to do is have the phpBB forum open up in just the right content column so it really looks like it gets included in the content div. I understand that this can't be done but how do I style the tpl_header so the layout is the same as my website . I have attached an image of what my website layout looks like as you can't link directly to webstes.

i can include my css for the layout if anybody needs to look at it.

Any help is greatly appreciated as I have never done this before and all previous attempts have failed miserably
Attachments
Jack Godfrey Honeylands Support Fund_1190722703609.png
Jack Godfrey Honeylands Support Fund_1190722703609.png (169.4 KiB) Viewed 30438 times
User avatar
Greenweaver
Former Team Member
Posts: 3913
Joined: Tue Jan 10, 2006 5:25 am
Location: In the rain
Contact:

Re: How to integrate forum into own website layout

Post by Greenweaver »

Yes, you do have a problem. I would suggest the best option for you to use would be to use the html <iframe> tags. It would work like so:

Get yourself a new page set up (the one you want to board to be on), keep the design as you normally would for all your other pages, then it the right hand side content column add something like this:

Code: Select all

<div><iframe src ="link to board location in here"width="600px" height="400px"></iframe></div>
Now with the code above you will need to use some accuracy, so you will first need to edit the "src" reference to the location of your phpBB, adjust the height and width dimensions also so that it does not break your page layout. This will give you the effect you are looking for.

The downside to this will be that you will need to compensate the expanding height of your phpBB with scroll bars, but none the less it is still and effective result.
Image
Modage: Page Title Number MOD
Linkage: Find me at Styles Support & Discussion | Get a new style | Customise your style | phpBB userguide
Noteage:
Graphics requests to members over 20 posts and genuine phpbb requirements | I do not provide custom psd files
lee2am
Registered User
Posts: 21
Joined: Thu Aug 09, 2007 11:31 am

Re: How to integrate forum into own website layout

Post by lee2am »

Dear all,

Ive tried to add my forum using html code box in my web page .


and type


<div><iframe src ="www.freeridingbikersclub.com/forum"width="600px" height="400px"></iframe></div>

and it failed.

Please help guys.
efficacious
Registered User
Posts: 355
Joined: Thu Aug 02, 2007 5:25 am
Location: 127.0.0.1

Re: How to integrate forum into own website layout

Post by efficacious »

what happen when it failed?

you may have to set the style width as well.
GET YOUR OWN CUSTOM STYLE PM ME

Recent works:
http://www.phpbb.com/community/viewtopi ... 4&t=633545
THE Nemesis
Registered User
Posts: 23
Joined: Thu Sep 25, 2008 3:58 pm

Re: How to integrate forum into own website layout

Post by THE Nemesis »

resolved thanks
blackpoolwebdesign
Registered User
Posts: 1
Joined: Tue Apr 28, 2009 10:54 am

Re: How to integrate forum into own website layout

Post by blackpoolwebdesign »

Hi there,

I have just integrated the board to my website and found your guide easy to follow, so I just want to say a big thanks.

Next step is to customise it's appearance..lol. Wish me luck!

Thanks,

Gav.

Forum page is on ...

http://www.phpbb.com/rules/#rule5d
Last edited by ckwalsh on Tue Apr 28, 2009 2:20 pm, edited 1 time in total.
Reason: Removed link
Locked

Return to “[2.0.x] Styles Development & Discussion”