The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

phpbb3 & Invision : Change the background color of new posts

View previous topic View next topic Go down

phpbb3 & Invision : Change the background color of new posts

Post by Ange Tuteur on September 3rd 2014, 10:14 pm

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.

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.





Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum