SocialAcademy • Forum

Social Academy Community Support Forum & Free Tutorial's & Skins



SocialAcademy • Forum » Support Section » Ask Question 's & Problems » Solved & Trash Files  →   [Solved] How to add Hot Topics System?

[Solved] How to add Hot Topics System?

Started by -

    • Please log in to Reply

    View previous topic View next topic Go down  Message [Page 1 of 1]

    #1

    OfflineDark-Avenger

    Dark-Avenger
     
    Advance Member
    Advance Member

    Posted Tue May 13, 2014 2:45 pm

     
    Details: Hot Topics
    Forum Address: http://linux-team.forumgreek.com/
    Forum Version: PunBB

    How can I add the Hot Topics function like this forum http://prntscr.com/3itvvk ? I have modified the topics_list_box template.

    Best Regards,
    Dark-Avenger

    #2

    OfflineGrafix

    Grafix
     
    Management Team
    Management Team

    Posted Tue May 13, 2014 2:48 pm

     
    Can you post you topic_list_box here ?

    https://socialacademy.forumotion.com
    #3

    OfflineDark-Avenger

    Dark-Avenger
     
    Advance Member
    Advance Member

    Posted Tue May 13, 2014 5:32 pm

     
    Hi Red:),
    Here its
    Spoiler:

    #4

    OfflineGrafix

    Grafix
     
    Management Team
    Management Team

    Posted Tue May 13, 2014 10:49 pm

     
    Hello Replace your Topic list box with this


    Code:
    <!-- BEGIN topics_list_box -->
    <!-- BEGIN row -->
    <!-- BEGIN header_table -->
       <!-- BEGIN multi_selection -->
          <script type="text/javascript">
          function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
             var all_checked = true;
             for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
             if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
                all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
             }
             }
             document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
          }
          function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
             for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
             if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
                document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
             }
             }
          }
          </script>
       <!-- END multi_selection -->

       <div class="main-head">
          <!-- BEGIN multi_selection -->
          <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
          <!-- END multi_selection -->
          <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
       </div>
       <div class="main-content">
       <table cellspacing="0" class="table">
          <thead>

          </thead>
          <tbody class="statused">
    <!-- END header_table -->

    <!-- BEGIN header_row -->
    <strong>{topics_list_box.row.L_TITLE}</strong>
    <!-- END header_row -->

    <!-- BEGIN topic -->
       <!-- BEGIN table_sticky -->
          </tbody>
       </table>
       </div>

       <div class="main-head">
          <!-- BEGIN multi_selection -->
          <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /   >
          <!-- END multi_selection -->
          <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
       </div>
       <div class="main-content">
       <table cellspacing="0" class="table">
          <thead>

          </thead>
          <tbody class="statused">
       <!-- END table_sticky -->
          <tr>
             <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <span class="stats">
                   <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
                </span>
                <!-- BEGIN single_selection -->
                <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /> 
                <!-- END single_selection -->
                                    {topics_list_box.row.ICON} 
                {topics_list_box.row.NEWEST_POST_IMG}
                {topics_list_box.row.PARTICIPATE_POST_IMG} 
                {topics_list_box.row.TOPIC_TYPE} 
                <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2> 
                {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE} 
                {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
                <!-- BEGIN switch_description -->
                                    <br />
                 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                <!-- END switch_description -->
             </td>
                  <td id="postA" class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->"><span class="ipsBadge ipsBadge_orange" data-id="hot_topic" style="display:none;">HOT</span><strong data-id="replies" class="RP">{topics_list_box.row.REPLIES}</strong> Απαντήσεις<br /><strong class="VW"> {topics_list_box.row.VIEWS}</strong> Αναγνώσεις</td>
                            <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
             <!-- BEGIN multi_selection -->
             <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
             <!-- END multi_selection -->
          </tr>
    <!-- END topic -->
    <!-- BEGIN no_topics -->
    <tr>
       <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
    </tr>
    <!-- END no_topics -->

    <!-- BEGIN bottom -->
          </tbody>
       </table>
       </div>
       <div class="main-foot clearfix">
          <!-- BEGIN multi_selection -->
          <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
          <!-- END multi_selection -->
          <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
          <p class="options">
             <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
          </p>
       </div>
    <!-- END bottom -->
    <!-- BEGIN spacer --><br /><!-- END spacer -->
    <!-- END row -->
    <!-- END topics_list_box -->
    <script type="text/javascript">
                    //<![CDATA[
                /***
                * Copyright (c) 2013 JScript <jscriptbrasil at live.com>
                * This work is free. You can redistribute it and/or modify it
                * under the terms of the WTFPL, Version 2
                *
                * For more information, go to the home page:
                * http://punbb.forumeiros.com/forum
                */
                    var replies_value = 7;
                    var target = $('td.tc2');
               
                    target.each(function(index){
                        var oThis = $(this);
                        var replies = oThis.children('strong[data-id="replies"]').text();

                        if (replies > replies_value) {
                            oThis.children('span[data-id="hot_topic"]').show();
                        }
                    });
                    //]]>
                </script>
    <style>
    .ipsBadge {
        display: inline-block;
        height: 15px;
        line-height: 15px;
        padding: 0px 5px;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFF;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        background-image: url('http://www.ipbfocus.com/forums/public/style_images/ipbfs34x/highlight.png');
        background-repeat: repeat-x;
        background-position: 0px -1px;
        vertical-align: middle;
    }
    .ipsBadge_orange {
                  background: #ED7710;
      margin-right: 5px;
    }
    .tcl.tdtopics #ipsBadge strong {
        background:url('http://i56.servimg.com/u/f56/17/97/98/69/highli20.png') repeat scroll 0% 0% #7BA60D;
        vertical-align: middle;
        display: inline-block;
        height: 16px;
        line-height: 16px !important;
        padding: 0px 5px;
        font-size: 9px !important;
        font-weight: bold !important;
        text-transform: uppercase;
        color: rgb(255, 255, 255) !important;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        background-repeat: repeat-x;
        background-position: 0px -1px;
    }
    </style>         

    https://socialacademy.forumotion.com
    #5

    OfflineDark-Avenger

    Dark-Avenger
     
    Advance Member
    Advance Member

    Posted Tue May 13, 2014 11:01 pm

     
    Thank you very much its solved. Can we apply it to board index too?

    #6

    OfflineGrafix

    Grafix
     
    Management Team
    Management Team

    Posted Tue May 13, 2014 11:07 pm

     

    *
    POPULAR

    Probobly not this is only for topic_listbox only :)

    https://socialacademy.forumotion.com
    #7

    OfflineGrafix

    Grafix
     
    Management Team
    Management Team

    Posted Tue May 13, 2014 11:29 pm

     
    Problem Solved & Locked

    https://socialacademy.forumotion.com
    #8

    OfflineSponsored content


     

    Posted

     

    Message (Page 1 of 1)



      Share Topics Url

      Url
      BBcode
      HTML

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

       
      • Create a forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com


      Social Academy Forum
      1. FOLLOW US ON

      2.   Facebook

      3.   Twitter

      4.   Flickr

      5.   Youtube

      6.   Google

      1. SERVICES

      2. Premium Themes

      3. Menu Navigation

      4. Questions & Problems

      5. Skin Tutorials

      6. Theme Adaptation

      1. SUPPORT FORUM

      2. HTML - Ask Question & Problem

      3. CSS - Ask Question & Problem

      4. JAVASCRIPT - Ask Question & Problems

      5. Premium Tutorials - Ask Question & Problems

      6. Premium Theme - Ask Question & Problems

      1. FORUM FRIENDS

      2. FM Codes

      3. FMotion Graphics

      4. Eels MindanaoPH

      5. CyberMIX FM

      6. Forumotion

      © Social Academy 2013-2022