Forums

Unfortunately no one can be told what FluxBB is - you have to see it for yourself.

You are not logged in.

#1 2019-09-27 10:49:12

Koalita104
Member
Registered: 2019-09-27
Posts: 8

Insert Banner image into header.

I have just  created my forum running Fluxbb 1.5.11 with the Air3 theme, and I would like to insert a banner image into the header of the forum.

I have made a search of this forum but not found how to achieve inserting a banner image.

I would be very grateful if anyone can explain in detail how and where to insert a banner image, I'm assuming that it will be in header.php ?

Many thanks,
James.

Offline

#2 2019-09-27 12:05:44

Visman
Member
From: Siberia
Registered: 2010-07-10
Posts: 1,355
Website

Re: Insert Banner image into header.

example for your style

#brdtitle {
	height: 120px; /* picture height */
	background: #808080 url(URL_TO_YOUR_IMAGE) no-repeat top center;
}

#brdtitle h1, #brdtitle #brddesc {
	display: none; /* hide title and description */
}

Offline

#3 2019-09-27 15:39:45

Koalita104
Member
Registered: 2019-09-27
Posts: 8

Re: Insert Banner image into header.

Visman wrote:

example for your style

#brdtitle {
	height: 120px; /* picture height */
	background: #808080 url(URL_TO_YOUR_IMAGE) no-repeat top center;
}

#brdtitle h1, #brdtitle #brddesc {
	display: none; /* hide title and description */
}

Thanks for sharing that code, I'll try to put a banner up later.
I note that the Air3 style-page that I have to edit appears like this

#brdtitle h1 {
	padding: 0 0 10px 0;
}

So I would copy and paste overwriting

padding: 0 0 10px 0; 

I assume that the modified header will only be viewable to members with Air3?

Thanks again,
James.

Offline

#4 2019-09-27 22:18:18

Koalita104
Member
Registered: 2019-09-27
Posts: 8

Re: Insert Banner image into header.

I have tried several times but the banner image does not appear!

This where I've placed the code:-


/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle  {
	height: 120px; /* picture height */
	background: #808080 url
(Correct and tested URL placed here) no-repeat top center;
}

#brdtitle h1, #brdtitle #brddesc {
	display: none; /* hide title and description */
}


#brddesc {
	border-top-style: dotted;
	border-top-width: 1px;
	padding: 10px 0 0;
}

If there any errors can they be pointed out?

Thanks again,
James.

Offline

#5 2019-09-28 03:04:03

Visman
Member
From: Siberia
Registered: 2010-07-10
Posts: 1,355
Website

Re: Insert Banner image into header.

46aec39936ef27e1c14263c55d6da801.png
f26c26490c6647f8eff5efaff591ce03.jpg

Offline

#6 2019-09-28 10:34:35

Koalita104
Member
Registered: 2019-09-27
Posts: 8

Re: Insert Banner image into header.

Thanks again for your help, it is really appreciated.

I have put the code at the very bottom of the Air3CSS style page but still the banner image does not show.

I've taken a screengrab of the page so that you can see exactly if there is any error.

uDjEgIG.jpg

Last edited by Koalita104 (2019-09-28 22:51:43)

Offline

#7 2019-09-28 15:31:59

Gamer
Member
Registered: 2013-10-09
Posts: 85
Website

Re: Insert Banner image into header.

Have you cleaned cache? refresh by pressing both control and F5, see if it changes

Offline

#8 2019-09-28 22:28:29

Koalita104
Member
Registered: 2019-09-27
Posts: 8

Re: Insert Banner image into header.

Thanks, but clearing the cache did not make the banner appear.(I'm using chome btw)
I opened it in IE but still no banner.

Offline

#9 2019-09-29 06:53:05

Visman
Member
From: Siberia
Registered: 2010-07-10
Posts: 1,355
Website

Re: Insert Banner image into header.

No need space beetween "url" and "(".
And use the developer tools in the browser (F12).

Offline

#10 2019-09-29 09:31:12

Koalita104
Member
Registered: 2019-09-27
Posts: 8

Re: Insert Banner image into header.

Thanks again for your suggestions but still the banner image does not appear.

I have also tried changing styles and adding the code at the bottom of each style's css page but still with no success.

The only addition I have made to the pages is to embed the google custom search feature that was installed in 'footer.php.' could it be that???

EDIT: No, with google custom search removed, still no banner image.

Last edited by Koalita104 (2019-09-29 09:35:09)

Offline

#11 2020-02-24 01:30:33

SUPERUSER
New member
Registered: 2020-02-23
Posts: 3

Re: Insert Banner image into header.

Hola me gustaría agregar un Banner al estilo Air que es el mas indicado para mi Sitio cómo debo hacer

Offline

Board footer

Powered by FluxBB