Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Easy way to put logo in header

RaizeRaize vancouver ✭✭
edited March 2009 in Vanilla 1.0 Help
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.


  • RaizeRaize vancouver ✭✭
    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=""> So your completed html for a clickable header logo will be: <a href=""><img src="talkforum_logo.jpg" alt="Logo" />
  • you should close the anchor ("a") tag after the image tag: <a href=""><img src="talkforum_logo.jpg" alt="Logo" /></a>
  • RaizeRaize vancouver ✭✭
    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.
  • try to attach a style definition, either in the "a" tag or in the "img" tag:<a href="..." style="text-align:center;"><img ...></a>
  • RaizeRaize vancouver ✭✭
    edited September 2008
    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?
  • maybe using the nuggets extension or what is suggested here to enter the image html code replacing the forum title in settings->application settings
  • After your explanation, i successfully change the logo with my own... but it remains bordered. How can i remove also the border ?
  • Add this to vanilla.css:

    a img { border: 0; }
  • Thank you very much Sixy. I try immediately
  • BentotBentot New
    edited March 2009
    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
  • Hey guys. Any help?
  • Try putting the complete path to the image file.
Sign In or Register to comment.