Trying to make your punBB logo in your header clickable?

Well, I figured I would share my little secret with you guys. I know many people would like to make their logo clickable so here goes:

Step 1
open your style_cs.css and add at the bottom:

/* Lets make the logo clickable */

.link_logo
{
    position: relative; 
    width: 100%; 
    top: 5px; 
    float: left; 
    height: 0px; /* IE is annoying */
    left: 5px; 
    right: auto;
}

.logo_img
{
    border: 0; 
    width: 250px; 
    height: 90px;
}

Step 2
open include/template/main.tpl and add after

Step 3

<div class="link_logo"><a href="index.php"><img class="logo_img" alt="Your website name here" title="Your website name here" src="../img/blank.gif" /></a></div>

Step 4
To make an image called blank.gif. Open up your favorite graphics program and create a 1PX x 1PX image and save it to your punBB root IMG folder.

- Now, to set the height of the area where you want to make clickable you will need to play with the classes. The first one being .link_logo. You need to set the Top height in this area. Next is the  .logo_img class. You will need to set the image dimensions in this area.

TIP: In order to see what you're working with. Change the border: 0; to 1 just temporarily so that you can see exactly where the clickable area will be postioned. Once you are satisfied with it you can then set it back to: border: 1;.

Trust me, it is very simple to do and it works. You can also do the same thing for the admin.tpl file if you so desire.

Good luck!
Bingiman