HomeAdd a color to the top of the last post in categories with the same color as the group
3 posters
Page 1 of 1
Add a color to the top of the last post in categories with the same color as the group
by كونان2000 April 21st 2024, 7:17 pm
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 September 17th 2024, 5:36 am; edited 4 times in total
كونان2000- Forumember
-
Posts : 284
Reputation : 120
Language : Arabic -
SarkZKalie, TonnyKamper, Jucarese and poesia-verses like this post
Re: Add a color to the top of the last post in categories with the same color as the group
by SLGray April 22nd 2024, 12:16 am
You might want to also say publish the modified templates after saving the changes.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
- Posts : 51567
Reputation : 3524
Language : English
Location : United States -
كونان2000 likes this post
Re: Add a color to the top of the last post in categories with the same color as the group
by كونان2000 April 22nd 2024, 4:54 am
كونان2000- Forumember
- Posts : 284
Reputation : 120
Language : Arabic -
Re: Add a color to the top of the last post in categories with the same color as the group
by SLGray April 23rd 2024, 12:23 am
You're welcome.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
- Posts : 51567
Reputation : 3524
Language : English
Location : United States -
كونان2000 likes this post
Re: Add a color to the top of the last post in categories with the same color as the group
by Obscure April 25th 2024, 3:06 am
I really like this idea. Thank you for sharing it!
Obscure- Forumember
-
Posts : 60
Reputation : 12
Language : English
Location : USA -
كونان2000 likes this post
Re: Add a color to the top of the last post in categories with the same color as the group
by كونان2000 April 27th 2024, 12:55 am
Thanks Obscure ^^
I'm glad you liked it
I'm glad you liked it
كونان2000- Forumember
- Posts : 284
Reputation : 120
Language : Arabic -
Similar topics» color group post msg
» post profile group color
» Group group color glow
» Sides on categories not going all way down with same color?
» The Group Color?
» post profile group color
» Group group color glow
» Sides on categories not going all way down with same color?
» The Group Color?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
