[FM-Vi] Phân chia chuyên mục tự động - Đơn giản mà đẹp

[vandonstar]

First topic message reminder :

Ưu điểm: Không phải nói cũng biết là quá nhiều ưu điểm so với việc phải tự tay vẽ ra từng thứ. Kể cả các chuyên mục con ở phía trong chuyên mục lớn. Và khi lập thêm chuyên mục mới cũng chẳng cần phải động tay chân làm gì.
Khuyết điểm: Không có sự khác biệt hoàn toàn giữa các chuyên mục bởi việc này chỉ tự tay mới làm được Và những bạn nào forum không có chuyên mục con sẽ không áp dụng được.

Thật là hài hước khi mà những đóng góp của mình toàn được các bạn mạnh dạn cho dấu -
Tôi không am hiểu nhiều về HTML, tôi ko am hiểu Javascript, tôi không am hiểu Jquery. Nhưng tôi biết cái gì có thể làm được điều gì.
Tất cả những gì tôi làm ra đều phải vắt óc suy nghĩ từng giờ từng phút.
Tất cả những suy nghĩ của tôi không phải cái gì cũng thành hiện thực, bởi tôi còn rất non kém.
Tôi không qua một trường lớp nào. Tất cả chỉ là một niềm đam mê. Mỗi câu lệnh, mỗi bước đi tôi đều phải nhờ sự trợ giúp của Google hoặc các Website hướng dẫn khác.
Tôi cũng như các bạn, chỉ khác 1 điều là tôi có lòng quyết tâm và có sự kiên nhẫn.
Với chút ít dòng Jquery ngắn ngủi trên đây, đối với một cao thủ có thể họ chỉ mất vài phút là có thể làm ra.
Nhưng tôi không được như thế. Mỗi sản phẩm của tôi là công sức hàng tuần liền, với hàng trăm lần thử nghiệm từng dòng lệnh, thử xem nó hoạt động thế nào, sử dụng nó ra làm sao, ứng dụng nó vào việc gì thì hợp lý...
Rồi sau mấy ngày suy nghĩ, mò mẫm viết ra vài dòng lệnh. Đối với các bạn có vẻ nó rất đơn giản.
Nhưng đối với tôi đó là 1 sự hạnh phúc khi làm được một cái gì đó, hạnh phúc trong thành công của chính mình, hạnh phúc khi được chia sẻ cùng các bạn.
Những gì tôi làm ra tôi ko bao giờ giữ cho riêng mình. Khi một cái gì đó tôi cảm thấy đối với tôi thì nó đã hoàn chỉnh. Tôi vội vàng chia sẻ cho các bạn. Thậm chí nhiều lúc tại vội quá đến lúc chia sẻ rồi mới phát hiện ra lỗi. Vậy là lại phải vắt óc sửa cho thật nhanh để đáp ứng nhu cầu của các bạn.

Cái tôi cần đơn giản chỉ là sự góp ý về những điểm tốt, điểm không tốt trong phần chia sẻ để cùng phát triển hơn nữa.
Tôi ko cần thiết ai đó phải cho tôi dấu + nó chẳng quan trọng đối với tôi, nhưng với công sức suy nghĩ và làm ra những điều này để chia sẻ cho các bạn. Các bạn cũng ko nên cho dấu - như vậy. Đó là hành động không tôn trọng người khác.

Đó chỉ là vài dòng tôi muốn gửi đến những con người ích kỷ, muốn đến đây tìm kiếm một cái gì đó cho bản thân mình, nhưng lại không biết được rằng dù là điều gì nhỏ nhất khi được nhận từ người khác hoặc được người khác có ý tốt mang lại cho, thì bản thân họ đã mang một món nợ.
Đừng vội vàng đánh giá không tốt người muốn giúp bạn khi mà bạn không đạt được mục đích của mình.


Cho các bạn xem qua DEMO:

Code:

http://www.vandonstar.com/

Demo ảnh:

[You must be registered and logged in to see this image.]

Hướng dẫn:

Display :: Homepage :: Structure and hierarchy :: Split categories on index :: Chọn Medium

Vào Quản lý tổng thể :: Index_box
Tìm đoạn sau:

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

Thay code này vào:

Code:

<div style="clear:both;"></div>
<div class="chiacmvds">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Tiếp theo là:

Modules :: Javascript codes management :: Create a new Javascript

Title: Phân chuyên mục
Placement: In the home page + In the sub-forums

Cho đoạn Jquery này vào:

Code:

$(document).ready(function(){
$("div.chiacmvds").each(function(index){
cm = $(this).html();
cm = cm.replace(/, /gi,'');
$(this).html(cm);
});
$('div.chiacmvds:nth-child(even) a.gensmall:even').prev().wrap('<div class=imgcmvds_trai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:odd').prev().wrap('<div class=imgcmvds_phai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:even').wrap('<div class=cmvds_trai></div>');
$('div.chiacmvds:nth-child(even) a.gensmall:odd').wrap('<div class=cmvds_phai></div>');

$('div.chiacmvds:nth-child(odd) a.gensmall:even').prev().wrap('<div class=imgcmvds_trai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:odd').prev().wrap('<div class=imgcmvds_phai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:even').wrap('<div class=cmvds_trai></div>');
$('div.chiacmvds:nth-child(odd) a.gensmall:odd').wrap('<div class=cmvds_phai></div>');
});

Việc cuối cùng là thêm vào CSS cái này:

Code:

.cmvds_trai{float:left;width:40%;height:15px;margin:1px 1px 7px;padding:2px;text-align:left;top:5px;left:5px;background-color:#5e9eff;}
.cmvds_phai{float:right;width:40%;height:15px;margin:1px 1px 7px;padding:2px;text-align:right;top:5px;right:5px;background-color:#ff52f3;}
.imgcmvds_trai{float:left;width:6%;height:15px;margin:1px;padding:4px 2px 0 0;text-align:right;top:5px;left:5px;background-color:#96ff61;}
.imgcmvds_phai{float:right;width:6%;height:15px;margin:1px;padding:4px 0 0 2px;text-align:left;top:5px;right:5px;background-color:#96ff61;}
.cmvds_trai,.cmvds_phai,.imgcmvds_trai,.imgcmvds_phai{position:relative;border:1px solid #8a8a8a;box-shadow: 2px -2px 2px #999;}
.cmvds_trai:hover,.cmvds_phai:hover,.imgcmvds_trai:hover,.imgcmvds_phai:hover{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);background-color:#fff200;text-align:center;font-weight:bold;font-size:12px;z-index:99;}

Bây giờ bạn thử vào Forum của mình và bấm F5 nhé!

Chúc thành công, không cần thank!

[kailord]

Để đoạn css lên đầu tiên xem .. sợ để dười nó chạm với mấy đoạn smallforum còn sót lại ...

[jack lagger]

mik đã để lên đầu rồi mà vẫn không được bạn àh
hay index_box của mik có class nào gần chỗ cần thay thế nên bị lỗi

[kailord]

ấy box lên cho mọi người xem nào

[namulaw]

test thành công và đã vote!

[jack lagger]

ấy box lên cho mọi người xem nào

đây bạn

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->  <table class="tborder" cellspacing="1" cellpadding="6" border="0" width="100%" align="center"><tbody>
<tr>
 <td class="tcat" colspan="5">
 <a class="collapse" style="cursor:pointer;padding: 0px; float:right"><img src="http://www.vn-zoom.com/images/buttons/collapse_40b.png" alt="fmClose" style="display: inline; "><img style="display: none; " class="hide" src="http://www.vn-zoom.com/images/buttons/collapse_40b_collapsed.png" alt="fmOpen"></a>
<span class="secondarytitle">{catrow.tablehead.L_FORUM}</span></td>
    </tr>

</tbody>
    <tr align="center">
      <td class="thead" width="35" align="center">Icon</td>
      <td class="thead" align="left" style="padding-left:10px">Forum</td>
<td class="thead" width="65">Posts/Threads</td>
      <td class="thead" width="230">Last Post</td>
     
     
    </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr align="center" class="forumrow">
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td>
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td align="left">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a onmouseover="showtip('&lt;b&gt;Click để xem forum này !&lt;/b&gt;');" onmouseout="hidetip();" class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
          <td><table><tr align="center"><span class="gensmall">Posts : {catrow.forumrow.TOPICS}</span></tr>
            <tr align="center">
            <span class="gensmall"> Threads : {catrow.forumrow.POSTS}</span></tr></table></td>

<td><div class="lastpost" align="right">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><div style="padding: 0 0 16px 0;"></div> <!-- END tablefoot --><!-- END catrow -->

[Cáo Già Đeo Nơ]

Đã cập nhập javascripts cho teamp chưa bạn ?

[jack lagger]

rồi...mik cập nhật rồi
các js trong rum mik đều dùng được hết

[Cậu Út]

Vote cho Bác nè OK rồi...

[Cáo Già Đeo Nơ]

rồi...mik cập nhật rồi
các js trong rum mik đều dùng được hết

Do bạn vừa dùng smallrum vừa dùng cái này lên lỗi.
Vào index_box tìm
<div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
Thay bằng
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
Vào css tìm #smallrum, xóa đoạn css đó đi, rồi làm lại từ đầu là ok

[jack lagger]

vẫn không được bạn ơi....

[Cáo Già Đeo Nơ]

Reset cái index_box về mặc định rồi làm thử, nhớ sao lưu.

[jack lagger]

nhưng index_box của mik đang dùng là của skin skulife mà...sao để mặc định được

[Cậu Út]

Nếu bạn không phiền thì xài cái của mình đi tuy không đẹp lắm nhưng cũng được với lại khỏi làm cái bước đầu vì mình cũng đang dùng nè...

Code:

<table align="center" cellpadding="0" cellspacing="0" style="color: rgb(0, 0, 0); font-family: 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; " width="100%">
   <tbody>
      <tr>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; ">
            <img alt="" src="http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151017tcat_l10.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></td>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-image: url(http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151016tcat_c10.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: 0% 0%; background-repeat: repeat no-repeat; " width="100%">
            <table align="left" cellpadding="0" cellspacing="0" width="100%">
               <tbody>
                  <tr>
                     <td align="left" style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding-top: 12px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">
                        <table align="left" cellpadding="0" cellspacing="0" width="75%">
                           <tbody>
                              <tr>
                                 <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; ">
                                    <img alt="" src="http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151018tcat_t10.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></td>
                                 <td align="left" class="tcat" style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal bold 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-image: url(http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151018tcat_t11.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(255, 255, 255); padding-top: 3px !important; padding-right: 3px !important; padding-bottom: 3px !important; padding-left: 3px !important; border-bottom-width: 0px; border-bottom-style: initial; border-bottom-color: initial; border-left-width: 0px; border-left-style: initial; border-left-color: initial; border-right-width: 0px; border-right-style: initial; border-right-color: initial; background-position: 0% 0%; background-repeat: repeat no-repeat; " width="100%">
                                    <h2 style="font-size: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: inline; ">
                                       <span class="secondarytitle" style="color: rgb(0, 255, 17); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Diễn Đàn OnlineWorld...</span></h2>
                                 </td>
                                 <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; " width="200">
                                    <img alt="" src="http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151019tcat_t12.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></td>
                              </tr>
                           </tbody>
                        </table>
                     </td>
                     <td align="right" style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; ">
                        <div style="float: right; ">
                           <img src="http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151010open.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></div>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; ">
            <img alt="" src="http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151017tcat_r10.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></td>
      </tr>
      <tr>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-image: url(http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151011scale_10.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; " valign="bottom">
             </td>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; " width="100%"><table align="center" border="0" cellpadding="0" cellspacing="1" width="100%">
   <tbody>
      <tr>
         <td valign="bottom">
<!-- BEGIN switch_user_logged_in -->            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span> <!-- END switch_user_logged_in -->
            <div class="nav">
               <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
         </td>
         <td align="right" class="gensmall" valign="bottom">
<!-- BEGIN switch_user_logged_in -->            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in --><a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></td>
      </tr>
   </tbody>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table border="0" cellpadding="0" cellspacing="1" class="forumline" width="100%">
   <tbody>
      <tr>
         <th class="secondarytitle" colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%">
            Chuyên Mục {catrow.tablehead.L_FORUM}</th>
         <center><th nowrap="nowrap" width="300">
            <div style="width:150px;">
                                  Thống Kê Chuyện Mục...</div>
                          </th></center>
      </tr>
<!-- END tablehead --><!-- BEGIN cathead -->      <tr>
<!-- BEGIN inc -->         <td class="{catrow.cathead.inc.INC_CLASS}" width="46">
            <img height="0" src="{SPACER}" width="46" /></td>
<!-- END inc -->         <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.level} class="hierarchy"> <span class="cattitle"> <a class="cattitle" href="{catrow.cathead.U_VIEWCAT}" title="{catrow.cathead.CAT_DESC}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.level}></td>
         <td align="right" class="{catrow.cathead.CLASS_ROWPIC}" colspan="3">
             </td>
      </tr>
<!-- END cathead --><!-- BEGIN forumrow -->      <tr>
<!-- BEGIN inc -->         <td class="{catrow.forumrow.inc.INC_CLASS}" width="46">
            <img alt="." height="0" src="{SPACER}" width="46" /></td>
<!-- END inc -->         <td align="center" class="{catrow.forumrow.INC_CLASS}" valign="middle">
            <img alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
         <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" height="50" valign="top" width="100%">
            <h{catrow.forumrow.level} class="hierarchy">
                                <strong> <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="troinoi"><dl> » {catrow.forumrow.FORUM_NAME}</dl></div>
                                  </h{catrow.forumrow.level}><br /></strong>
            <div style="color: rgb(51, 51, 51); font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: -webkit-left; ">
               <div class="postbody" style="font-size: 12px; line-height: 18px; background-image: url(http://www.9xstudio.biz/users/2211/12/43/96/album/box-sh10.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; padding-bottom: 9px; background-position: 0% 100%; background-repeat: no-repeat no-repeat; ">
                  <dl style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 224, 224); border-right-color: rgb(224, 224, 224); border-bottom-color: rgb(224, 224, 224); border-left-color: rgb(224, 224, 224); list-style-type: none; list-style-position: initial; list-style-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; ">
                     {catrow.forumrow.FORUM_DESC}
                  </dl>
               </div>
            </div>
            <span class="gensmall"><!-- BEGIN switch_moderators_links --></span>
            <div style="color: rgb(51, 51, 51); font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: -webkit-left; ">
               <div class="postbody" style="font-size: 12px; line-height: 18px; background-image: url(http://www.9xstudio.biz/users/2211/12/43/96/album/box-sh10.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; padding-bottom: 9px; background-position: 0% 100%; background-repeat: no-repeat no-repeat; ">
                  <dl style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 224, 224); border-right-color: rgb(224, 224, 224); border-bottom-color: rgb(224, 224, 224); border-left-color: rgb(224, 224, 224); list-style-type: none; list-style-position: initial; list-style-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; ">
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  </dl>
               </div>
            </div>
            <span class="gensmall"><span class="gensmall"><!-- END switch_moderators_links -->
<div style="clear:both;"></div>
<div class="chiacmvds">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         </span>
      </td>
         <td align="center" class="row3 over" height="50" valign="middle">
            <table border="0" cellpadding="0" cellspacing="0" style="color: rgb(0, 0, 0); font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; " width="100%">
               <tbody>
                  <tr>
                     <td style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; ">
                        <img height="2" src="http://i44.servimg.com/u/f44/15/44/78/93/iaza1410.gif" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " width="18" /></td>
                     <td background="http://i44.servimg.com/u/f44/15/44/78/93/iaza1411.gif" style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; background-repeat: repeat no-repeat; ">
                        <img height="2" src="http://i44.servimg.com/u/f44/15/44/78/93/iaza1412.gif" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " width="205" /></td>
                     <td style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; ">
                        <img height="2" src="http://i44.servimg.com/u/f44/15/44/78/93/iaza1413.gif" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " width="4" /></td>
                  </tr>
                  <tr>
                     <td align="right" background="http://i44.servimg.com/u/f44/15/44/78/93/iaza1414.gif" style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; background-position: 100% 50%; background-repeat: no-repeat repeat; " valign="bottom">
                        <img src="http://i44.servimg.com/u/f44/15/44/78/93/iaza1415.gif" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></td>
                     <td background="http://i44.servimg.com/u/f44/15/44/78/93/box1010.gif" style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; text-align: center; " width="100%">
                                                          <span class="genmed" style="font-size: 12px; "><font color="#7419BF" face="" size="2"><img src="http://i61.servimg.com/u/f61/15/61/17/20/new10.gif" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /><strong> {catrow.forumrow.LAST_POST}</strong></font></span></td>
                     <td background="http://i44.servimg.com/u/f44/15/44/78/93/iaza1416.gif" style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; ">
                        <img src="http://i44.servimg.com/u/f44/15/44/78/93/iaza1417.gif" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></td>
                  </tr>
                  <tr>
                     <td style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; ">
                         </td>
                     <td background="http://i44.servimg.com/u/f44/15/44/78/93/iaza1419.gif" style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; background-repeat: repeat no-repeat; ">
                        <img height="6" src="http://i44.servimg.com/u/f44/15/44/78/93/iaza1420.gif" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " width="205" /></td>
                     <td style="font: normal normal normal 10pt/normal tahoma, 'MS Sans Serif', verdana, arial, helvetica, sans-serif; ">
                        <img height="6" src="http://i44.servimg.com/u/f44/15/44/78/93/iaza1421.gif" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " width="4" /><br />
                         </td>
                  </tr>
               </tbody>
            </table>
            <div align="center">
               <div style="background-color: #fff;width: 270px;-moz-border-radius: 4px; border-radius: 4px;border: 1px dotted #e7e7e7;">
<strong><span style="font-size:12px;"><span class="genmed"><img src="http://i87.servimg.com/u/f87/14/17/42/10/subfor10.gif" /> Số Chủ Đề: <span style="font-size:20px;"><span style="color:#ee82ee;">{catrow.forumrow.TOPICS}</span></span> | <img src="http://i87.servimg.com/u/f87/14/17/42/10/subfor10.gif" /> Số Bài Gửi: <span style="font-size:20px;"><span style="color:#ee82ee;">{catrow.forumrow.POSTS}</span></span></span></span></strong>
            </div>
         </td>
      </tr>
<!-- END forumrow --><!-- BEGIN catfoot -->      <tr>
<!-- BEGIN inc -->         <td class="{catrow.catfoot.inc.INC_CLASS}" width="46">
            <img height="0" src="{SPACER}" width="46" /></td>
<!-- END inc -->         <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1">
            <img alt="" height="1" src="{SPACER}" width="1" /></td>
      </tr>
<!-- END catfoot --><!-- BEGIN tablefoot -->   </tbody>
</table>
          <p>
   <img alt="" height="5" src="{SPACER}" width="1" /><!-- END tablefoot --><!-- END catrow --></p>
          <style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:150px;width:30px;float:left;cursor:pointer;background:url('http://www.maunvalleysom.co.uk/wp-content/themes/default/images/facebook.png') no-repeat;}.gbcontent{float:left;border:2px solid #990000;background:#F5F5F5;padding:10px;}
</style>
<!-- BEGIN switch_user_logged_out -->
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div style="right: -174px;" id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">

<table border="0" width="150"><tr><td align="left"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Thử nghiệm</title>
  </head>
  <body>
    <h1>Thử nghiệm bảng Login Facebook</h1>
    <p><fb:login-button autologoutlink="true"></fb:login-button></p>
   

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: 'điền số App ID của bạn vào đây', status: true, cookie: true,
                xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          'https://connect.facebook.net/vi_VN/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
  </body>
</html></td></tr></table>
</div>
</div><!-- END switch_user_logged_out --></td>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-image: url(http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151012scale_11.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: 100% 0%; background-repeat: no-repeat repeat; " valign="bottom">
             </td>
      </tr>
      <tr>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; ">
            <img alt="" src="http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151005footer10.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></td>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-image: url(http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151006footer11.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: 0% 0%; background-repeat: repeat no-repeat; " width="100%">
             </td>
         <td style="font-family: Verdana, Arial, Helvetica, sans-serif; font: normal normal normal 10pt/normal 'Segoe UI', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; ">
            <img alt="" src="http://images.dailyinfo.vn/archive/photo/fashion/201008/20100801/01151006footer12.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></td>
      </tr>
   </tbody>
</table>

Nếu được thì chỉ cần Thanks cho mình nhẹ thôi...

[jack lagger]

ko cần nữa đâu bạn àh
mik fixed lỗi được rồi
ko phiền mọi người reply nữa naz...

[Lowie]

Mình thay skin vandonstar ver 5 thì box nó ra thế này:[You must be registered and logged in to see this link.]
Bạn vandonstar giúp mình với \\\' \\\'

[Sponsored content]