"New" on homepage categories

**J0k3R^** · #1 - Posted on Sun May 18, 2014 1:18 pm

Hi, i want to make my categories got a "New" image when there are new posts after the last visit on the forum, like how last post link is working :)

i would like to have some similar to this:

or like fmcodes got :)

How can i do that? Im using punbb
thanks :)

**Niko** · #2 - Posted on Sun May 18, 2014 6:32 pm

Hello,

you just have to use an image for the icon "New forum" in ACP > Display > Images & Colors > Images

**J0k3R^** · #3 - Posted on Sun May 18, 2014 6:52 pm

I think its not what im exactly looking for Roll Sweat

I mean, i want a "new" icon over categories' image (like the image got) or next to the forum title (like here)

**Niko** · #4 - Posted on Sun May 18, 2014 8:41 pm

Can you provide me your forum link? thanks

**J0k3R^** · #5 - Posted on Sun May 18, 2014 8:52 pm

Its myplanet.forumgreek.com :)

**Niko** · #6 - Posted on Sun May 18, 2014 10:18 pm

Just a question.. now you don't have any new/old forum button/icon?

**J0k3R^** · #7 - Posted on Mon May 19, 2014 5:24 am

I got a small button under last post (image at first post) but i dont mean to replace it, just to add an extra icon over categories' image or a text 'NEW' next to the forumtitle like here. I mean here u have both last post icon and 'new' right to forumtitle.. I think now i explained u clearly :)

**Niko** · #8 - Posted on Mon May 19, 2014 2:08 pm

I got the issue, you didn't get my question...

normally forums have this icon:

did you remove it?

**J0k3R^** · #9 - Posted on Mon May 19, 2014 2:24 pm

yes, now i got only the categories' image there.

**effy** · #10 - Posted on Mon May 19, 2014 2:44 pm

hello Jok3R^

I would suggest you to add again the forum icons (new posts in the forum, no new posts, closed forum) as it should be, and after that use this javascript code

Code:: $(document).ready(function(){$('img[src="NEWPOSTIMG"]').replaceWith('<span class="newintopic">New</span>')});

replace NEWPOSTIMG with the link of the image that should be on your forum if there a new posts in a forum (as in the screenshot niko posted you) and then customize it with CSS :fior:

**J0k3R^** · #11 - Posted on Mon May 19, 2014 2:46 pm

hi,
thanks for the reply.
is there other way to make this? because i dont really like to have icons on my homepage :)

**effy** · #12 - Posted on Mon May 19, 2014 2:47 pm

Hello

Do the steps I told you and that code will replace the normal icon with text, that you can customize and move after the installation

:fior:

**J0k3R^** · #13 - Posted on Mon May 19, 2014 2:49 pm

i understood but if i dont have new replies? the icon will be there?

u think it will work if for 'no new posts' add this?

$(document).ready(function(){$('img[src="NONEWPOSTIMG"]').replaceWith('

https://illiweb.com/fa/empty.gif" />')});

**Mathias** · #14 - Posted on Tue May 20, 2014 1:58 pm

Hello J0k3R^!
As you're using PunBB, this can be done very easily. If you want to add "New" after the forum title, you can do this:
1. Edit the "index_box" template. Find

Code:: <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>

and replace it with

Code:: <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></h{catrow.forumrow.LEVEL}>

. Then publish the template.

2. In Pics management > Advanced > Icons for the forums, put this image (https://illiweb.com/fa/empty.gif) for everything else except "Category - New" and "Forum - New". For "Category - New" and "Forum - New", put this image (https://i.servimg.com/u/f58/17/19/90/23/empty10.gif).

3. In Javascript codes management, simply add this script:

Code:: $(document).ready(function() {$('img[src="http://i58.servimg.com/u/f58/17/19/90/23/empty10.gif"]').replaceWith('<span class="newpostprefix">New</span>');});

4. Customize the css of the class ".newpostprefix" as you want.

That should be it. :)

**J0k3R^** · #15 - Posted on Tue May 20, 2014 2:50 pm

Hi Mathias and thanks for ur reply.
i actually dont have a similar code in my index_box could u check it?
here it is:

Code:: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}">MyPlanet Forum</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main">   <div class="contcolor"><div class="main-head"> <div class="page-title">{catrow.tablehead.L_FORUM}</div> </div> <div class="main-content"> <div class="ipsBox"> <table cellspacing="0" class="table"> <thead> <tr> <th nowrap="nowrap" width="550"><div style="width:250px;"><i>Δημόσια Συζήτηση</i></div></th> <th nowrap="nowrap" width="165"><div style="width:200px;"><i>Θέματα</i></div></th> <th nowrap="nowrap" width="162"><div style="width:130px;"><i>Τελευταία Απάντηση</i></div></th> </tr> </thead> <tbody class="statused">   <tr> <td> <a href="{catrow.forumrow.U_VIEWFORUM}" class= "forumtitle"><font size="2" face="Verdana"><b>{catrow.forumrow.FORUM_NAME}</b></font></a> <br /> <div class="descript"><div class="plaisiocat"> {catrow.forumrow.FORUM_DESC} </div></div>  <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  <ul class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</ul> <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} </td> <td class="tc2" align="center" valign="middle" height="50" width="50"> <font size="2" face="Verdana"><span class="gensmallhome1"><b> {catrow.forumrow.TOPICS}</b> Θέματα </span><br /><br /><span class="gensmallhome2"><b> {catrow.forumrow.POSTS}</b> Απαντήσεις </span></font> </td> <td class="tcr"> <span>  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />  {catrow.forumrow.USER_LAST_POST} </span> </td> </tr>   </tbody> </table> </div> </div></div>   </div>

Thanks

**Mathias** · #16 - Posted on Tue May 20, 2014 6:39 pm

After

Code:: <a href="{catrow.forumrow.U_VIEWFORUM}" class= "forumtitle"><font size="2" face="Verdana"><b>{catrow.forumrow.FORUM_NAME}</b></font></a>

paste in this:

Code::  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></h{catrow.forumrow.LEVEL}>

**J0k3R^** · #17 - Posted on Wed May 21, 2014 6:04 am

this is solved, thank u so much, really!! :)