Topic: [Tutorial] Placing own logo at top (1.1.8)

[Runic]

While doing support, a large question we get asked is "How do I make my banner fit at top"

Well this is simple.


For SMF 1.1.X

open your index.template.php file and search for

Code: [Select]

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32">';

if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, sans-serif; font-size: 140%; ">', $context['forum_name'], '</span>';
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>
<td align="right" class="catbg">
<img src="', $settings['images_url'], '/smflogo.gif" style="margin: 2px;" alt="" />
</td>
</tr>
</table>';

Now we need to remove the excess coding

Code: [Select]

<td align="right" class="catbg">
<img src="', $settings['images_url'], '/smflogo.gif" style="margin: 2px;" alt="" />
</td>
Remove this code to remove the smflogo (you dont need to display this) so what we have left is

Code: [Select]

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32">';

if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, sans-serif; font-size: 140%; ">', $context['forum_name'], '</span>';
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>
</tr>
</table>';

now we dont really need this code:

Code: [Select]

';
if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, sans-serif; font-size: 140%; ">', $context['forum_name'], '</span>';
else
echo '
Nor do we need the

Code: [Select]

';

echo'
That comes after the image line, we also dont want the catbg at the back nor do we wish to force the height to be 32px high so lets remove all that and we have:

Code: [Select]

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />
</td>
</tr>
</table>';

Now for me if im wanting the whole top bar to be my logo I dont want a padding so lets change

Code: [Select]

<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />
and remove the  style="margin: 4px;"

this will give us:

Code: [Select]

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src="', $settings['header_logo_url'], '" alt="', $context['forum_name'], '" />
</td>
</tr>
</table>';

Now just change the ',$settings['header_logo_url'],' to url of your image.

so we have:

Code: [Select]

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src="http://www.examplelink.com/example.jpg" alt="', $context['forum_name'], '" />
</td>
</tr>
</table>';


[Yeiangelo]

          Thanks for sharing this tutorial in placing logo in top.

[ashish]

gr8 tutorial ... runic warrior ...
thanks a lot for sharing this tutorial on the net...
Cheers.

[ScottDB]

That was one heck of a tutorial for 1.x but what about 2.0rc1.2?