HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  

    • You are not connected. Please login or register

    FMCodes » Tutorials & Codes » Coding Assistance » Solved Threads » "New" on homepage categories


    "New" on homepage categories

    avatar
    • *****


        Reputation : 11
        Registered on : 2014-04-25
        Posts : 153
        Love Fmcodes
      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 :)

      #1 - Posted on Sun May 18, 2014 1:18 pm
      avatar
      • Administrator

          Reputation : 315
          Registered on : 2012-02-22
          Posts : 2317
          School of codes courses: coming soon
        Hello,

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



        Niko wants you in the team Guest

        Community manager and Administrator at Forumattivo.com

        #2 - Posted on Sun May 18, 2014 6:32 pm
        avatar
        • *****


            Reputation : 11
            Registered on : 2014-04-25
            Posts : 153
            Love Fmcodes
          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)

          #3 - Posted on Sun May 18, 2014 6:52 pm
          avatar
          • Administrator

              Reputation : 315
              Registered on : 2012-02-22
              Posts : 2317
              School of codes courses: coming soon
            Can you provide me your forum link? thanks



            Niko wants you in the team Guest

            Community manager and Administrator at Forumattivo.com

            #4 - Posted on Sun May 18, 2014 8:41 pm
            avatar
            • *****


                Reputation : 11
                Registered on : 2014-04-25
                Posts : 153
                Love Fmcodes
              Its myplanet.forumgreek.com :)

              #5 - Posted on Sun May 18, 2014 8:52 pm
              avatar
              • Administrator

                  Reputation : 315
                  Registered on : 2012-02-22
                  Posts : 2317
                  School of codes courses: coming soon
                Just a question.. now you don't have any new/old forum button/icon?



                Niko wants you in the team Guest

                Community manager and Administrator at Forumattivo.com

                #6 - Posted on Sun May 18, 2014 10:18 pm
                avatar
                • *****


                    Reputation : 11
                    Registered on : 2014-04-25
                    Posts : 153
                    Love Fmcodes
                  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 :)

                  #7 - Posted on Mon May 19, 2014 5:24 am
                  avatar
                  • Administrator

                      Reputation : 315
                      Registered on : 2012-02-22
                      Posts : 2317
                      School of codes courses: coming soon
                    I got the issue, you didn't get my question...

                    normally forums have this icon:


                    did you remove it?



                    Niko wants you in the team Guest

                    Community manager and Administrator at Forumattivo.com

                    #8 - Posted on Mon May 19, 2014 2:08 pm
                    avatar
                    • *****


                        Reputation : 11
                        Registered on : 2014-04-25
                        Posts : 153
                        Love Fmcodes
                      yes, now i got only the categories' image there.

                      #9 - Posted on Mon May 19, 2014 2:24 pm
                      avatar
                      • Manager

                          Reputation : 6
                          Registered on : 2014-03-09
                          Posts : 55
                          Check out our new contest!
                        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:



                        Welcome on fmcodes
                        #10 - Posted on Mon May 19, 2014 2:44 pm
                        avatar
                        • *****


                            Reputation : 11
                            Registered on : 2014-04-25
                            Posts : 153
                            Love Fmcodes
                          hi,
                          thanks for the reply.
                          is there other way to make this? because i dont really like to have icons on my homepage :)

                          #11 - Posted on Mon May 19, 2014 2:46 pm
                          avatar
                          • Manager

                              Reputation : 6
                              Registered on : 2014-03-09
                              Posts : 55
                              Check out our new contest!
                            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:



                            Welcome on fmcodes
                            #12 - Posted on Mon May 19, 2014 2:47 pm
                            avatar
                            • *****


                                Reputation : 11
                                Registered on : 2014-04-25
                                Posts : 153
                                Love Fmcodes
                              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" />')});

                              #13 - Posted on Mon May 19, 2014 2:49 pm
                              • Co-Founder

                                  Reputation : 38
                                  Registered on : 2012-02-26
                                  Posts : 284
                                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> &nbsp;<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. :)

                                #14 - Posted on Tue May 20, 2014 1:58 pm
                                avatar
                                • *****


                                    Reputation : 11
                                    Registered on : 2014-04-25
                                    Posts : 153
                                    Love Fmcodes
                                  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">
                                  <!-- BEGIN catrow -->
                                    <!-- BEGIN tablehead -->
                                          <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">
                                    <!-- END tablehead -->

                                    <!-- BEGIN forumrow -->
                                                <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>
                                                      <!-- BEGIN switch_moderators_links -->
                                                      <br />
                                                      {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                                                      <!-- END switch_moderators_links -->
                                                              <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> Απαντήσεις&nbsp;</span></font>
                                          </td>
                                                    <td class="tcr">
                                                      <span>
                                                      <!-- BEGIN switch_topic_title -->
                                                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                                                      <!-- END switch_topic_title -->
                                                      {catrow.forumrow.USER_LAST_POST}
                                                      </span>
                                                      </td>
                                                </tr>
                                    <!-- END forumrow -->

                                    <!-- BEGIN tablefoot -->
                                              </tbody>
                                          </table>
                                          </div>
                                                        </div></div>
                                    <!-- END tablefoot -->
                                  <!-- END catrow -->
                                  </div>

                                  <!-- BEGIN switch_on_index -->
                                    <!-- BEGIN switch_delete_cookies -->
                                    <!-- END switch_delete_cookies -->
                                  <!-- END switch_on_index -->

                                  Thanks  :fior:

                                  #15 - Posted on Tue May 20, 2014 2:50 pm
                                  • Co-Founder

                                      Reputation : 38
                                      Registered on : 2012-02-26
                                      Posts : 284
                                    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:
                                     &nbsp;<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}>

                                    #16 - Posted on Tue May 20, 2014 6:39 pm
                                    avatar
                                    • *****


                                        Reputation : 11
                                        Registered on : 2014-04-25
                                        Posts : 153
                                        Love Fmcodes
                                      this is solved, thank u so much, really!! :)

                                      #17 - Posted on Wed May 21, 2014 6:04 am

                                      YOUR BANNER HERE
                                      728x90
                                      DMCA.com Protection Status
                                      Free forum | © PunBB | Free forum support | Contact | Report an abuse | Free forum