[Solved] recent topics system

• Description:

hi 

i have added your recent topics system 

but it messed up please have a look my forum url is www.pixibotz.com

• Information:

Coolyou wrote:[link="/t1106-recent-topics-system#7343"]Please post here your [ic]index_body[/ic] template.

Code:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->
  <div id="{ID_LEFT}" class="main">
        <div class="maintitle-m">
 <div class="maintitle-l"></div>
 <div class="maintitle-r"></div>
 <div class="cat-title"><span>
                                          <div class="page-title"> Recent Topics </div> </span></div></div>
         
      <div class="main-content">
          <table cellspacing="0" class="table">
            <tbody class="statused">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- END giefmod_index1 -->
            </tbody>
          </table>
            </div>
            <script type="text/javascript">
                    //<![CDATA[
                    var versionMinor = parseFloat(navigator.appVersion),
                            versionMajor = parseInt(versionMinor),
                            IE = document.all && !window.opera && 7 > versionMajor,
                            IE7 = document.all && !window.opera && 7 <= versionMajor,
                            OP = window.opera,
                            FF = document.getElementById,
                            NS = document.layers;
                 
                    function get_item(a, c) {
                            if (IE) return c ? window.opener.document.all[a] : document.all[a];
                            if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
                            if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
                    }
                 
                 
                      var current_tooltip;
             
                function show_tooltip(a, c) {
                        var b = get_item("tooltip");
                        b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
                        b.style.zIndex = 1000;
                        b.style.position = "absolute";
                        b.innerHTML = "<p>" + c + "</p>";
                        b.style.visibility = "visible";
                        a.onmousemove = move_tooltip;
                        a.onmouseout = function () {
                                b.style.visibility = "hidden"
                        };
                        a.title = ""
                }
                var offsetxpoint = -60,
                        offsetypoint = 20,
                        real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
                        real_body = document.documentElement ? document.documentElement : document.body;
             
                function move_tooltip(a) {
                        var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
                                d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
                                b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
                                e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
                                f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
                        current_tooltip = get_item("tooltip");
                        current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
                        current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
                }
                $("#recent_topics li a:first-child").mouseover(function () {
                        show_tooltip(this, $(this).next().html())
                });
                $("#active_topics a, #viewed_topics a").mouseover(function () {
                        show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
                }).after(function () {
                        return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
                });
                $(".changeLast").change(function(){
                        $(".half.group_" + $(this).data("group")).hide();
                        $("#" + this.value).show();
                });
                //]]>
            </script>
    </div>

{CHATBOX_TOP}
{BOARD_INDEX}
<div id="board_stats">      
      <ul class="ipsType_small">
         <li><span class="FORUMCOUNTPOST"></span>&nbsp;Total Posts</li>
         <li><span class="FORUMCOUNTUSER"></span>&nbsp;Total Members</li>
         <li><span class="FORUMLASTUSER"></span>&nbsp;Newest Member</li>
         <li><span class="FORUMONLINEUSER"></span>&nbsp;Most Online</li>
      </ul>
   </div>
<!-- BEGIN disable_viewonline -->
<div class="board-title-line"><p>{RECORD_USERS}</p><ul><li><a href="/search?search_id=activetopics">Today's active topics</a></li><li><a href="/memberlist?mode=today_posters"> Today's top 20 posters </a></li><li><a href="/memberlist?mode=overall_posters">Overall top 20 posters</a></li></ul></div>
<div id="pun-info-ipb" class="main">
   <div class="main-content">
      <div id="onlinelist">
         <p>{TOTAL_USERS_ONLINE}
         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
         {CHATTERS_LIST}<br />
         <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Code:

[panda=html]{JAVASCRIPT}

<div id="{ID_LEFT}" class="main">
      <span>
                                          <div class="board-title-line"> Recent Topics </div> </span>
         
      <div class="main-content">
          <table cellspacing="0" class="table">
            <tbody class="statused">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- END giefmod_index1 -->
            </tbody>
          </table>
            </div>
            <script type="text/javascript">
                    //<![CDATA[
                    var versionMinor = parseFloat(navigator.appVersion),
                            versionMajor = parseInt(versionMinor),
                            IE = document.all && !window.opera && 7 > versionMajor,
                            IE7 = document.all && !window.opera && 7 <= versionMajor,
                            OP = window.opera,
                            FF = document.getElementById,
                            NS = document.layers;
                 
                    function get_item(a, c) {
                            if (IE) return c ? window.opener.document.all[a] : document.all[a];
                            if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
                            if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
                    }
                 
                 
                      var current_tooltip;
             
                function show_tooltip(a, c) {
                        var b = get_item("tooltip");
                        b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
                        b.style.zIndex = 1000;
                        b.style.position = "absolute";
                        b.innerHTML = "<p>" + c + "</p>";
                        b.style.visibility = "visible";
                        a.onmousemove = move_tooltip;
                        a.onmouseout = function () {
                                b.style.visibility = "hidden"
                        };
                        a.title = ""
                }
                var offsetxpoint = -60,
                        offsetypoint = 20,
                        real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
                        real_body = document.documentElement ? document.documentElement : document.body;
             
                function move_tooltip(a) {
                        var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
                                d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
                                b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
                                e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
                                f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
                        current_tooltip = get_item("tooltip");
                        current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
                        current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
                }
                $("#recent_topics li a:first-child").mouseover(function () {
                        show_tooltip(this, $(this).next().html())
                });
                $("#active_topics a, #viewed_topics a").mouseover(function () {
                        show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
                }).after(function () {
                        return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
                });
                $(".changeLast").change(function(){
                        $(".half.group_" + $(this).data("group")).hide();
                        $("#" + this.value).show();
                });
                //]]>
            </script>
    </div>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->
 
{CHATBOX_TOP}
{BOARD_INDEX}
<div id="board_stats">     
      <ul class="ipsType_small">
        <li><span class="FORUMCOUNTPOST"></span>&nbsp;Total Posts</li>
        <li><span class="FORUMCOUNTUSER"></span>&nbsp;Total Members</li>
        <li><span class="FORUMLASTUSER"></span>&nbsp;Newest Member</li>
        <li><span class="FORUMONLINEUSER"></span>&nbsp;Most Online</li>
      </ul>
  </div>
<!-- BEGIN disable_viewonline -->
<div class="board-title-line"><p>{RECORD_USERS}</p><ul><li><a href="/search?search_id=activetopics">Today's active topics</a></li><li><a href="/memberlist?mode=today_posters"> Today's top 20 posters </a></li><li><a href="/memberlist?mode=overall_posters">Overall top 20 posters</a></li></ul></div>
<div id="pun-info-ipb" class="main">
  <div class="main-content">
      <div id="onlinelist">
        <p>{TOTAL_USERS_ONLINE}
        <br />
        {LOGGED_IN_USER_LIST}
        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}<br />
        {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
        <div class="clear"></div>
        <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>
      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
        <p class="page-bottom">
        {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
        {CHATTERS_LIST}<br />
        <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
              insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
        <!-- END switch_chatbox_popup -->
        </p>
      </div>
      <!-- END switch_chatbox_activate -->
  </div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->