1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Linking the Titlebar

Discussion in 'Styling and Customization Questions' started by phatollie, May 27, 2011.

  1. phatollie

    phatollie Member

    Hi

    We are using a background image in the titlebar field, is there anyway to place a hyperlink against this image? For example, I want to use the graphic to explain why people should sign up and then for them to click on the image and get directed to the sign up page :)
    Any pointers would be awesome, thanks
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    I'm not sure what you mean by the titlebar field, but you can use standard html to link an image: <a href=.....>

    For example, this is the code for the header logo:
    Code:
    <a href="http://xenforo.com/">
    <span></span>
    <img src="http://xenforo.net/community/styles/default/xenforo/logo.png" alt="XenForo Community">
    </a>
     
  3. phatollie

    phatollie Member

    Hey Brogan

    If you go to http://www.phatollie.com/index.php you will see an image with "Sign up for bonus tricks" written on it, this is the image I wish to link to the sign up page :)
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Just wrap it in an a href then as I posted above, e.g.

    Code:
    <a href="{xen:link 'register/'}"><img src="path-to-image"></a>
     
  5. phatollie

    phatollie Member

    Cool, but where do I paste the code? I've added html into the sidebar etc for adding our own images etc but the titlebar seems pretty integral to things so rather than just poke it about I thought I'd ask ;)
    Thanks for all your help too, much appreciated
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Edit the forum_list template.

    Replace the first line <xen:h1>{$xenOptions.boardTitle}</xen:h1> with this:
    Code:
    <xen:h1></xen:h1>
    <a href="{xen:link 'register/'}"><img src="path-to-image" alt="Title"></a>
    <span></span>
    </a>
    Change the code to suit your image path, alt name, etc.
     
  7. phatollie

    phatollie Member

    awesome thanks :)
     

Share This Page