Share Lastopic Full Thông Tin 11/2012

demo: http://anhung2.forumvi.com/
CSS

Code:

.top-vi,.viewrep{padding:10px!important}#active_starters,#most_active,#pun-visit,#users_month,#users_week{display:none}.lastcate,.left,.leftrecent,.repfmvi,.rightrecent,
.viewfmvi{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}

.leftrecent{width:38%}.left{margin-left:-3px;width:81%}

.imgstatus{background-color:#FFF;left:-32px;padding:2px 7px;position:absolute}.rightrecent{right:250px;text-align:right;width:115px}.showpost{font-size:9px;left:-12px;line-height:18px;position:absolute}


.viewfmvi{right:185px;text-align:right;width:50px}.repfmvi{right: 129px;text-align:right;width:50px}.lastcate{margin-right:-11px;right:0;text-align:right;width:157px}#content-container div#left,#content-container div#right{border:0 none;float:none;margin:0;width:100%}*+ html #content-container div#main{margin-left:0;margin-right:0}* html #content-container #main-content{margin-left:0;margin-right:0;overflow:visible}* html #content-container div#main{float:none;margin-left:-99%;margin-right:-99%;width:100%}.latest_topics{list-style:decimal-leading-zero outside none;margin:0!important;padding:0 5px 0 27px;text-align:left}.latest_topics li{line-height:16.1px;position:relative}.toppost_width{float:left;width:200px}.recentWidth{float: right;width:655px}.recentWidth .main-head{height:1.3em;overflow:hidden;position:relative}.recentWidth h3{marign-left:10px}.loaddinng{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/black-10.gif);background-position:center center;background-repeat:no-repeat;height:350px;width:440px}#checktip{position:absolute;right:10px;top:3px;z-index:300}#numRecent{display:none;position:absolute;right:12px;top:7px}
.latest_topics li {
line-height: 16.1px;
}

/* Thống kê */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#BFBFBF;border:1px solid #989898;color: white;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;height:18px;padding:5px;background: url(http://i46.servimg.com/u/f46/15/26/55/24/tcat10.png) repeat scroll 0 0 rgba(45, 71, 99, 0.44);}

/* Tooltip */
#tooltip .header {display:none}
#tooltip .tiplFMvi{border-bottom:1.5px dashed;padding-bottom:5px;margin-bottom:5px}
#tooltip{max-width:550px;position:absolute;background-color:#FFF;border:2px solid blue;padding:5;border-radius:3px;color:#000;z-index:99;}

index-body

Code:

  <script type="text/javascript" src="http://www.hotrofm.com/28222.js"></script>
  <script type="text/javascript" src="http://www.hotrofm.com/27197.js"></script>
<div id="left" class="boxfmvi main" style="display: block; "><div class="main-head"><div class="page-title"><h4><a style="margin-right: 10px;" href="javascript:vol(0)" onclick="javascript:searchtopic('/search?search_keywords=&amp;search_author=*_*', '22', '#recentnew ul')" original-title="Reload"><img src="http://i44.servimg.com/u/f44/17/54/81/09/playba10.png"></a><span style="color:#FFF;font-family:Trebuchet MS;font-size:17px!important;font-variant:small-caps;font-weight:600!important;text-shadow:1px 1px 1px #000">Tình hình diễn đàn</span><select style="float:right;clear:right" id="changeFMvi" onchange="searchtopic('/search?search_keywords=&search_author=*_*&search_where='+this.options[this.selectedIndex].value, '23', '#recentnew ul')"></select></span></h2></div>
 
  </div> </div> <div class="main-content">
        <!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}
        <!-- BEGIN saut -->
        <!-- END saut -->
        <!-- END giefmod_index1 -->
               
      </div>
  </div>

search_results_topics

Code:

