Ange Tuteur- Forumaster
Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
by Ange Tuteur September 3rd 2014, 10:14 pm
This tutorial will show you how to change the background color of new/unread posts.
Result:
Installing
To install this feature, go to Administration Panel > Modules > JavaScript codes management and create a new script.
Title : Your choice
Placement : In the topics
Copy and paste this code:
- Code:
$(function(){$(".post:has(img[title*='New post'])").addClass("newpostcolor")});
Next, go to Administration Panel > Pictures and Colors -> Colors -> CSS Stylesheet and paste one of the codes below at the top of your stylesheet. Choose the one that corresponds to your forum version.
phpBB3:
- Code:
.newpostcolor {
background-color: #ffdab9 !important;
background-image: none !important;
}
Invision:
- Code:
.newpostcolor, .newpostcolor .postbody {
background-color: #ffdab9 !important;
background-image: none !important;
}
Customizing
Changing the background color:
To change the background color of the new post, edit the bolded part of this code to your desired color:
background-color: #ffdab9 !important;
Changing the background to an image:
To change the background color to an image, change
- Code:
background-image: none !important; to
- Code:
background-image: url(/myimage.gif) !important; and replace /myimage.gif by the URL of your image.
|
|
Hitskin.com
phpbb3 & Invision : Change the background color of new posts
Facebook
Twitter
Pinterest
Youtube
