[Answered] how can add lastest news

Code:

    <!-- BEGIN switch_user_logged_in -->
    <style>table.ipb_table {
        width: 100%;
        line-height: 1.3;
        border-collapse: collapse;
    }
      .row2, .post_block.row2 {
        background-color: #F1F6F9;
    }
    #announcements td {
        border-bottom: 1px solid #FFF;
    }
    table.ipb_table td {
        padding: 10px;
      }
      #announcements h4 {
        display: inline;
        font-weight: normal;
    }
    table.ipb_table h4, table.ipb_table .topic_title {
        font-size: 14px;
      }
      .desc, .desc.blend_links a, p.posted_info {
        font-size: 12px;
        color: #777;
    }
      .ipsType_pagetitle, .ipsType_subtitle {
        font: 300 26px/1.3 Helvetica,Arial,sans-serif;
        color: #323232;
    }
   
    </style>
    <h1 class='ipsType_pagetitle'>Latest News & Updates </h1>

    <br/>
    <table class='ipb_table topic_list hover_rows'>
    <tr class='row2 announcement' id='arow_30'>
    <td>
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a>  "Date Here"
    </span> 
   
      <br />
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a>  "Date Here"
    </span> 
   
      <br /> 
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a> &nbsp; "Date Here"
    </span> 
   
   
   
    </td>
    </tr>
    </table>
      </div>
<!-- END switch_user_logged_in -->


Code:

    <!-- BEGIN switch_user_logged_in -->
    <style>table.ipb_table {
        width: 100%;
        line-height: 1.3;
        border-collapse: collapse;
    }
      .row2, .post_block.row2 {
        background-color: #F1F6F9;
    }
    #announcements td {
        border-bottom: 1px solid #FFF;
    }
    table.ipb_table td {
        padding: 10px;
      }
      #announcements h4 {
        display: inline;
        font-weight: normal;
    }
    table.ipb_table h4, table.ipb_table .topic_title {
        font-size: 14px;
      }
      .desc, .desc.blend_links a, p.posted_info {
        font-size: 12px;
        color: #777;
    }
      .ipsType_pagetitle, .ipsType_subtitle {
        font: 300 26px/1.3 Helvetica,Arial,sans-serif;
        color: #323232;
    }
   
    </style>
    <h1 class='ipsType_pagetitle'>Latest News & Updates </h1>

    <br/>
    <table class='ipb_table topic_list hover_rows'>
    <tr class='row2 announcement' id='arow_30'>
    <td>
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a>  "Date Here"
    </span> 
   
      <br />
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a>  "Date Here"
    </span> 
   
      <br /> 
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a> &nbsp; "Date Here"
    </span> 
   
   
   
    </td>
    </tr>
    </table>
    <!-- END switch_user_logged_in -->


deaneo8 wrote:[link="/t617-how-can-add-lastest-news#5362"]have look on my website http://gamingnews.forumotion.co.uk/
if cant do could give me hand to do it on my website

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>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {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}
<div id="{ID_LEFT}" class="main">
  <div class="main-head">
      <div class="page-title">
        <h2>Latest Topic System v5</h2>
      </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>
{BOARD_INDEX}
<div id="sign_week"><center></center></div>
<!-- BEGIN disable_viewonline -->
<script>
  $(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
 
 
$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Total posts</li>
<li><span>'+totalUser+'</span> Total members</li>
<li><span>'+lastUser+'</span> Newest Member</li>
<li><span>'+rdtOn+'</span> Record users online</li>
');
 

});
</script>
 <div id="statistics">
                  <br />
                  <ul class="statsPers">
                    <li class="statHide rdtOn">Record users online: {RECORD_USERS}</li>
                    <li class="statHide lastUser">Newest Member: {NEWEST_USER}</li>
                    <li class="statHide totalUser">Members: {TOTAL_USERS}</li>
                    <li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>
                  </ul>
              <br />
       
          </div>
<div id="pun-info" class="main">
  <div class="statistics_head">
