1 (edited by Veloxi 2005-09-13 04:31)

Topic: How can I make my PunBB forum look like my blog?

Hi there, how are you? I just began using PunBB a few days ago (it's wonderful, by the way), integrating it into Nucleus with hcgtv's fantastic plugin (which works very well, if you're wondering). I have a question, however.

I'm not incredibly familiar with php coding or what not, but I have familiarity with style sheets. That being said, how could I get my forum to match the look of my blog/index page, with similar fonts and everything?

The site is http://www.gamingwhore.com/

Any help or advice would be most appreciated. Thanks in advance!

Re: How can I make my PunBB forum look like my blog?

If you check round in the forums you will find simliar posts with simliar request.

But in short you will need to edit the /include/template/main.tpl

I am no expert programmer or designer but have good common sense for checking code. Below is an example to have an understanding of what will be positioned where. This is how I learned from basics...

Below is the standard MAIN.TPL with just simple letter between each line, you change this for your one and you will understand the positioning of everything. The amount of people that put code in completely the wrong place. This simple test file can stop all of that.


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

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
AAAAA
<pun_head>
BBBBB
</head>
CCCCC
<body>
DDDDD
<div id="punwrap">
EEEEE
<div id="pun<pun_page>" class="pun">
FFFFF
<div id="brdheader" class="block">
GGGGG
    <div class="box">
HHHHH
        <div id="brdtitle" class="inbox">
IIIII
            <pun_title>
JJJJJ
            <pun_desc>
KKKKK
        </div>
LLLLL
        <pun_navlinks>
MMMMM
        <pun_status>
NNNNN
    </div>
OOOOO
</div>
PPPPP
<pun_announcement>
QQQQQ
<pun_main>
RRRRR
<pun_footer>
SSSSS
</div>
TTTTT
</div>
UUUUU
</body>
VVVVV
</html>


Hope this helps. It helped me with mine... smile

Re: How can I make my PunBB forum look like my blog?

Sorry...

For the changing of the fonts and what not.

You just need to change the stylesheet, which is located in /forum/style/ and also maybe look at the corresponding style sheet in /forum/style/import

If you understand stylesheets then these should be pretty straightforward and easy to change.

Any problems then ask away...will try to help. smile

Re: How can I make my PunBB forum look like my blog?

Alright, I'll give it a shot. Thanks!

5

Re: How can I make my PunBB forum look like my blog?

StevenBullen wrote:

If you check round in the forums you will find simliar posts with simliar request. ...

Haha, gotta love the "respond without thinking" technique Steven's demonstrating here wink

Seriously though, just recommend people get Aardvark for Firefox or something.

Re: How can I make my PunBB forum look like my blog?

Louis wrote:

Seriously though, just recommend people get Aardvark for Firefox or something.

Thats spot on... cheers for that... installed and running... smile

Re: How can I make my PunBB forum look like my blog?

Hey, I changed a few things on my forum to make it look a little more like the site, could someone give me some constructive feedback? Thanks!

http://www.gamingwhore.com/forum/