MyBB Community Forums

Full Version: set icon on tab
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
How can I set an icon for my forum like this?
(2018-10-05, 12:05 PM)kluh753 Wrote: [ -> ]How can I set an icon for my forum like this?

Do you mean Setting up HTTPS? Docs to Setting your board to https
No like the G on top of the tab when you open Google an icon.
I believe they mean the favicon.

https://en.m.wikipedia.org/wiki/Favicon

“the format for the image you have chosen must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors”

You can make your own, this website can generate one for you by image upload or other means. https://www.favicon-generator.org
@isoldehn yeah exactly can I do that in MyBB
https://stackoverflow.com/a/11893487

A simple google search for “how to add favicon” will pull up multiple answers to your question if you need any further assistance.
Thanks will try that
Very welcome!
(2018-10-05, 03:07 PM)kluh753 Wrote: [ -> ]No like the G on top of the tab when you open Google an icon.

Add to headerinclude:


<!-- Add Favicon -->
<link rel="Shortcut icon" href="{$theme['imgdir']}/favicon.ico" />


Download Upload.zip below and extraact it and there is a folder called images with an icon called favicon.ico...., put that image in your forums images or themes directory..

example: yourforum/images/favicon.ico

if you want a different favicon and don't have the ability to make one yourself, you could always try something simple like:

https://paulferrett.com/fontawesome-favicon/  * to generate say a font-awesome 4.7 based favicon

And you would modify the headerinclude to reflect the icon name change for example:

<!-- Add Favicon -->
<link rel="Shortcut icon" href="{$theme['imgdir']}/favicon-comments.ico" />


Or use https://gauger.io/fonticon/ for creating fontawesome 5 favicons with the ability to layer!

And that option keeps the image name as favicon.ico  so this would still work without modification in headerinclude:


<!-- Add Favicon -->
<link rel="Shortcut icon" href="{$theme['imgdir']}/favicon.ico" />