Favicon | ProBoards Support

Patrick [ASE]
Global Moderator

Ancient Geek

Posts: 46,300

Favicon Nov 8, 2012 15:49:51 GMT -8

Post by Patrick [ASE] on Nov 8, 2012 15:49:51 GMT -8

Had a good look around, didn't see anywhere to simply add an image, so i added the favicon code to a plugin in global header.

For some reason this code has never worked for me in chrome in v4, but does in IE, so when i checked safetynet.freemessageboards.com in IE, the favicon doesn't show
This is the code i used
<link rel="shortcut icon" href="http://www.allseeingeyes.info/sn/ase2.ico" type="image/x-icon" />

Safetynet | My Geekery

Shrike
Senior Member

Re-appeared briefly after 6 years only to no doubt disappear again.

Posts: 1,569

Favicon Nov 8, 2012 15:56:04 GMT -8

Post by Shrike on Nov 8, 2012 15:56:04 GMT -8

If you go to edit the layout templates and select the "Forum Wrapper" template, you can add it directly to the <head> element of the forum. The forum wrapper will show for every page of the forum. When I clicked through your custom portal page onto the main category listing page, the favicon showed up for me in IE, Chrome (because it is happy now that the favicon is in the <head>) and Opera.

<!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
<link href="http://fonts.googleapis.com/css?family=Abel|Istok+Web:400,700|Nova+Square" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://dl.dropbox.com/u/17460516/reFLOW/theme/favicon.png" />
</head>
<body>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if}
</div>
{/if}
<div id="wrapper">

EDIT:
Even better, if you upload the favicon as a theme image (Theme Manager > Images > scroll down to Custom Theme Images), you could then use the file hosted on PB servers itself (which would solve the problem for some people of not being able to host a .ico file) by way of a template variable:

<link rel="shortcut icon" href="$[theme.image.favicon.src]" />

Last Edit: Nov 8, 2012 16:02:09 GMT -8 by Shrike

Patrick [ASE]
Global Moderator

Ancient Geek

Posts: 46,300

Favicon Nov 8, 2012 16:02:55 GMT -8

Post by Patrick [ASE] on Nov 8, 2012 16:02:55 GMT -8

Thanks, i rechecked IE like you said, and yes it showed there, but still not in chrome.

I would rather do this in a plugin so it's easier to do for my other forums, would have been easier as a direct image entry in styles, may have to suggest that

Safetynet | My Geekery