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

[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 Select Expand

<div id="logo">

5. Replace than line with this

Code Select Expand

<img style="margin-top:0px" src="YOUR LINK OF YOU NEW LOGO GOES HERE" alt=""></a>

Here is an example of mine:

Code Select Expand

<img style="margin-top:0px" src="http://i1106.photobucket.com/albums/h370/Vovik3/DeadZonecopy-4.png" alt=""></a>

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 Select Expand

margin-top:0px
the higher

Code Select Expand

px the lower the image goes

example of it halfway down is about

Code Select Expand

35px

now if you want to move it up just go into negatives
example:

Code Select Expand

margin-top:-25px

if you want to move it to the right use

Code Select Expand

margin-left:50px
just make the

Code Select Expand

50 negative to make it move to the left.
so like this

Code Select Expand

margin-left:-50px

[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