You are not logged in. Please login or register.
PunBB Forums → PunBB 1.3 troubleshooting → Include punbb into my website
Hello folks,
Thanks for the awesome system in first place.
I want to include the forums into my website. It's almost completed but for some reason the userlist.php and search.php are both stretched over my website. Is it possible to set somewhere a value to just have these 2 files in the correct area.
The website where is this one http://www.rsw-clan.nl/enyalius/index.php
thank you guys in advance,
Greetz,
Punany
All forum's html elements should be placed in div with id "brd-wrap". As an example, see the HTML code of this page.
I've followed your instructions and its almost working. Everything fit in the correct area now. But for some reason all the graphics are gone. can someone see where the fault is located. I am very new in this kind of things so I very appreciate your help.
<html>
<head>
<LINK REL="stylesheet" HREF="basis.css" TYPE="text/css" MEDIA="screen, print">
<title>Enyalius, A HellScream Guild</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- forum_head -->
<style type="text/css">
<!--
body {
background-color: #424242;;
}
#content {
width:700;
}
#brd-wrap {
width:716;
overflow:auto;
}
-->
</style>
<script type="text/javascript">
<!--
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_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_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>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/omo_03.gif','images/omo_04.gif','images/omo_06.gif','images/omo_07.gif','images/omo_08.gif')">
<!-- Save for Web Slices (enyalius design.psd) -->
<table align="center" id="Table_01" width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="images/enyalius-design_01.png" width="800" height="134" alt=""></td>
</tr>
<tr>
<td>
<img src="images/enyalius-design_02.gif" width="226" height="23" alt=""></td>
<td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/omo_03.gif',1)"><img src="images/enyalius-design_03.gif" name="Image11" width="44" height="23" border="0"></a></td>
<td><a href="members.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/omo_04.gif',1)"><img src="images/enyalius-design_04.gif" name="Image12" width="65" height="23" border="0"></a></td>
<td><a href="about.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/omo_05.gif',1)"><img src="images/enyalius-design_05.gif" name="Image13" width="63" height="23" border="0""></a></td>
<td><a href="join.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','images/omo_06.gif',1)"><img src="images/enyalius-design_06.gif" name="Image14" width="49" height="23" border="0"></a></td>
<td><a href="forum.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','images/omo_07.gif',1)"><img src="images/enyalius-design_07.gif" name="Image15" width="53" height="23" border="0"></a></td>
<td><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','images/omo_08.gif',1)"><img src="images/enyalius-design_08.gif" name="Image16" width="74" height="23" border="0"></a></td>
<td>
<img src="images/enyalius-design_09.gif" width="226" height="23" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/enyalius-design_10.gif" width="800" height="18" alt=""></td>
</tr>
<tr>
<td colspan="8" background="images/enyalius-design_11.gif"><table id="content1" width="716" border="0" align="center">
<div id="brd-wrap" class="brd">
<td width="710"><div> <!-- forum_page --> </div>
<div id="brd-head" class="gen-content">
<!-- forum_skip -->
<!-- forum_title -->
<!-- forum_desc -->
</div>
<div id="brd-navlinks" class="gen-content">
<!-- forum_navlinks -->
<!-- forum_admod -->
</div>
<div id="brd-visit" class="gen-content">
<!-- forum_welcome -->
<!-- forum_visit -->
</div>
<!-- forum_announcement -->
<div class="hr"><hr /></div>
<div id="brd-main">
<!-- forum_main_title -->
<!-- forum_crumbs_top -->
<!-- forum_main_menu -->
<!-- forum_main_pagepost_top -->
<!-- forum_main -->
<!-- forum_main_pagepost_end -->
<!-- forum_crumbs_end -->
</div>
<!-- forum_qpost -->
<!-- forum_info -->
<div class="hr"><hr /></div>
<div id="brd-about" class="gen-content">
<!-- forum_about -->
</div>
<!-- forum_debug -->
</div>
</div>
</table></td>
</tr>
<tr>
<td valign="bottom" colspan="8"><a href="http://rsw-clan.nl/aa/"><img src="images/enyalius-design_13.gif" alt="" width="800" height="86" border="0" align="absbottom"></a></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>But for some reason all the graphics are gone.
Do you mean styles of forum?
Yea, for some reason the whole forum syle is messed up as you can see on http://www.rsw-clan.nl/enyalius/index.php
I've included all the Div's within the "brd-wrap" but for some reason the punbb graphics are all gone. so its just the text left.
and al i have changed was the main.tpl and its as shown above
PunBB Forums → PunBB 1.3 troubleshooting → Include punbb into my website
Powered by PunBB, supported by Informer Technologies, Inc.