</div>
   <div class="main-statistics">
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

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

         <p>{GROUP_LEGEND}</p>
      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE} : 
         {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>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {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}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{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 -->

deaneo8 wrote:[link="/t617-how-can-add-lastest-news#5412"]hi how do i add reply button and like button and qoute button too and


but i want to keep this bro

Code:

    {JAVASCRIPT}
    <!-- BEGIN switch_user_logged_in -->
    <style>table.ipb_table {
        width: 100%;
        line-height: 1.3;
        border-collapse: collapse;
    }
      .row2, .post_block.row2 {
        background-color: #F1F6F9;
    }
    #announcements td {
        border-bottom: 1px solid #FFF;
    }
    table.ipb_table td {
        padding: 10px;
      }
      #announcements h4 {
        display: inline;
        font-weight: normal;
    }
    table.ipb_table h4, table.ipb_table .topic_title {
        font-size: 14px;
      }
      .desc, .desc.blend_links a, p.posted_info {
        font-size: 12px;
        color: #777;
    }
      .ipsType_pagetitle, .ipsType_subtitle {
        font: 300 26px/1.3 Helvetica,Arial,sans-serif;
        color: #323232;
    }
   
    </style>
    <h1 class='ipsType_pagetitle'>Latest News & Updates </h1>

    <br/>
    <table class='ipb_table topic_list hover_rows'>
    <tr class='row2 announcement' id='arow_30'>
    <td>
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a>  "Date Here"
    </span> 
   
      <br />
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a>  "Date Here"
    </span> 
   
      <br /> 
   
    <img src='http://community.invisionpower.com/filestore/public/style_images/master/t_announcement.png' title="" />
    <h4>
      <a href="http://socialacademy.forumotion.com/t470-ipb-blaze-skin#3379" title='View New Skin'>  IPB Blaze Skin [Free] </a>
    </h4>
      <span class='desc'>Posted by  <a href='/uid' title='View Profile'><span class="adminR" itemprop="name"> "Username" </span></a>   "Date Here"
    </span> 
   
   
   
    </td>
    </tr>
    </table>
    <!-- END switch_user_logged_in -->

    <!-- 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> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {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}
    <div id="{ID_LEFT}" class="main">
      <div class="main-head">
          <div class="page-title">
            <h2>Latest Topic System v5</h2>
          </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>
    {BOARD_INDEX}
    <div id="sign_week"><center></center></div>
    <!-- BEGIN disable_viewonline -->
    <script>
      $(document).ready(function(){
    var rdtOn = $('.rdtOn strong').html();
    var lastUser = $('.lastUser strong').html();
    var totalUser = $('.totalUser strong').html();
    var totalPost = $('.totalPost strong').html();
   
   
    $('ul.statsPers').prepend('
    <li><span>'+totalPost+'</span> Total posts</li>
    <li><span>'+totalUser+'</span> Total members</li>
    <li><span>'+lastUser+'</span> Newest Member</li>
    <li><span>'+rdtOn+'</span> Record users online</li>
    ');
   

    });
    </script>
    <div id="statistics">
                      <br />
                      <ul class="statsPers">
                        <li class="statHide rdtOn">Record users online: {RECORD_USERS}</li>
                        <li class="statHide lastUser">Newest Member: {NEWEST_USER}</li>
                        <li class="statHide totalUser">Members: {TOTAL_USERS}</li>
                        <li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>
                      </ul>
                  <br />
           
              </div>
    <div id="pun-info" class="main">
      <div class="statistics_head">
    </div>
      <div class="main-statistics">
          <div id="onlinelist">
            <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
            <p class="right">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
            </p>
            <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

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

            <p>{GROUP_LEGEND}</p>
          </div>
          <!-- BEGIN switch_chatbox_activate -->
          <div id="onlinechat">
            <p class="page-bottom">
            {TOTAL_CHATTERS_ONLINE} :
            {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> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {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}

    <!-- BEGIN switch_legend -->
    <ul id="pun-legend">
      <li>
          <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
          <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
          <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
      </li>
    </ul>
    <!-- END switch_legend -->

    {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 -->