Customizing SMF > Tips and Tricks

[Tip] How to replace a logo with your url - 2.0

(1/1)

vovik:
Okay this is like my 5Th day of working with simple machine so be nice :)

1. Go to your Themes folder.

2. Go to the folder of theme you want to edit the logo.

3. Open index.template.php

4. Press Ctr + F and search for
--- Code: ---<div id="logo">
--- End code ---

5. Replace than line with this
--- Code: ---<img style="margin-top:0px" src="YOUR LINK OF YOU NEW LOGO GOES HERE" alt=""></a>
--- End code ---

Here is an example of mine:
--- Code: ---<img style="margin-top:0px" src="http://i1106.photobucket.com/albums/h370/Vovik3/DeadZonecopy-4.png" alt=""></a>
--- End code ---

The changes:

How it looked before:
 

How it should look after (if u used my URL):

You are now done :) But do not just ignore the information below as it may help you.

Extras: if you want to move your logo without re upload the image change the

--- Code: ---margin-top:0px
--- End code ---
the higher
--- Code: ---px
--- End code ---
the lower the image goes

example of it halfway down is about
--- Code: ---35px
--- End code ---

now if you want to move it up just go into negatives
example:
--- Code: ---margin-top:-25px
--- End code ---

if you want to move it to the right use
--- Code: ---margin-left:50px
--- End code ---
just make the
--- Code: ---50
--- End code ---
negative to make it move to the left.
so like this

--- Code: ---margin-left:-50px
--- End code ---

Samira:
Thank a lot for this post...
I was looking for this information so long time...
tks...

scripted:
Thanks for this. A very easy to follow tutorial. :)

Mr. Peanut:
I just tried this but could not find the code listed above when I did a search. The only place I found the word "Logo" is in the code listed below. Any idea what I should do?

function template_body_above()
{
   global $context, $settings, $options, $scripturl, $txt, $modSettings;

   echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
   <div id="header"><div class="frame">
      <div id="top_section">
         <h1 class="forumtitle">
            <a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
         </h1>';

   // the upshrink image, right-floated
   echo '
         <img id="upshrink" src="', $settings

Navigation

[0] Message Index