Topic: Integration of punbb into my design

Good day, I am new to punbb. I have read a few topics about the subject. I did try it but without success.

All I want to do is add my top menu with background image to punbb.

This is my main.tpl code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
</head>
<body>

<div id="headermenu">
<pun_include "http://mydomain.com/punbb/include/user/headermenu.php">
</div>

<!-- ............. begin punbb code ......... -->
<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>
<!-- .................. end punbb code ..................... -->


</body>
</html>

This is my headermenu.php code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
img { behavior: url("pngfix.htc"); }
</style>
</head>
<body background="images/backstripe.jpg" bgcolor="#FFFFFF" text="#000000" style="background-attachment:fixed;background-repeat:repeat-x;">
<div id="wb_Image1" style="overflow:hidden;position:absolute;left:149px;top:16px;z-index:0" align="left">
<img src="images/header_iconbox_community.png" id="Image1" alt="" align="top" border="0" style="width:60px;height:60px;"></div>
</body>
</html>

Questions:
1- My headermenu.php file is generated from a webpage software. Does the code need to be made a certain way or something?
2- My headermenu.php file includes a background image. What is the trick for background images? 'cause mine don't show up..
3- I put the images into /include/user/images/  (is that alright?)

Any help would be appreciated,

Thank you,
itsanogo

2

Re: Integration of punbb into my design

Hello,

This is not the way for doing that..
As ur 'new to punbb' (and probably 'new to internet dev'), it's a common error, let's try to help u :
First, what do u want ? a general background image ? or a more soffisticated thing ?

Basically, applying a background can be done WITH CSS ONLY (so u don't need to modify main.tpl).
For example, just try to apply a 'background' property at #punwrap in ur css style and see if it fits to u.

Things which are BAD :
- duplicate 'DOCTYPE' or 'html' or 'body' or 'head' (which comes from ur actual code..)
- 'img' not well closed (since we're in xhtml)

3 (edited by itsanogo 2008-05-10 03:07)

Re: Integration of punbb into my design

Thank you for the reply, you made me realize we are in xhtml.... that helped alot! I was creating pages with different doctype.

With your advice, I managed to display my header into Gallery2 and punBB, but:

Problem:

All I need to do is make sure the gallery and punbb stays under the header.

http://<?>.org/
http://<?>.org/gallery2
http://<?>.org/punbb

Can anyone help me with this?

itsanogo