Hello everyone
Using this trick, you can add color to a specific group that appears at the top of the latest post in categories
This trick is similar to the previous trick Add a color + image to a specific group at the top of posts without JavaScript Empty Add a color + image to a specific group at the top of posts without JavaScript
But this time on categories and not within posts
+
don't need to use JavaScript-jQuery
________________________________
- AwesomeBB:
Find the next part in index_box template
- Code:
<div class="forum-lastpost-inner">
replace it with
- Code:
<div class="forum-lastpost-inner">
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
--------------------------------
Installing the CSS
- Code:
.lastpost-groups [style="color:?????"] {
border-top: solid  ????? 4px;
 display: block;
  height: 0px;
}
.lastpost-groups strong {
pointer-events: none;
  cursor: default;
color: transparent;
}
.lastpost-groups img {
  display: none;
}
.lastpost-groups {
  margin-bottom: -18px;
}
------------------------------------
- ModernBB:
Find the next part in index_box templateÂ
- Code:
<span class="lastpost-infos">
replace it with Â
- Code:
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
<span class="lastpost-infos">
--------------------------------
Installing the CSS Â
- Code:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
 display: block;
  height: 0px;
 float: none !important;
}
.lastpost-groups {
  margin-top: -20px;
  display: flex;
  font-size: 0;
  margin-bottom: -18px;
  flex-direction: column;
}
.lastpost-groups img {
  display: none;
}
.lastpost-groups strong {
pointer-events: none;
  cursor: default;
color: transparent;
}
------------------------------------
- Invision:
Find the next part in index_box templateÂ
- Code:
<!-- BEGIN switch_topic_title -->
replace it with Â
- Code:
 <div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
<!-- BEGIN switch_topic_title -->
--------------------------------
Â
Installing the CSS
- Code:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
 display: block;
}
.lastpost-groups strong {
pointer-events: none;
  cursor: default;
color: transparent;
}
.lastpost-groups {
  margin-top: -15px;
  display: flex;
  font-size: 0;
  margin-bottom: -30px;
  flex-direction: column;
}
.lastpost-groups img {
  display: none;
}
------------------------------------
- PunBB:
Find the next part in index_box template Â
- Code:
<!-- BEGIN switch_topic_title -->
replace it with Â
- Code:
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
<!-- BEGIN switch_topic_title -->
--------------------------------
Installing the CSS Â
- Code:
.lastpost-groups [style="color:?????"] {
border-top: solid ????? 4px;
 display: block;
  height: 0px;
 float: none !important;
}
.lastpost-groups strong {
pointer-events: none;
  cursor: default;
color: transparent;
}
.lastpost-groups {
  margin-top: -20px;
  display: flex;
  font-size: 0;
  margin-bottom: -14px;
  flex-direction: column;
}
.lastpost-groups img {
  display: none;
}
------------------------------------
- phpBB3:
Find the next part in index_box template Â
- Code:
<!-- BEGIN switch_topic_title -->
replace it with Â
- Code:
<!-- BEGIN switch_topic_title -->
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div>
--------------------------------
Installing the CSS
- Code:
.lastpost-groups [style="color:?????"] {
  border-top: solid ????? 4px;
  float: none !important;
  margin-left: 44px;
  margin-top: -5px;
}
.lastpost-groups strong {
pointer-events: none;
  cursor: default;
color: transparent;
}
.lastpost-groups img {
  display: none;
}
.lastpost-groups {
   height: 0px;
  font-size: 0;
}
------------------------------------
- phpBB2:
Find the next part in index_box template Â
- Code:
<!-- BEGIN avatar -->
replace it with Â
- Code:
<div class="lastpost-groups">{catrow.forumrow.USER_LAST_POST}</div> Â Â Â
<!-- BEGIN avatar -->
--------------------------------
Installing the CSSÂ
- Code:
.lastpost-groups [style="color:?????"] {
  border-top: solid ????? 4px;
  display: block;
  margin-top: -5px;
}
.lastpost-groups strong {
pointer-events: none;
  cursor: default;
color: transparent;
}
.lastpost-groups img {
  display: none;
}
.lastpost-groups {
   height: 0px;
  font-size: 0;
}
.lastpost-groups a{
  font-size: 10px;
}
------------------------------------
Replace
|
We hope you like this great little Trick and Tip on how to make the change.
Last edited by كونان2000 on Tue 17 Sep - 5:36; edited 4 times in total