• Registered: 2009-06-02
  • Posts: 11

Topic: [ASK] Adding Image To Header PunBB 1.2.x

How i can change the header?

Thx...

  • Registered: 2009-06-02
  • Posts: 11

Re: [ASK] Adding Image To Header PunBB 1.2.x

bad support... very bad support...  sad

  • From: Tilburg, Netherlands
  • Registered: 2006-02-04
  • Posts: 322

Re: [ASK] Adding Image To Header PunBB 1.2.x

Check "include/template/main.tpl"

kierownik's Website

  • Registered: 2009-06-02
  • Posts: 11

Re: [ASK] Adding Image To Header PunBB 1.2.x

I have to wait for weeks just to hear the answer from my simple question. PunBB quite difficult in use, far more difficult than other BB. so please improve your support or Punbb would be the loss of users...  neutral

Free does not mean not care about the user. so why do you make of this support forum if you ignore the simple question from newbie who really wants to learn PunBB like me...  neutral

Sorry for my complain... thx...

@Kierownik
Thx bro... u are the best...  smile

  • Slavok
  • PunBB Developer
  • Offline
  • From: Russia
  • Registered: 2008-06-11
  • Posts: 1,238

Re: [ASK] Adding Image To Header PunBB 1.2.x

Where do you want to add it? At the board title, description, in the navigate menu?

Slavok's Website

  • Registered: 2009-06-02
  • Posts: 11

Re: [ASK] Adding Image To Header PunBB 1.2.x

in board title and board description. i want remove board title and description, so i can put the image...

this's the code of main.tpl

<!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="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>

</body>
</html>

so, where i should put the code for header image?

thanks... thanks a lot for answer my questions...  smile

  • Slavok
  • PunBB Developer
  • Offline
  • From: Russia
  • Registered: 2008-06-11
  • Posts: 1,238

Re: [ASK] Adding Image To Header PunBB 1.2.x

To change the board title, edit the 154 line of header.php. It will look like:

$tpl_main = str_replace('<pun_title>', '<img src="http://img.informer.com/images/logo_si.png">', $tpl_main);

The board description can be changed in a similar manner.

Slavok's Website

  • Registered: 2011-05-07
  • Posts: 36

Re: [ASK] Adding Image To Header PunBB 1.2.x

Is this still valid, I can't find that line in header.php

How do I put a loggo on my forum, please advice.

9 Reply by Koos

  • Koos
  • Koos
  • Member
  • Offline
  • Registered: 2007-03-19
  • Posts: 77

Re: [ASK] Adding Image To Header PunBB 1.2.x

From the punres wiki (which has unfortunately been disabled):

Add a logo to the header via css (From PunBB Resource Wiki)

This article explains how to add a logo to you header via CSS as shown in the image.

Make your logo with photoshop or any other suitable tool. Save it as 

img/yourstylename/logo.gif

Add this to your style_cs.css: 

/* header logo */
.pun H1 
{
/* your logo and position */
background-image: url(../../img/yourstylename/logo.gif);
background-repeat: no-repeat;
background-position: left; /* you set your logo position here */
display: block;
height: 70px; /* logo height in here add width: size px if u need*/
}
 
/*header title*/
.pun H1 span
{
/* your font style */
color: #0066B9;
font-size: 20px; /* title size */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-transform: none ; /* transform text: uppercase, capitalise */
text-decoration: underline; /* decoration: none, overline */
 
/* position for your text (board title) with the logo */
position: absolute; 
top: 40px; 
left: 90px; 
}

Find: .pun H1 in stylename.css and remove the line.

Koos's Website