new icon

Can someone help me how to add a new icon when there is a new topic created just like this



my forum version is punbb
http://muonline.forums.com.bz

Hello GummyBear,

You could add that by checking for the new posts image.

Administration Panel > Modules > HTML & JAVASCRIPT > Javascript codes management

Create a new javascript
Name: What you wish
Placement: In the homepage
Source:

Code:

jQuery(function () {
jQuery('.tcl:has(img[src="IMAGE"])').prepend('<span class="newPosts">NEW</span>');
});

For the script to work you need to place you image displayed when new posts are made here:
.tcl:has(img[src="IMAGE"])

When finished save.   

Now go to CSS
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet

Paste the codes below and submit.

Code:

.newPosts{
float:right;
padding:5px;
margin-right:5px;
border-radius:5px;
color:#ff5;
background:#AAA;
box-shadow:0px 6px 6px rgba(255,255,255, 0.1) inset, 0px -6px 6px rgba(0,0,0, 0.1) inset;
}

The result:

i think its not an image
check this
http://coding-spot.darkbb.com/f15-garbage

Up