Easy way to put logo in header

Raize

Since I am not a coder, I was looking high and low for an easy way to put my logo into the header of my forum. The easiest way I have found to do this is to simply use html code in the "banner title" field which can found at settings>application settings For example, I used <img src="talkforum_logo.jpg" alt="Logo" /> This is just a basic html tag which points to an image file, which should be placed in the root folder of your forum (the one that contains index.php). Surprisingly, this worked very well. Now I am going to find the way to link the logo to my main page so users can click the logo whenever they want to go back to the home page.

Raize

Ok here is how you make the header logo clickable: You put this code in front of the image code we used above. : <a href="http://talkforum.com/vanilla/"> So your completed html for a clickable header logo will be: <a href="http://talkforum.com/vanilla/"><img src="talkforum_logo.jpg" alt="Logo" />

miquel

you should close the anchor ("a") tag after the image tag: <a href="http://talkforum.com/vanilla/"><img src="talkforum_logo.jpg" alt="Logo" /></a>

Raize

Thanks man...does anyone know how I could center the logo rather than have it on the default left side...I am using the Vanea theme if that makes a difference.

miquel

try to attach a style definition, either in the "a" tag or in the "img" tag:<a href="..." style="text-align:center;"><img ...></a>

Raize

It didn't work in either of those places...I think I should be editing something in the theme css file. There is a section of code for the header:

#Session {
position: absolute;
top: 10px;
right: 15px;
color: #FFF;
}

I'm guessing I have to change the word "absolute" to something like "center" Any advice?

miquel

maybe using the nuggets extension or what is suggested here to enter the image html code replacing the forum title in settings->application settings

Phebo

After your explanation, i successfully change the logo with my own... but it remains bordered. How can i remove also the border ?

Sixy

Add this to vanilla.css:

a img { border: 0; }

Phebo

Thank you very much Sixy. I try immediately

Bentot

I have a question regarding images in Nuggets. If I slice some images for a custom header and uploaded these images in the extensions/nuggets directory how should I code the html for nuggets? I tried <img src="headerslicer_01.jpg" /> but the image is not showing up in the browser. Please help. Thanks in advance

Bentot

Hey guys. Any help?

jimw

Try putting the complete path to the image file.