Current date/time is September 22nd 2021, 8:24 pm

Search found 1 match for ffdab9

phpbb3 & Invision : Change the background color of new posts

Change the background color of new posts for phpbb3 & Invision




This tutorial will show you how to change the background color of new/unread posts.
Topics tagged under ffdab9 on The forum of the forums 29bg192

Result:

Topics tagged under ffdab9 on The forum of the forums 2mwhwns


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.







by Ange Tuteur
on September 3rd 2014, 10:14 pm
 
Search in: Tips & Tricks
Topic: phpbb3 & Invision : Change the background color of new posts
Replies: 0
Views: 8289

Back to top

Jump to: