PhpBB: How do you add your own website logo or banner to your phpBB forum?

Matthew Hendricks By Matthew Hendricks, 23rd Oct 2013 | Follow this author | RSS Feed
Posted in Wikinut>Guides>Internet

After installing a phpBB forum on your website, you're in the clouds! Yippeee, your forum is looking splendid and promising networking and socialising opportunities unfathomable by the imaginationless!

But, as it sinks in and you get to know your forum, first thing you want to change, is the default logo in the upper left hand side corner on the forum header. It's a PhpBB logo, and obviously you want to have your own logo there.

PhpBB: How do you add your own website logo or banner to your phpBB forum header when you don't have access to the image sets?

Now, you may or may not want to change the entire template of your forum, to colors and styles that suit your own themes. Or, you may just use the default template, currently it's usually ProSilver, but have your own logo or banner at the top.

How to do this? Well, I've searched online and found many people giving you all sorts of complicated instructions about image sets and whatnot. This would not even work if you installed your phpbb forum with "one-click" install, provided by your webhost, because you don't have access to the files. Can you still change the forum logo to your own?

Absolutely.

To see the below information fully illustrated and with more information, please see this guide.

Before you change the images in your forum folders, you might try these simple steps to get your own logo or banner onto your forum, quick and easy.

1. Create your own logo, as a .jpg or .png file, in any image editor. It need just be small, not even higher than 150 pixels. However, you do not need to scale it perfectly, as you can scale it with html code later on.

2. UPLOAD THIS LOGO TO YOUR WEBSITE and remember the path. For example, www.mysite.com/mylogo.png

3. Open your browser and go to your forum's website. Log in using your Administrator username.

4. Once logged in, you will see a link at the bottom, "Administration Control Panel". Log into that. Now you should have your ACP page open.

5. Click on the STYLES tab.

6. On the left hand side is a style component called "Templates". Click on that.

You should now see your installed templates.

7. Click "Edit" next to the template that is currently installed on your forum.

You should then be able to select all that template's files with a dropdown box.

8. Choose in the dropdown box the file "overall_header.html".

Click "Select template file". An edit window should open showing all the code of the file.

9. About halfway into the code, you should see in brackets like < and >:

div id="site-description"

a href="{U_INDEX}" title="{L_INDEX}" id="logo"

Delete the code between that and the following shortly after it, which would of course also have html brackets < and >:

h1 {SITENAME} /h1

p {SITE_DESCRIPTION} /p

10. Now, what you deleted, should be replaced with the normal image html code for your website banner you uploaded in step 1, for example:

img src="http://www.mysite.com/mylogo.jpg" height=150 (include html brackets < and >.)

11. Click "Submit" underneath the code editor window, and your "overall_header.html" file should be saved.

Now, if right-click on Board Index in the upper right hand corner, you can open your forum in a new window to see the results so far.

Viola! Your site is branded in your image!

Now you can use your Board Settings to be found in your Administrator Control panel to omit the remaining text next to or underneath your logo (in the example above, "My Board" and "A short text to describe your forum").

Or you could just have one or the other; a short tagline for a description remaining for example.

IMPORTANT:

You MUST use your FTP client to download and locally save all files that you have changed, for example overall_header.html. Keep these where you will know where to retrieve them.

The reason is that if you ever update your phpbb forum software with a newer version, all the changes you have made will be lost.

If you have these files locally saved however, simply upload the changed files again after a software upgrade, and you will have your changes display again.

Tags

Header, Image Sets, Logo, Phpbb

Meet the author

author avatar Matthew Hendricks
Matthew Hendricks has been writing on various topics for various websites for the past six years. His background includes media, web design, videography, video editing and consumer reviews.

Share this page

moderator Steve Kinsman moderated this page.
If you have any complaints about this content, please let us know

Comments

author avatar Mk
12th Nov 2013 (#)

Gucci Outlet Online, http://www.guccishoes-factory.net/

Coach Factory Outlet, http://www.coachfactories.com/

Ralph Lauren Outlet Online, http://www.laurenpoloralph.com/

North Face Jackets Clearance, http://www.north-clearances.com/

MCM Bags Outlet Online, http://www.mcmsworldwide.com/

Michael Kors Outlet Online, http://www.clickmichaelkors.com/

Coach Outlet, http://coachoutlettusa.tumblr.com/

Coach Purse Outlet Online, http://www.coach-pursesonsale.com/

Louis Vuitton Outlet, http://www.lv-guccishoesfactory.com/

Michael Kors Outlet Online, http://www.michaelkorsoutletsusa.com/

Monster Beats Outlet, http://www.mmonsterheadphones.net/

Coach Factory Store, http://coachfactorys.tumblr.com/

North Jackets Outlet Online, http://www.north-faceoutletonlines.net/

Coach Factory, http://www.bags-outletfactory.com/

Coach Purses Outlet, http://www.newoutletonlinemall.com/

Polo Outlet, http://www.polo-outletstoreonline.com/

Louis Vuitton Outlet Online, http://www.l-vusashop.com/

Ugg Bailey Button Factory, http://auuggboots.tumblr.com/

Coach Outlet Online, http://www.copursesoutletonline.com/

Michael Kors Outlet, http://www.mkoutletcarts.com/

Reply to this comment

author avatar Guoguo
9th Aug 2014 (#)

http://www.coachoutletstoreinuk.com Coach Outlet Online
http://www.coachfactoryoutletanus.com Coach Outlet
http://www.coachoutletonlineunsius.com Coach Factory Outlet
http://www.coachoutletonlinetur.com Coach Outlet Online
http://www.coachfactoryoutletnbsa.com Coach Outlet Store
http://www.coachfactoryoutletuisa.com Coach Outlet Store Online
http://www.coachoutletstorenie.com Coach Outlet
http://www.coachfactorystoreuin.com Coach Factory Online
http://www.coachfactoryoutletreba.com Coach Factory Outlet
http://www.coachfactoryoutletonlinesius.com Coach Factory Outlet
http://www.coachoutletonlinetnse.com Coach Outlet
http://www.coachoutletnoia.com Coach Outlet Store Online
http://www.chaneloutletinus.com Chanel Outlet Online
http://www.louisvuittonoutletina.com Louis Vuitton Outlet
http://www.louisvuittonoutletine.com Louis Vuitton Handbags
http://www.guccibeltsoutletbcus.com Gucci Belt
http://www.guccibelststco.com Gucci Belts

Reply to this comment

author avatar Guoguo
22nd Sep 2014 (#)

http://www.coachoutletstoreinuk.com Coach Outlet Online
http://www.coachfactoryoutletanus.com Coach Outlet
http://www.coachoutletonlineunsius.com Coach Factory Outlet
http://www.coachoutletonlinetur.com Coach Outlet Online
http://www.coachfactoryoutletnbsa.com Coach Factory Outlet
http://www.coachfactoryoutletuisa.com Coach Outlet Store Online
http://www.coachoutletstorenie.com Coach Outlet Store Online
http://www.coachfactorystoreuin.com Coach Factory Outlet
http://www.coachfactoryoutletreba.com Coach Outlet
http://www.coachfactoryoutletonlinesius.com Coach Handbags Outlet
http://www.coachoutletonlinetnse.com Coach Outlet
http://www.coachoutletnoia.com Coach Outlet
http://www.chaneloutletinaus.com Chanel Outlet Online
http://www.louisvuittonoutletina.com Louis Vuitton
http://www.louisvuittonoutletine.com Louis Vuitton Outlet
http://www.guccibeltsoutletbcus.com Gucci Belts
http://www.guccibelststco.com Gucci Belt
http://www.louisvuittonoutletsnib.com Louis Vuitton Outlet
http://www.oakleysunglassescnc.name Oakley Sunglasses Outlet
http://www.louisvuittonoutletmoba.com Louis Vuitton Outlet
http://www.oakleyssunglassesmobo.com Oakley Sunglasses Outlet
http://www.oakleysunglassesmaba.com Oakley Sunglasses
http://www.oakleysunglassinsc.com Oakley Sunglasses
http://www.louisvuittonoutletinca.com Louis Vuitton Outlet
http://www.louisvuittonoutletpft.com Louis Vuitton Outlet
http://www.louisvuittonoutletcoms.com Louis Vuitton Outlet
http://www.louisvuittonoutletcsc.com Louis Vuitton Handbags
http://www.louisvuittonoutletsnib.com Louis Vuitton Outlet Online
http://www.louisvuitton-bagsonlinee.net Louis Vuitton Handbags
http://www.louisvuittonoutletori.com Louis Vuitton
http://www.louisvuittonoutlettca.com Louis Vuitton Handbags
http://www.louisvuittonoutletincn.com Louis Vuitton Outlet Online
http://www.chaneloutletmodi.com Chanel Outlet
http://www.chaneloutletmodo.com Chanel Outlet
http://www.chaneloutletinaus.net Chanel Outlet
http://www.chaneloutletinfr.com Chanel
http://www.oakleysunglassesmodo.com Oakley Sunglasses
http://www.okelysuglassesmodo.net Oakley Sunglasses Outlet
http://www.oakelysunglassesmod.net Oakley Sunglasses
http://www.oakleyoutletshop.us.com Oakley Sunglasses
http://www.oakleyoutletonline.us.com Oakley Sunglasses Outlet
http://www.oakleysunglassesviews.com Oakley Sunglasses Outlet
http://www.raybanshop.name Ray Ban
http://www.raybansunglassesshop.name Ray Ban Sunglasses
http://www.raybansunglassesmodo.net Ray Ban Sunglasses Outlet
http://www.coachoutletonlineptn.com Coach Outlet
http://www.coachoutletstoreinuk.com Coach Outlet Online
http://www.coachfactoryoutletanus.com Coach Outlet
http://www.coachoutletonlineunsius.com Coach Factory Outlet
http://www.coachoutletonlinetur.com Coach Outlet Online
http://www.coachfactoryoutletnbsa.com Coach Outlet Store
http://www.coachfactoryoutletuisa.com Coach Outlet Store Online
http://www.coachoutletstorenie.com Coach Outlet
http://www.coachfactorystoreuin.com Coach Factory Online
http://www.coachfactoryoutletreba.com Coach Factory Outlet
http://www.coachfactoryoutletonlinesius.com Coach Factory Outlet
http://www.coachoutletonlinetnse.com Coach Outlet
http://www.coachoutletnoia.com Coach Outlet Store Online
http://www.chaneloutletinaus.com Chanel Outlet Online
http://www.louisvuittonoutletina.com Louis Vuitton Outlet
http://www.louisvuittonoutletine.com Louis Vuitton Handbags
http://www.guccibeltsoutletbcus.com Gucci Belt
http://www.guccibelststco.com Gucci Belts
http://www.louisvuittonoutletsnib.com Louis Vuitton Outlet Online
http://www.oakleysunglassescnc.name Oakley Sunglasses Outlet
http://www.louisvuittonoutletmoba.com Louis Vuitton Outlet Online
http://www.oakleyssunglassesmobo.com Oakley Sunglasses Outlet
http://www.oakleysunglassesmaba.com Cheap Oakley Sunglasses
http://www.oakleysunglassinsc.com Oakley Sunglasses
http://www.louisvuittonoutletinca.com Louis Vuitton Outlet
http://www.louisvuittonoutletpft.com Louis Vuitton Outlet
http://www.louisvuittonoutletcoms.com Louis Vuitton Outle

Reply to this comment

Add a comment
Username
Can't login?
Password