<div class="main paged">
<form action="{S_ACTION}" method="post" name="post" onsubmit="return verify_select();" class="frm-form">

  <div class="main-head">
      <h1 class="page-title">{L_SEARCH_MATCHES}</h1>
  </div>

  <div class="main-content">
      <table class="table" cellspacing="0">
        <thead>
            <tr>
              <th class="tcl">{L_TOPICS}</th>
              <th class="tc2">{L_FORUM}</th>
              <th class="tc3">{L_REPLIES}</th>
              <th class="tc3">{L_VIEWS}</th>
              <th class="tcr">{L_LASTPOST}</th>
            </tr>
        </thead>

        <tbody class="statused">
            <!-- BEGIN searchresults -->
            <tr>
              <td class="tcl tdtopics search">
                  <span class="status">
                    <img src="{searchresults.TOPIC_FOLDER_IMG}" alt="{searchresults.L_TOPIC_FOLDER_ALT}" title="{searchresults.L_TOPIC_FOLDER_ALT}" />
                  </span>

                  {searchresults.NEWEST_POST_IMG}
                  {searchresults.PARTICIPATE_POST_IMG}
                  {searchresults.TOPIC_TYPE}
                  <h2 class="topic-title">
                    <a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a>
                    <div class="tooltipFMvi" style="display:none"><div style="padding:10px">
                        <p class="tiplFMvi">Tiêu đề:
                          <font color="blue">{searchresults.TOPIC_TITLE}</font>
                        </p>
                        <p>Tạo chủ đề: {searchresults.TOPIC_AUTHOR}</p>
                        <p>Chuyên mục:
                          <font color="#0099FF"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></font>
                        </p>
                        <p>Trạng thái:
                          <font color="#CC0000">{searchresults.L_TOPIC_FOLDER_ALT}</font>
                        </p>
                        <p>Lần xem:
                          <font color="#FF66CC">{searchresults.VIEWS}</font>
                        </p>
                        <p class="tiplFMvi">Lượt trả lời:
                          <font color="#009933">{searchresults.REPLIES}</font>
                        </p>
                        <p>Người gửi cuối: {searchresults.LAST_POST_AUTHOR}</p>
                        <p>Thời gian gửi:
                          <font color="#FF6600">{searchresults.LAST_POST_TIME}</font>
                        </p>
                                                          <span style="display:none" class="lastlink-FMvi">{searchresults.LAST_POST_IMG}</span>
                            </div></div>
                                                </h2>
                  {searchresults.GOTO_PAGE}
                  {searchresults.L_BY} {searchresults.TOPIC_AUTHOR}
              </td>
              <td class="tc2"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></td>
              <td class="tc3">{searchresults.REPLIES}</td>
              <td class="tc3">{searchresults.VIEWS}</td>
              <td class="tcr">{searchresults.LAST_POST_TIME} {searchresults.L_BY} {searchresults.LAST_POST_AUTHOR}{searchresults.LAST_POST_IMG}</td>
            </tr>
            <!-- END searchresults -->
        </tbody>
      </table>
  </div>

  <div class="main-foot">
  </div>

  <div class="paged-foot clearfix">
      <p class="paging">{PAGINATION}</p>
      <p class="posting">{L_BACK_TO_TOP}</p>
  </div>
</form>
</div>

cho vào đầu index body

Code:

  <script type="text/javascript" src="http://www.hotrofm.com/28222.js"></script>
  <script type="text/javascript" src="http://www.hotrofm.com/27197.js"></script>
<div id="left" class="boxfmvi main" style="display: block; "><div class="main-head"><div class="page-title"><h4><a style="margin-right: 10px;" href="javascript:vol(0)" onclick="javascript:searchtopic('/search?search_keywords=&amp;search_author=*_*', '22', '#recentnew ul')" original-title="Reload"><img src="http://i44.servimg.com/u/f44/17/54/81/09/playba10.png"></a><span style="color:#FFF;font-family:Trebuchet MS;font-size:17px!important;font-variant:small-caps;font-weight:600!important;text-shadow:1px 1px 1px #000">Tình hình diễn đàn</span><select style="float:right;clear:right" id="changeFMvi" onchange="searchtopic('/search?search_keywords=&search_author=*_*&search_where='+this.options[this.selectedIndex].value, '23', '#recentnew ul')"></select></span></h2></div>
 
  </div> </div> <div class="main-content">
        <!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}
        <!-- BEGIN saut -->
        <!-- END saut -->
        <!-- END giefmod_index1 -->
               
      </div>
  </div>

mod_most_active_starters

Code:

<div class="module main"><div id="active_starters" class="main-content top-vi" style="display:none"><ul class="latest_topics">
        <!-- BEGIN POSTER -->
        <li>

<span onmouseover="show_tooltip(this, $(this).next().html(), 'FMvi.vn')" class="leftrecent">
              {POSTER.NAME}
            </span> 
            <span style="float: right">{POSTER.NB_TOPICS}</span>                                                           
        </li>
        <!-- END POSTER -->
      </ul>
  </div>
</div>

mod_most_active_topics

Code:

<div class="module main">
  <div class="starsTitle">
      <span style="float: right; padding-right: 10px;">
        <select id="changeviewrep">
            <option value="most_viewed">Xem nhiều nhất</option>
            <option value="most_active">Trả lời nhiều nhất</option>
        </select>
      </span> 
  </div> 
  <div id="most_active" class="main-content viewrep">
      <ul class="latest_topics">
 
 
  <!-- BEGIN TOPIC -->
        <li>

                                 

<span class="leftrecent" style="width:175px!important"><a href="{TOPIC.LINK}" onmouseover="show_tooltip(this, $(this).parent().next().html(), 'FMvi.vn')" title="{TOPIC.NAME}">
  {TOPIC.NAME}</a></span><div style="display:none"><div class="rightnumber">
 {TOPIC.TITLE}</div>    </div>                                                   
            </li>
        <!-- END TOPIC -->
      </ul>
  </div>
