Topic: Adding Image To Header PunBB 1.3.x

What do I need to change to get an image showing in header located at

mysite.bla/img/header.png

seen the 1.2 info, but header.php is different in 1.3.x

Thanks.

Re: Adding Image To Header PunBB 1.3.x

yes i have the same problem not understand how i can change the header.

3

Re: Adding Image To Header PunBB 1.3.x

in style_cs.css add to #brd-head
background-image:url(img/header.png);

Re: Adding Image To Header PunBB 1.3.x

yes and the background of the header with a grader how i make it?

Re: Adding Image To Header PunBB 1.3.x

Thx. That works...
Couple follow on questions;
1. When I visit website with widescreen it repeat shows image. (I had chosen 780x65 for png) What is best way to solve that? Just make image wider? Or is there a way to make it appear just once.
2. If I want that header.png to be instead of brd-title and brd-desc what would I need to doo? (or would that be a mistake for search engines trying to rank my site if they don't find such info)

6

Re: Adding Image To Header PunBB 1.3.x

1. background:url("img/header.png") no-repeat;

2. add display:none; to both styles.

7

Re: Adding Image To Header PunBB 1.3.x

fantasma wrote:

yes and the background of the header with a grader how i make it?

I'm not sure what you mean, but try this
add background:#yourcolor; That would fill the rest of the header with one color.

Re: Adding Image To Header PunBB 1.3.x

thanks teva; your help sorted out my issue

Section "Logo and Headings" [file: Oxygen_cs_css]
add:

#brd-head {
    background: #296FA5;
    color: #ddd;
    border-color: #296FA5;
    background-image:url(/img/header1.png);
    height: 60px;

[

Section "Logo and Tagline"   [file: Oxygen.css]
and for the disabling of brd-title & brd-desc:


#brd-title {
    padding-bottom: 0;
    display: none;
    }

#brd-desc {
    font-size: 1.084em;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    }

Re: Adding Image To Header PunBB 1.3.x

Hi there,

i have a similar problem. I want an linked imaged instead of an Textlink with boardtitle. Can anyone tell me how i can realize that or which template i have to edit?

http://smc.root54.de/forum/

greetz
Kahmoon

10

Re: Adding Image To Header PunBB 1.3.x

try relplacing your current img with this: (replacing blabla.com with your desired url)

<a href="blabla.com"><img src="http://smc.root54.de/tl_files/smc/graphix/logo_smc_234.jpg"></a>

Re: Adding Image To Header PunBB 1.3.x

Hmm i´m adding it with CSS backgroundimage. An url won´t work here.

12 (edited by KeyDog 2009-01-22 22:10)

Re: Adding Image To Header PunBB 1.3.x

<div id="brd-head" class="gen-content">
    <!-- forum_skip -->
  I PUT THE CODE HERE FOR BELOW RESULT
    <!-- forum_title -->
    <!-- forum_desc -->

maybe put it in main.tpl instead of css then?

worked for me

http://keydogbb.info/img/linkedimage.gif

Re: Adding Image To Header PunBB 1.3.x

i´ll try that. thx.

Re: Adding Image To Header PunBB 1.3.x

KeyDog wrote:

thanks teva; your help sorted out my issue

Section "Logo and Headings" [file: Oxygen_cs_css]
add:

#brd-head {
    background: #296FA5;
    color: #ddd;
    border-color: #296FA5;
    background-image:url(/img/header1.png);
    height: 60px;

[

Section "Logo and Tagline"   [file: Oxygen.css]
and for the disabling of brd-title & brd-desc:


#brd-title {
    padding-bottom: 0;
    display: none;
    }

#brd-desc {
    font-size: 1.084em;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    }

Thanks Keydog.

Your detailed instructions helped me loads.
I think this solution is much easier then trying to include wordpress headers etc.
As long as the logo is the same as the wordpress site then thats good enough for me. It seems too complicated for a noob like me to add forums into wordpress.

I was gonna use phpbb... but I just couldnt find an easy way to change the header. So this topic
actually convinced me to try punbb. So far so good.

anyhoo... all I gotta do now is stretch my image extra wide to stop the repeating.

Thanks again.

rake the garden

15

Re: Adding Image To Header PunBB 1.3.x

big_smile glad to hear it ! thx.

16 (edited by Mokatte 2009-11-04 14:41)

Re: Adding Image To Header PunBB 1.3.x

