Adding Favicion Image

ghooke · Post by **ghooke** » Fri May 25, 2012 4:20 am

I want to add a Favicon, so that when my help desk opens in a browser, there is an accompanying Favicon image displayed in the ' tab'

Can you please advise how I do that ?

steve · Post by **steve** » Fri May 25, 2012 6:14 am

Place the favicon.ico into Hesk/img

Then open hesk/Header.txt

add

Code: Select all

<link rel="shortcut icon" href="yourdomain.com/hesk/img/favicon.ico" />

Knight Rider · Post by **Knight Rider** » Tue Feb 12, 2013 4:35 am

Hello,

I've tried doing this, and it did not work at all.

I used the exact same code pasted above, just added http:// before yourdomain.com

In my case it is: http://yourdomain.com/support/img/favicon.ico

And it didn't work

steve · Post by **steve** » Tue Feb 12, 2013 4:42 am

You didnt literary use the exact code I hope.

The "yourdomain.com........" needs to point to the actual web path of the image you are trying to use. Whatever url you use to point to the picture, paste it into your browser and make sure you can view it before adding it to the hesk header.

Knight Rider · Post by **Knight Rider** » Tue Feb 12, 2013 6:35 am

I obviously placed my URL into the code, I just removed it, because I didn't want to give out my Board's URL.
I'm on a mobile device right now, so idk if its working or not.
But, I only put yourdomain.com there in place of my domain.
The /support/img/favicon.ico is the directory I put it in, on my server

Edit: I've checked it via my laptop, and it still isn't displaying.
I'm using Google Chrome, if that helps at all.....

steve · Post by **steve** » Tue Feb 12, 2013 7:58 am

If you paste the url to the .ico file into chrome can you view the image?

Knight Rider · Post by **Knight Rider** » Wed Feb 13, 2013 12:08 am

No
I can't.
It forwards me to a 404 Not Found page on my host's server

steve · Post by **steve** » Wed Feb 13, 2013 12:20 am

There's your issue.. you need to resolve the issue with your favicon.ico url.

Knight Rider · Post by **Knight Rider** » Wed Feb 13, 2013 12:40 am

I checked on my mobile, if I could view it, and apparently support was spelt, suppor when I tried to view it on mobile.
Just corrected it, and can view it fine.
Will post back, when I've checked my file edit.

Posted using iPhone

Edit: I've checked my file edit, and it is the correct URL, but it still isn't showing

steve · Post by **steve** » Thu Feb 14, 2013 1:06 am

Copy the entirety of header.txt and paste it in this topic to have a look.

Knight Rider · Post by **Knight Rider** » Thu Feb 14, 2013 1:42 am

Here is my entire header.txt file.

Code: Select all

<link rel="shortcut icon" href="http://knightriderinfo.tk/support/favicon.ico" />

steve · Post by **steve** » Thu Feb 14, 2013 2:05 am

While I was looking into this I found that your favicon img is in fact a .png file. you need to rename the file to favicon.ico

Images needs to be 16×16, 32×32, 48×48, or 64×64 pixels in size, and 8-bit, 24-bit, or 32-bit in color depth

Knight Rider · Post by **Knight Rider** » Thu Feb 14, 2013 2:25 am

I've recreated the favicon as a 16x16 image, and when viewing its properties area, it says the type is an Icon.
The original image is a GIF image.

If it's of any help, I was following this article: https://www.phpbb.com/kb/article/adding-a-favicon

Post by **Klemen** » Sun Feb 17, 2013 9:02 am

The header.txt file is included after <body> tag, so placing the icon code here will not work.

You will need to add the favicon code inside the <head> - you will find that in inc/header.inc.php file.

Knight Rider · Post by **Knight Rider** » Fri Mar 01, 2013 1:02 am

Hello,

Thanks for the reply.
I completely forgot about my question here.

Klemen, I did what you said in the file specified and it works perfectly.

Thanks!

PHPJunkyard support forum

Adding Favicion Image

Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image

Re: Adding Favicion Image