Remove phpBB banner

For support and discussion related to templates and themes in phpBB 3.3.
Post Reply
chercheur
Registered User
Posts: 26
Joined: Wed May 12, 2021 7:25 am

Remove phpBB banner

Post by chercheur »

Hello,

I would like to get exactly the same layout as this site.
The only difference would be that I would also like to remove the "phpBB" logo.

I've followed a previous thread (for version 3.1.x) but I can't get it fully implemented. Maybe because I'm under ver.3.3.3.

1) Banner image
The image I want to use is (says Windows) 2000x520px.
I modified my colour.css like this

Code: Select all

.headerbar {
	color: #FFFFFF;
	background-image: url("./images/Image.jpg");
	background-repeat: no-repeat;
	width: 2000px;
    height: 520px;
}

But the imge appears with the wrong size.

2) remove the phpBB logo
I couldn't find a valid trick to achieve it

Thanks in advance for your help !
Last edited by chercheur on Wed May 12, 2021 10:50 am, edited 2 times in total.
User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 6669
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: Remove phpBB banner

Post by HiFiKabin »

Look for the Header Banner Extension
User avatar
Mannix_
Registered User
Posts: 1834
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: Remove phpBB banner

Post by Mannix_ »

is your browser window wide enough to display such a big image?

You probably need to adjust the max-width of the whole forum in .wrap selector in common.css or try adding backgorund-size: contain; or backgorund-size: cover; to the .headerbar selector. :)
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
chercheur
Registered User
Posts: 26
Joined: Wed May 12, 2021 7:25 am

Re: Remove phpBB banner

Post by chercheur »

Thank you for your answers.
As I don't wnt to use an extension (but tx for your work hifikabin) I did the following

1) Colour.css
Sizing of the image

Code: Select all

.headerbar {
	color: #FFFFFF;
	background-image: url("./images/image_banner.jpg");
    width: 100%;
    height: 290px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
Delete "phpBB logo"

Code: Select all

/*.site_logo {
	background-image: url("./images/site_logo.svg");
}*/
2) overall_header.html
remove site name and site description

Code: Select all

<!---				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p> -->
Enable good vision on mobile device
Comment:

Code: Select all

<!--
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
-->
Last edited by chercheur on Tue May 18, 2021 7:11 am, edited 1 time in total.
User avatar
ssl
Registered User
Posts: 1581
Joined: Sat Feb 08, 2020 2:15 pm
Location: Le Lude, Pays de la Loire - France
Name: Fred Rimbert
Contact:

Re: Remove phpBB banner

Post by ssl »

Hi
Remember to write down these changes to avoid having to redo them in the event of an update. Your best bet would be to have a style inherited from Prosilver and work on it instead of changing the default style.
Sorry for my English ... I do my best!

phpBB: 3.3.11 | PHP: 8.2.16
[GitHub] - [Kill spam on phpBB] - [Some French translation of extensions]
"Mistress, Mistress someone is bothering me in pm"
Post Reply

Return to “[3.3.x] Styles Support & Discussion”