Section "Logo and Headings" [file: Oxygen_cs_css]
add:

#brd-head {
    background: #296FA5;
    color: #ddd;
    border-color: #296FA5;
    background-image:url(/img/header1.png);
    height: 60px;
[

Section "Logo and Tagline"   [file: Oxygen.css]
and for the disabling of brd-title & brd-desc:

#brd-title {
    padding-bottom: 0;
    display: none;
    }

#brd-desc {
    font-size: 1.084em;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    }

Hey KeyDog!

Your solution works, even noob like me managed to do it BUT, (theres always some "but" sad)
I have same problem like you had, to be more exact:

1. When I visit website with widescreen it repeat shows image. (I had chosen 780x65 for png) What is best way to solve that? Just make image wider? Or is there a way to make it appear just once.

teva told you to:

1. background:url("img/header.png") no-repeat;

I did it at "Oxygen_cs.css" file so it looks like

background-image:url(/img/xxx.PNG) no-repeat;

but when I add this "no-repeat" function, the whole image is gone, it seems like its not repeating it but not doing it for the first time aswell... sad

Any idea what to do?

I will repeat myself that when i remove "no-repeat" function its OK, but I get the same logo 2 and more times (depends on size).

Thanks in advance for your time guys.

17

Re: Adding Image To Header PunBB 1.3.x

background-image: url(/img/xxx.PNG);
------------------------------------------------------
background-image: url("img/xxx.png");
background-repeat:no-repeat;float:left;

background-image: url(../img/xxx.png);
background-repeat:no-repeat;float:left;

try the two variations above maybe...

Re: Adding Image To Header PunBB 1.3.x

KeyDog wrote:

thanks teva; your help sorted out my issue

Section "Logo and Headings" [file: Oxygen_cs_css]
add:

#brd-head {
    background: #296FA5;
    color: #ddd;
    border-color: #296FA5;
    background-image:url(/img/header1.png);
    height: 60px;

[

Section "Logo and Tagline"   [file: Oxygen.css]
and for the disabling of brd-title & brd-desc:


#brd-title {
    padding-bottom: 0;
    display: none;
    }

#brd-desc {
    font-size: 1.084em;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    }


Thanks Keydog for such a great topic.

With the help of this topic I successfully change my header. You can see it in this link : http://forum.banglalibrary.org/

BENGALI E LIBRARY
http://forum.banglalibrary.org, www.banglalibrary.org
Jyoti Tower, P-313, Nabapally, Salt Lake, Sector-IV, Kolkata-700105
E. M BYPASS, BUS STOP : CHINGRIHATA
PH : 033-23353176, +919831193298, +919836422308

19 (edited by Eretz 2010-12-22 22:29)

Re: Adding Image To Header PunBB 1.3.x

Hi there, I'm trying to insert a logo in the main board.


I have tried all these codes on Oxygen_cs.css ...#brd-head {


background-image:forum-scpo.com(/img/FSCPOfinal.jpg);

background-image:forum-scpo(/img/FSCPOfinal.jpg);

background-image:"FSCPOfinal.jpg";

background-image:http://www.forum-scpo.com(/img/FSCPOfinal.jpg);

background-image:img/FSCPOfinal.jpg;

background-image:<img src="FSCPOfinal.jpg"></img>;


And none of these changes worked to insert my logo...

An idea of the mistake i've made ? -_-

I'm a little ashamed of the noob I am.

Thanks

20

Re: Adding Image To Header PunBB 1.3.x

I've also tried :

- background-image:url(/img/FSCPOfinal.jpg);
- background-image:forum-scpo(/img/FSCPOfinal.jpg);
- background-image:transparent url(/img/FSCPOfinal.jpg);

Still nothing change...

21

Re: Adding Image To Header PunBB 1.3.x

I seriously need some help with this..

I am using the copper theme and the code above messes up the forum completely, colors missing and the logo repeat itself.

When I put in the no-repeat code the logo disappears from the header as in gone:-)

Please, please, with sugar on top, help me with this.

Thanks.

22

Re: Adding Image To Header PunBB 1.3.x

Hi folks.

I managed to get the logothing straight but ones I add the code above, this happens to my forum.

Without the logo code above it looks like this:

http://www.adelmetallforum.se/forumprob2.jpg

But ones I put in the code, the forum turns into this:

http://www.adelmetallforum.se/forumprob.jpg


Stuff and color goes missing so to speak.

Please advice.