1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. If you want premium products then purchase our VIP or SVIP plans
  3. Dont forget read our rules HERE Also anyone caught Leeching this content or Scamming will be banned on numerous networks.
    Dismiss Notice
  4. Dont forget we do not allow Multiple Accounts, so all of your accounts as well as your IP will be banned.
    Dismiss Notice
  5. Tired of Download Limits ? UPGRADE Today!
    Dismiss Notice

FREE Add an image to node titles on the forum home page

Discussion in 'Xenforo Template Mods & Extras' started by Armaan Ali, Mar 15, 2016.

  1. Armaan Ali

    Armaan Ali Registered REGISTERED

    Likes Received:
    4
    Trophy Points:
    0
    This resource is not affiliated with XenForo Ltd.

    This simple bit of CSS will add an image to the forum home page before a node title.

    You need to know the node ID for each image; you can find this in the ACP or by using one of the browser inspection tools.

    For each node, you will need to add CSS similar to the following to EXTRA.css:

    Code:

    .nodeList .node_32 .nodeTitle:before {
    content: url('@imagePath/path/to/image.png');
    display: inline;
    vertical-align: middle;
    padding-right: 4px;
    }

    The value in orange denotes the node ID.
    Add a new block of code for each node as required.

    The CSS can be adapated to suit, depending on the size of image and desired result.

    Here's some I prepared earlier...
    [​IMG]
     

Share This Page