Add a 'HOT/Popular' icon in topicslist

Overview

Description

Demonstration

Technical limitations

Installation

Introduction

CSS

CSS Customization

• Code: .ipsBadge

  class refers to the body of the label itself, the suggest is not to modify this class
  
  

• Code: .ipsBadge_orange

  refers to the colors of the label, so if you want you can modify:
  
  • the background color of the label editing

    Code: background: none repeat scroll 0 0 #ED7710;

  • the color of the font modifying

    Code: color: #FFFFFF;

Javascript & jQuery

• Title: free choice - does not influence the code effect
• Where: In sub-forums
• Code:
  
  
  You need to reply to the topic in order to see the code resources
  
  

Javascript Customization

• Code: var repliesForPopularity = 9;

  refers to the number of posts from which a topic can be considered popular; 9 is by default.
  
• If you have modified templates or a different forum version, you can modify

  Code: var target = $('td.tc3');

  to target the table row/column where the number of replies is visible

HTML Content & Templates Modification

Find this snippet // Find this snippet and remove it:

Replace with:

Notes