• Registered: 2006-09-05
  • Posts: 8

Topic: Embeding the forum into my site.

Right to start off, i am completely new to punbb. So I am sorry if this sounds stupid.

My site is http://www.darkgaming.co.uk I have recently changed to punbb (so ignore the invisionfree forum linked on site) The new forum is at http://www.darkgaming.co.uk/forums/

I want to know if it is possible to embed the forum into a page on my website. Basically here is a quick screen that i edited to show what i want to achieve...

http://www.darkgaming.co.uk/punbb%20help.jpg

If you know of a tutorial, or you know how to do it, please help me! It would be most apreciated!

Thanks in advance for any help.

  • quaker
  • quaker
  • Senior Member
  • Offline
  • From: USA
  • Registered: 2006-02-22
  • Posts: 1,783

Re: Embeding the forum into my site.

open the include/template/main.tpl file there what you need to mod to fit punbb inside your website. here a example
http://bunpai.com i took it way beyond just simple moding... i incorporated punbb in my site completely.
here is my main.tpl. u will see how i modded it. and where i placed the punbb stuff <pun_stats> etc.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Bunpai- Sharing the knology with others!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="en-us" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="MSSmartTagsPreventParsing" content="true" />
    <meta name="description" content="Bunpai- Sharing the knology with others!" />
    <meta name="keywords" content="" />
    <style type="text/css" media="all">@import "images/style.css";</style>
    <!--[if IE]> <link rel="stylesheet" href='images/ie_fixes.css' type="text/css" media="screen, projection" /> <![endif]-->
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss/" />
    <style>
    #brdtitle { display: none; }
#brdmenu  { padding-top: 0; }
    DIV.box {BORDER-COLOR: #663333; }
.pun H2, #brdmenu {BACKGROUND-COLOR: #fff; COLOR: #0F61E5; }
DIV.blockpost H2 {BACKGROUND-COLOR: #fff; }
#punwrap * { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
DIV.blockpost DIV.box {BORDER-COLOR: #663333; }
.pun {
    font-size: 12px !important;
    color: #000000;
}
    </style>
</head>

<body>
    <div class="content">
        <div id="top">
            <div class="padding">
                <a href="#">About me</a> | <a href="#">Contact</a> | <a href="forum.php">Forum</a> | <a href="calendar.php">Event Calendar</a>
            </div>
        </div>
        <div id="header">
            
            <div class="title">
                <h1>Bunpai</h1>
                <h2>Sharing the knology with others!</h2>
            </div>
        </div>
    
        <div id="subheader">
            <div id="menu">
                  <ul>
                    <li><a href="index.php">Home</a></li>
                    <li><a href="forum.php">Forum</a></li>
                    <li><a href="register.php">Register</a></li>
                    <li><a href="#">Affiliates</a></li>
                      <li><a href="#">About</a></li>
                      <li><a href="#">Contact</a></li>
                  </ul>
            </div>
            
            
        </div>
        
        <div id="main">
            <div class="right_side">
                
                <div class="nav">
                 <pun_online>
                 <pun_sidelinks>
        <pun_artcatbox>
        <pun_userbox>
        <pun_toppost>
        <pun_status>
           <pun_footer>
                </div>
            </div>
            <div class="left_side">
                <div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
    </div>
</div>
<pun_main>
</div>
</div>
                
                <br />
            </div>
            
        </div>
        
        <div id="footer">
            <div class="padding">
                Copyright © 2006 Bunpai | modded by: <a href="http://bunapi.com">Bunpai </a> |
                <a href="#">Contact</a> | Powered By <a href="http://punbb.org">Punbb</a> © Copyright 2002–2005 Rickard Andersson | <a href="#">Login</a>
            </div>
        </div>
    </div>
</body>
</html>
My stuff or my style might sux, but atleast I'm willing to help when I can.
Don't be stupid and help ! We are the stupid one's !!!

quaker's Website