ALERT!
Click here to register with a few steps and explore all our cool stuff we have to offer!
Home
Upgrade
Credits
Help
Search
Awards
Achievements
 8791

Add an image to node titles on the forum home page

by Bi0S - 05-04-2017 - 03:14 AM
#1
Compatible XF Versions:
  • 1.0
  • 1.1
  • 1.2
  • 1.3
  • 1.4
  • 1.5
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 32 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...
[Image: 26545-7ef0959619a7bf64af61fb1167514971.jpg]
Reply
#2
thanks for this very useful guide
Reply
#3
Thank you very much brother
Reply

Users browsing: 2 Guest(s)