MyBB Community Forums

Full Version: Change Blank Page Image?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Can I change the image at the top of my site, like the blank page to my logo.

Example: [Image: 4SHxts2.png]

Thanks! Smile
In your header template, between the <head> tags, add:
<link rel="icon" type="image/png" href="favicon.png">

It's called a "favicon".
@spork This header right, and if so can you add the code in where its suppose to be?

{$welcomeblock}

{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}<!-- ProfileComments -->
{$comments_alert}<!-- /ProfileComments -->
{$pending_joinrequests}

<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<hr class="hidden" />
</div>
<navigation>
<br class="clear" />
<div id="content">
<br />
<div class="menu">
(2013-02-06, 12:27 AM)Vega01 Wrote: [ -> ]@spork This header right, and if so can you add the code in where its suppose to be?

{$welcomeblock}

{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}<!-- ProfileComments -->
{$comments_alert}<!-- /ProfileComments -->
{$pending_joinrequests}

<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<hr class="hidden" />
</div>
<navigation>
<br class="clear" />
<div id="content">
<br />
<div class="menu">

No. Headerinclude is located on the bottom of your templates list inside of "Ungrouped" templates.

You would put the code posted above on top of your headerinclude. Make sure you don't put it inside any <scripts>

Example:
*First line is the Favicon
[Image: 71iRFjm.png]
Oh okay found it, can you put this image in and the code in there because im confused?

Image Link: http://i.imgur.com/gU4yHKq.png

Favicon Code: <link rel="icon" type="image/png" href="favicon.png">

My Header Code:

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
document.write(unescape("%3Cscript src='http://code.jquery.com/jquery-1.7.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript">
var unreadAlerts = {$mybb->user['unreadAlerts']};
</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/myalerts.js"></script>
{$stylesheets}
<!--[if IE 7]>
<link href="{$theme['imgdir']}/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
<!--
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var imagepath = "{$theme['imgdir']}";
// -->
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="{$theme['imgdir']}/jscripts/theme-js.js"></script>
{$newpmmsg}
<link rel="icon" type="image/png" href="http://i.imgur.com/gU4yHKq.png"> 
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
document.write(unescape("%3Cscript src='http://code.jquery.com/jquery-1.7.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript">
var unreadAlerts = {$mybb->user['unreadAlerts']};
</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/myalerts.js"></script>
{$stylesheets}
<!--[if IE 7]>
<link href="{$theme['imgdir']}/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
<!--
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var imagepath = "{$theme['imgdir']}";
// -->
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="{$theme['imgdir']}/jscripts/theme-js.js"></script>
{$newpmmsg}

There you go.

I also recommend you upload all images you use onto your server. Much faster for load time and efficient when IMGUR goes down.
Okay thanks for the tips and thanks for the help! +Positive!
I know your problem has been solved but I have an alternative for you, just in-case you need one in future.

Just upload the image to the root directory of your forum and name it to favicon.ico