</div>

Hotrofm

mod_most_viewed_topics

Code:

<div class="module main">
  <div id="most_viewed" class="main-content viewrep" style="border-bottom-width: 0pt;">
      <ul class="latest_topics">

              <!-- BEGIN TOPIC -->
        <li>
<span class="leftrecent" style="width:175px!important"><a href="{TOPIC.LINK}" onmouseover="show_tooltip(this, $(this).parent().next().html(), 'FMvi.vn')" title="{TOPIC.NAME}">
  {TOPIC.NAME}</a></span><div style="display:none"><div class="rightnumber">
 {TOPIC.TITLE}</div>  </div>                                                     
                  </li>
        <!-- END TOPIC -->
      </ul>
  </div>

mod_recent_topics

Code:

<div class="module main recentWidth" style="border-right:1px solid #DDD!important;height:265px"><div class="starsTitle" style="position: relative;"><h3><p style="position: relative; margin-left: 26px; margin-right: 10px;"><span class="leftrecent">Bài viết mới</span><span class="rightrecent">Người gửi</span><span class="viewfmvi">Xem</span><span class="repfmvi">Trả lời</span><span class="lastcate">Chuyên mục</span></p></h3></div><div id="recentnew" class="main-content" style="border: 0pt none"><ul class="latest_topics" style="padding-left: 20px ! important;"><div class="loaddinng"></div></ul></div><div id="dulieupostter"></div></div>

 

mod_top_post_users_month

Code:

<div class="module main">
  <div id="users_month" class="main-content top-vi" style="display:none">
      <ul class="latest_topics">
        <!-- BEGIN POSTER -->
        <li>
            <span class="leftrecent">
              {POSTER.NAME}
            </span> 
            <span style="float: right">{POSTER.NB_POSTS}</span>                                                           
        </li>
        <!-- END POSTER -->
      </ul>
  </div>
</div>

mod_top_post_users_week

Code:

<div class="module main">
  <div id="users_week" class="main-content top-vi" style="display:none">
      <ul class="latest_topics">
        <!-- BEGIN POSTER -->
        <li>

<span onmouseover="show_tooltip(this, $(this).next().html(), 'FMvi.vn')" class="leftrecent">
              {POSTER.NAME}
            </span> 
            <span style="float: right">{POSTER.NB_POSTS}</span>                                                           
        </li>
        <!-- END POSTER -->
      </ul>
  </div>
</div>

mod_top_posters

Code:

<div class="module main">
  <div class="starsTitle">
      <span style="float: right; padding-right: 10px;">
        <select id="changeposter">
            <option value="top_posters">Thành viên tích cực nhất</option>
            <option value="active_starters">Tạo chủ đề nhiều nhất</option>
            <option value="users_week">Gửi bài nhiều trong tuần</option>
            <option value="users_month">Gửi bài nhiều trong tháng</option>
        </select>
      </span> 
  </div> 
  <div id="top_posters" class="main-content top-vi">
      <ul class="latest_topics">
        <!-- BEGIN POSTER -->
        <li>

<span onmouseover="show_tooltip(this, $(this).next().html(), 'FMvi.vn')" class="leftrecent">
              {POSTER.NAME}
            </span> 
            <span style="float: right">{POSTER.NB_POSTS}</span>                                                           
        </li>
        <!-- END POSTER -->
      </ul>
  </div>
</div>

vào header

tìm

Code:

<head>....</head>

thay bằng

Code:

<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <!--[if lte IE 6]>
        <style type="text/css">
                .post-entry .entry-content img{display: block !important}
                body{background-color: #FFFFFF!important}
          #mudimPanel,.minwidth_IE, #login_popup, #hitskin_preview{display:none!important}
      </style>
  <![endif]-->
  <noscript>
        <style type="text/css">
                a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']{display:block !important}
                .post-entry .entry-content img{display: block !important}
          #left{display:block !important}
          .module .main-content{height: 12.3em !important}
          .toppost_width{width: 290px;}
          .recentWidth{width: 658px;}
          .latest_topics{overflow: hidden !important; height: 12.3em !important}
          .chatbox, .fmviToggle, #checktip .open{display:none}
      </style>
  </noscript>

  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>

        <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  <script type="text/javascript">
      function langEV() {
          if ($("html").attr("xml:lang") == "en") {
              return true;
          } else if ($("html").attr("xml:lang") == "vi") {
              return false;
          }
      }
  </script>
  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->
 
  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
  <!-- END switch_ticker_new -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code --> 
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
<script type="text/javascript" src="http://dangvietpy.googlecode.com/files/select.js"></script>
 
  </head>