Topic: Integrating with my layout? [Solved, Thanks :))
My layout is at http://simplycoding.net/
How would I integrate my layout to PunBB?
You are not logged in. Please login or register.
PunBB Forums → PunBB 1.2 modifications, plugins and integrations → Integrating with my layout? [Solved, Thanks :))
My layout is at http://simplycoding.net/
How would I integrate my layout to PunBB?
in your html file, prob index.html, remove the content, where you want the forum part to go.
Open up punbb > includes > template > main.tpl
now you want <pun_head> in your head and everything in the body, copy that to your content part.
then when you have finished coping everything from main.tpl to your html, copy everything and paste over everything in the main.tpl
just by looking at it, you could do it this way
<html>
<head>
<title>SimplyCoding :: Index</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
</head>
<body>
<div align="center">
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" id="header" height="103" valign="middle"><div align="left"><a href="index.html"><img border="0" alt="SimplyCoding" src="images/name.gif" /></a></div><div align="right"><img src="images/slogan.gif" border="0" /></div></td>
</tr>
<tr>
<td colspan="3" id="navigation" style="background-image: url('images/navigation.gif')">
<a href="index.htm">Link 1</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 2</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 3</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
4</a> <font color="#FFFFFF">|</font> <a href="index.htm#">Link 5</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 6</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
7</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 8</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 9</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
10</a></td>
</tr>
PUNBB'S MAIN.TPL ShOULD BE HERE
<td width="15" valign="top" height="325" bgcolor="#FFFFFF">This should be here</td>
</tr>
<tr>
<td colspan="3" id="footer"><center>Layout and Coding is Copyright © 2007-2008 Simply Coding <em>All Rights Reserved</em><br />All submissions are Copyrighted to their respective authors</center></td>
</tr>
</table>
</div>
</body>
</html>
this is a good starting point
read how to use the main.tpl and standard css template.
download the main.tpl and paste you code around the pun tags...
http://www.almosteffortless.com/2005/09 … and-punbb/
if you need help visit http://punlancer.com
Q
Thanks everyone
EDIT: I didn't understand what you quite meant by 'put main.tpl here' in the code, and will it carry over to all parts of the forum?
th jurm, we at punlancer can help you if you need anything let us know..
Any questions can be answered quite well on here too.
i agree.. im just trying gto get my site going .....
mad props to the dev team and great support of punbb community!!
Q
So exactly what do I do?
Heya TheJurm!
If you check the forum files you will find something called "main.tpl" in "./include/template".
Poke around in that file alittle and I think you will discover very soon how it works. I put this together very fast.. dont know how the end result will be. But check it and edit as you like.
main.tpl example:
<html>
<head>
<title>SimplyCoding :: Index</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
</head>
<body>
<div align="center">
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" id="header" height="103" valign="middle"><div align="left"><a href="index.html"><img border="0" alt="SimplyCoding" src="images/name.gif" /></a></div><div align="right"><img src="images/slogan.gif" border="0" /></div></td>
</tr>
<tr>
<td colspan="3" id="navigation" style="background-image: url('images/navigation.gif')">
<a href="index.htm">Link 1</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 2</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 3</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
4</a> <font color="#FFFFFF">|</font> <a href="index.htm#">Link 5</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 6</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
7</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 8</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 9</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
10</a></td>
</tr>
<tr><td colspan="3" id="decoration" width="100%" height="48"></td></tr>
<tr><td width="15%" valign="top" height="325" bgcolor="#FFFFFF">This needs to be here</td>
<td width="70%" valign="top" height="100%" bgcolor="#FFFFFF"><blockquote><div> </div>
<div id="punwrap">
<div id="pun<pun_page>" class="pun">
<div id="brdheader" class="block">
<div class="box">
<div id="brdtitle" class="inbox">
<pun_title>
<pun_desc>
</div>
<pun_navlinks>
<pun_status>
</div>
</div>
<pun_announcement>
<pun_main>
<pun_footer>
</div>
</div>
</blockquote></td>
<td width="15" valign="top" height="325" bgcolor="#FFFFFF">This should be here</td>
</tr>
<tr>
<td colspan="3" id="footer"><center>Layout and Coding is Copyright © 2007-2008 Simply Coding <em>All Rights Reserved</em><br />All submissions are Copyrighted to their respective authors</center></td>
</tr>
</table>
</div>
</body>
</html>
try this one out for size....
name this file as main.tpl but first rename the main.tpl to main1.tpl (backup)
<html>
<head>
<title>SimplyCoding :: Index</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<style type="text/css">
#brdtitle { display: none; }
#brdmenu { padding-top: 0; }
#punwrap { padding: 0; padding-top: 20px; margin: 0px auto; width: auto; }
DIV.box {BORDER-COLOR: #0066B9; }
.pun H2 {BACKGROUND-COLOR: #0066B9; COLOR: #FFF; }
DIV.blockpost H2 {BACKGROUND-COLOR: #0066B9; }
#punwrap * { font-family: Verdana, Arial, Sans-Serif; }
DIV.blockpost DIV.box {BORDER-COLOR: #0066B9; }
.pun { font-size: 11px !important; }
</style>
</head>
<body>
<div align="center">
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" id="header" height="103" valign="middle"><div align="left"><a href="index.html"><img border="0" alt="SimplyCoding" src="images/name.gif" /></a></div><div align="right"><img src="images/slogan.gif" border="0" /></div></td>
</tr>
<tr>
<td colspan="3" id="navigation" style="background-image: url('images/navigation.gif')">
<a href="index.htm">Link 1</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 2</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 3</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
4</a> <font color="#FFFFFF">|</font> <a href="index.htm#">Link 5</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 6</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
7</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 8</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 9</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
10</a></td>
</tr>
<tr><td colspan="3" id="decoration" width="100%" height="48"></td></tr>
<tr><td width="15%" valign="top" height="325" bgcolor="#FFFFFF">This needs to be here</td>
<td width="70%" valign="top" height="100%" bgcolor="#FFFFFF"><blockquote><div> </div>
<div id="punwrap">
<div id="pun<pun_page>" class="pun">
<div id="brdheader" class="block">
<div class="box">
<div id="brdtitle" class="inbox">
<pun_title>
<pun_desc>
</div>
<pun_navlinks>
<pun_status>
</div>
</div>
<pun_announcement>
<pun_main>
<pun_footer>
</div>
</div>
</blockquote></td>
<td width="15" valign="top" height="325" bgcolor="#FFFFFF">This should be here</td>
</tr>
<tr>
<td colspan="3" id="footer"><center>Layout and Coding is Copyright © 2007-2008 Simply Coding <em>All Rights Reserved</em><br />All submissions are Copyrighted to their respective authors</center></td>
</tr>
</table>
</div>
</body>
</html>
Thanks you guys, it is all good now Appreciate it and thanks again
hey take the <pun_navlinks> and replace it with all the link1 etc. that should put the links in the nav bar.
Q
change
<td colspan="3" id="navigation" style="background-image: url('images/navigation.gif')">
<a href="index.htm">Link 1</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 2</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 3</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
4</a> <font color="#FFFFFF">|</font> <a href="index.htm#">Link 5</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 6</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
7</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 8</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link 9</a>
<font color="#FFFFFF">|</font> <a href="index.htm#">Link
10</a></td>
to
<td colspan="3" id="navigation" style="background-image: url('images/navigation.gif')">
<pun_navlinks>
</td>
to this!
PunBB Forums → PunBB 1.2 modifications, plugins and integrations → Integrating with my layout? [Solved, Thanks :))
Powered by PunBB, supported by Informer Technologies, Inc.