Haim
Registered
- Thread starter
- #1
Hello. In this guide, I will write how to add padlock icons in subforums, i.e. recruitment status ON (open) / OFF (closed) in the Invision Community script.
Let's start. To begin with, we go to:
ACP --> Appearance --> Styles and Templates --> Edit HTML and CSS --> CSS tab --> custom --> custom.css
Paste the code below:
Click Save.
Attention. In the code, change the Department ID to your own.
Change in the above code "2" to your ID.
[data-forumid="ID"]
How do I know what ID a department has?
The department ID is visible in the URL of the forum. We enter the forum and in the URL we check what ID it has.
The final effect

Let's start. To begin with, we go to:
ACP --> Appearance --> Styles and Templates --> Edit HTML and CSS --> CSS tab --> custom --> custom.css
Paste the code below:
Code:
.ipsDataItem_subList > li > a:before {
font-family: 'FontAwesome';
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 3px;
opacity: 0.8;
line-height: 1;
border-radius: 2px;
color: #fff;
font-size: 11px;
padding: 4px 7px;
}
/* Administrator (Rekrutacja otwarta) */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(1) a:before {
content: "\f09c";
background-color: #68a72f;
}
/* Moderator (Rekrutacja zamknięta) */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(2) a:before {
content: "\f023";
background-color: #e14242;
}
/* Grafik (Rekrutacja zamknięta) */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a:before {
content: "\f023";
background-color: #e14242;
}
Attention. In the code, change the Department ID to your own.
Change in the above code "2" to your ID.
[data-forumid="ID"]
How do I know what ID a department has?
The department ID is visible in the URL of the forum. We enter the forum and in the URL we check what ID it has.
The final effect
