[SOLVED] Integrating phpBB in own website

AdRock · #1 (**permalink**) Sep 22nd, 2007, 13:40

I don't know if this is the right forum but hey....

I want to integrate phpBB in my own website so I have my own header, menu and footer etc but don't know how to start

I want to the forum to be only visible in the content div if that makes any sense.

I understand by looking at the code of the forum header and footer that you need to edit the CSS but I am totally lost with this

mcdanielnc89 · #2 (**permalink**) Sep 22nd, 2007, 16:27

Hmm, well.. If i take a look I might be able to do this.. Depends as I'm a baby at css. haha

saltedm8 · #3 (**permalink**) Sep 22nd, 2007, 20:42

ok, i am quite good with with phpbb, firstly the most important thing you need to know is, any phpbb {COMMANDS} work as soon as the word with {} are placed {L_LOGIN} for example is a link for the login file placing the login script where you want it

the second is that normal html works, so adding your own menu is entirly possible and quite easy. ( you can also import php scripts the normal way )

the third thing is that the files you need to edit are the .tpl's

and the last thing is the css, if you know css, it is not difficult to replace the backgrounds, colours, headers etc

the OVERALL_HEADER.tpl is the header, the OVERALL_FOOTER.tpl is the footer - the rest is look and see, then adjust as appropiate

if you add something to the overall_header to display to one side, it will display on the left, - if you add something to the overall_footer that you want to display down the side it will appear on the right

this is basically all you need to know

any more specific questions go to http://www.phpbb.com

AdRock · #4 (**permalink**) Sep 22nd, 2007, 20:57

I tried messing around with it and it screwed the layout right up and that's without doing anything to the css.

Even if you remove all CSS to do with phpBB it still goes screwey.

Is it to do with the way they use tables for layout

saltedm8 · #5 (**permalink**) Sep 22nd, 2007, 21:57

no, if i were you i would concentrate on basic things first, like header, backgrounds, etc - for example, look for the header image they have and create an image then name it the same as them ( with the same extention .jpg, .gif etc ) and just replace the image

dont try anything with the .tpl's unless you are sure you know what you are doing, if you adjust sizes etc, it can mess the whole forum up

one of the little things you could hunt for are to adjust the width of the forum, it is located in the overall_header.tpl and finishes with 100% - just change it to adjust the width of the whole forum, unless you want to post the overall header code and i will show you where to change

the overall header and overall footer are all i would recamend you mess with for now, most of the things you would probebly want to do are located there

saltedm8 · #6 (**permalink**) Sep 22nd, 2007, 22:07

ok, i have written you an easier header ( as long as you are using the defult phpbb template )

replace your overall_header.tpl code with this

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style1 {font-size: 12px}
.style2 {color: #FFFFFF}
-->
</style>
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/subsilver/{T_HEAD_STYLESHEET}" type="text/css" -->
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
 if ( {PRIVATE_MESSAGE_NEW_FLAG} )
 {
  window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
 }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
 <tr> 
  <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr> 
    <td><a href="{U_INDEX}"><img src="templates/subsilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
    <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
    <table cellspacing="0" cellpadding="2" border="0">
     <tr> 
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subsilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subsilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subsilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subsilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
      <!-- BEGIN switch_user_logged_out -->
      &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subsilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
      <!-- END switch_user_logged_out -->
      </span></td>
     </tr>
     <tr>
      <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subsilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subsilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subsilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
     </tr>
    </table></td>
   </tr>
  </table>
  <br />

now it should be a little easyier to customise ( let me know ) - the problem is that phpbb does not take to customising very quickly unless you know what you are doing, so i made this so that most of what you do will work ( as long as its proper html and css )

AdRock · #7 (**permalink**) Sep 22nd, 2007, 22:09

OK.......here is tpl header

I appreciate any help as this is totoally new to me and I have no clue

saltedm8 · #8 (**permalink**) Sep 22nd, 2007, 22:12

do the above

AdRock · #9 (**permalink**) Sep 22nd, 2007, 22:19

How do I use my own stylesheet for the layout?

saltedm8 · #10 (**permalink**) Sep 22nd, 2007, 22:20

you dont, you will have to adjust their one so it matches your site ( there is stuff in there that is too important )

adamd · #11 (**permalink**) Oct 12th, 2007, 22:40

Hi there!

Long time lurker and i came accross this thread while google'in.

Basically i am asking the same question, but all this css and most html is right over my head.

I have a simple design for my website. I just edit the content when needed,

I am running phpbb 2.x.x

I would like to have the side navigation bar down the side as it is on the website, Well the whole section, There is the top and left hand side and the content is in the center where i would like the forum to go (if you look at the link i will post you will see what i mean)

I would still like to be able to edit the links along the side but thats about all i will need to do.

Thanks for reading,

Website address www.technicalchat.co.uk
Forum Address www.technicalchat.co.uk/forum

Adam D

alexgeek · #12 (**permalink**) Oct 12th, 2007, 22:56

Adam, please start your own thread! This is Hi-jacking someone elses.

AdRock · #13 (**permalink**) Oct 12th, 2007, 22:59

That is so weird as I thought you were talking about me as my name is Adam

adamd · #14 (**permalink**) Oct 12th, 2007, 23:12

Quote:

Originally Posted by alexgeek

Adam, please start your own thread! This is Hi-jacking someone elses.

I didn't think it was hijacking as it was the same question and not something off topic to the subject.

AdRock · #15 (**permalink**) Oct 12th, 2007, 23:14

Me too.....It saves starting 2 threads with the same objective

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Integrating to WordPress..	FXDesigns	Website Planning	4	Jan 13th, 2008 13:51
[SOLVED] phpBB issue.	mcdanielnc89	Scripts and Online Services	13	Dec 19th, 2007 07:52
[SOLVED] Integrating Blog on Website	JIM_genius5	Starting Out	6	Oct 28th, 2007 17:17
Integrating Mpp with the .NET Application.	akshitshah	ASP.NET Forum	0	Sep 28th, 2007 05:23
help with integrating forum into website	jj1234	PHP Forum	0	Feb 16th, 2006 11:16

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] Integrating phpBB in own website