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

Image below forum title?

Discussion in 'Styling and Customization Questions' started by Lucas, Aug 16, 2011.

  1. Lucas

    Lucas Well-Known Member

    Hello guys,

    I'm looking for something like this but for XenForo? I'm sure it's not that complicated but to be honest I'm quiet clueless about deep coding or individual changes to accomplish it.

    Here's an example:
    http://screensnapr.com/v/IG5t4c.png
     
  2. Ingenious

    Ingenious Well-Known Member

    Use HTML in your forum descriptions to insert an image, and if you turn off the hover-over description, it will sit there permanently on the front page under the forum title.

    HTML:
    <img src="path or URL of your image">
    You can wrap it in an <a> link code too if you also want to link it to your forum's post.
     
  3. Lucas

    Lucas Well-Known Member

    I'd like to keep the server descriptions hover-over but the images to still display, so that wouldn't work.
     
  4. Lucas

    Lucas Well-Known Member

    Any ideas?
     
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Edit this template:

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this code:

    Code:
    /* DISPLAY AN IMAGE AFTER FORUM TITLE IN NODE LIST */
    /* MUST SPECIFY NODE_ID IN CLASS NAME */
    .nodeList .node_2 .nodeTitle:after
    {
    	content: url(http://www.blah.com/image.gif);
    	display: block;
    }
    
    The result:

    Screen shot 2011-08-22 at 12.41.44 PM.png
     
  6. Lucas

    Lucas Well-Known Member

    Wow, thanks a lot Jake!
     
  7. Robert Prost

    Robert Prost Member

    Thanks Jake!
     

Share This Page