[Thắc mắc] Vấn đề WIDGET

[pianokzll]

*Mình muốn làm widget 2 cột mà vẫn giữ được lasttopic, QTAM, Chatbox -> to hết cỡ thì phải làm sao nhỉ?

Ý của mình là: Lasttopic, Generalities, QTAM ver6, Chatbox nó sẽ giữ nguyên kích cỡ, còn từ chỗ diễn đàn nó mới chia thành 2 cột. Ai có lòng tốt thì giúp mình với nhé. Cảm ơn trước ạ

Câu hỏi ngoài lề: Mình có làm theo icon trước nick của Thuan nhưng bị lỗi icon ở chatbox (như hình), có cách nào khắc phục không nhỉ

[handsomevip007]

Trong lề: Link forum
Ngoài lề: Không có

[pianokzll]

Link rum đây ạ

Code:

http://neverfull.forumvi.com/

E chưa để cái widget đó lên =='' Em chỉ hỏi có làm được không thì e mới để cho nó lên.

[handsomevip007]

Làm thì có lẽ được nhưng phải xem cấu trúc nó thế nào đã. Bạn cứ gắng lên thử mình xem

[pianokzll]

A giúp e làm được k ạ? Các code e xài cho diễn đàn toàn copy thôi ạ
..Còn cấu trúc forum thì vẫn lcòn cơ bản , e chỉ đổi vị trí của Chủ đề|Số bài vào 1 cột, tập đóng khung theo bài hướng dẫn CSS của bác Hùng. QTÂN thì của Vandonstar, last của Thuan007, ngoài ra em chưa có thêm gì ạ.
Mong anh giúp cho

[handsomevip007]

Bạn gắng cái widget lên chưa?

[pianokzll]

Bạn gắng cái widget lên chưa?

Mình gắn lên rồi đó

[handsomevip007]

Cho mượn index_box và overall_footer xem

[pianokzll]

Đây nè
Như mình nói ở trên đó. Index box mình chỉ thay vị trí của bài viết chủ đề + đóng khung.
Còn footer cũng mặc định nốt, có thêm cái di chuyển lên đầu trang đó thôi
Index box:

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

<script type="text/javascript">
$("[value='Yêu cầu-Thắc mắc-Ý kiến-Hỗ trợ kỹ thuật']").replaceWith('<img src="http://westlifevn.net/forum/images/icons/gopy.gif">');
$("[value='Đọc báo dùm bạn']").replaceWith('<img src="http://westlifevn.net/forum/images/styles/GamerGreen/statusicon/forum_icons/118-forum_new-48.png">');
$("[value='Bóng đá']").replaceWith('<img src="http://westlifevn.net/forum/images/styles/GamerGreen/statusicon/forum_icons/143-forum_old-48.png">');
$("[value='Điện ảnh']").replaceWith('<img src="http://westlifevn.net/forum/images/styles/GamerGreen/statusicon/forum_icons/144-forum_old-48.png">');
$("[value='Music']").replaceWith('<img src="http://vnsharing.net/forum/styles/sakurahanaplus/misc/birthday.jpg">');
$("[value='Thế giới A-M']").replaceWith('<img src="http://vnsharing.net/forum/styles/sakurahana/statusicon/sa/forum_new.gif">');
$("[value='Books-Stories']").replaceWith('<img src="http://vnsharing.net/forum/styles/sakurahana/statusicon/cuoi/forum_new.gif">');
$("[value='Công nghệ số']").replaceWith('<img src="http://vnsharing.net/forum/styles/sakurahana/statusicon/dlgames/forum_new.gif">');
 
  </script>
<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </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>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" value="{catrow.forumrow.FORUM_NAME}"  />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a 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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
         
                       
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall"><div style="background-color: #FFFFFF; webkit-box-shadow: 1px 1px 1px #000000; -moz-box-shadow:1px 1px 1px #406080; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px;" >


{catrow.forumrow.LAST_POST}<br>
                 
                 
                  Chủ đề: {catrow.forumrow.TOPICS}|
Số bài:{catrow.forumrow.POSTS}

</div >
                  </span>
      </td>
   </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Footer:

Code:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <table>
                  <tbody>
                     <tr>
                        <td>
<!-- END html_validation -->
                        </td>
                        <td valign="top" width="{C3SIZE}">
                        <div id="{ID_RIGHT}">
                           <!-- BEGIN giefmod_index2 -->
                           {giefmod_index2.MODVAR}
                           <!-- BEGIN saut -->
                           <div style="height: {SPACE_ROW}px"></div>
                           <!-- END saut -->
                           <!-- END giefmod_index2 -->
                        </div>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
         <!-- close div id="page-body" -->
         <div id="page-footer">
            <!-- BEGIN switch_footer_fa_copyrights -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_fa_copyright_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                  <!-- END footer_fa_copyright_link -->
               </div>
            </div>
            <!-- END switch_footer_fa_copyrights -->
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

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

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>


  <script type='text/javascript'>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="200"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="200"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:200},"slow")})}});
    $(function() {$("#DauTrang").scrollToTop();});
</script>

  <div class="menudichuyen" align="center"><a href="#" id="DauTrang" title="Chuyển lên đầu trang"><img src="http://i48.servimg.com/u/f48/13/58/60/43/contro11.png"></a><br><br><a href="/index.htm" title="Trở về trang chủ"><img src="http://i68.servimg.com/u/f68/13/58/60/43/bot_ho10.png"></a><br><br><a href="#bottom" title="Chuyển xuống cuối trang"><img src="http://i48.servimg.com/u/f48/13/58/60/43/contro10.png"></div>
    </body>
</html>   


[handsomevip007]

Thử nào
index_box

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

<script type="text/javascript">
$("[value='Yêu cầu-Thắc mắc-Ý kiến-Hỗ trợ kỹ thuật']").replaceWith('<img src="http://westlifevn.net/forum/images/icons/gopy.gif">');
$("[value='Đọc báo dùm bạn']").replaceWith('<img src="http://westlifevn.net/forum/images/styles/GamerGreen/statusicon/forum_icons/118-forum_new-48.png">');
$("[value='Bóng đá']").replaceWith('<img src="http://westlifevn.net/forum/images/styles/GamerGreen/statusicon/forum_icons/143-forum_old-48.png">');
$("[value='Điện ảnh']").replaceWith('<img src="http://westlifevn.net/forum/images/styles/GamerGreen/statusicon/forum_icons/144-forum_old-48.png">');
$("[value='Music']").replaceWith('<img src="http://vnsharing.net/forum/styles/sakurahanaplus/misc/birthday.jpg">');
$("[value='Thế giới A-M']").replaceWith('<img src="http://vnsharing.net/forum/styles/sakurahana/statusicon/sa/forum_new.gif">');
$("[value='Books-Stories']").replaceWith('<img src="http://vnsharing.net/forum/styles/sakurahana/statusicon/cuoi/forum_new.gif">');
$("[value='Công nghệ số']").replaceWith('<img src="http://vnsharing.net/forum/styles/sakurahana/statusicon/dlgames/forum_new.gif">');
 
  </script>
  <table><tr><td>
<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </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>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" value="{catrow.forumrow.FORUM_NAME}"  />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a 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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
         
                       
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall"><div style="background-color: #FFFFFF; webkit-box-shadow: 1px 1px 1px #000000; -moz-box-shadow:1px 1px 1px #406080; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px;" >


{catrow.forumrow.LAST_POST}<br>
                 
                 
                  Chủ đề: {catrow.forumrow.TOPICS}|
Số bài:{catrow.forumrow.POSTS}

</div >
                  </span>
      </td>
  </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></td>
<td valign="top" width="{C3SIZE}">
                        <div id="{ID_RIGHT}">
                          <!-- BEGIN giefmod_index2 -->
                          {giefmod_index2.MODVAR}
                          <!-- BEGIN saut -->
                          <div style="height: {SPACE_ROW}px"></div>
                          <!-- END saut -->
                          <!-- END giefmod_index2 -->
                        </div>
                        </td></tr></table>

overall_footer

Code:


<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
  <tr>
      <td>
        <div>
            <div>
              <table>
                  <tbody>
                    <tr>
                        <td>
<!-- END html_validation -->
                        </td>
                   
                    </tr>
                  </tbody>
              </table>
            </div>
        </div>
        <!-- close div id="page-body" -->
        <div id="page-footer">
            <!-- BEGIN switch_footer_fa_copyrights -->
            <div align="center">
              <div class="gen">
                  <!-- BEGIN footer_fa_copyright_link -->
                    <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                    {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                  <!-- END footer_fa_copyright_link -->
              </div>
            </div>
            <!-- END switch_footer_fa_copyrights -->
            <!-- BEGIN switch_footer_links -->
            <div align="center">
              <div class="gen">
                  <!-- BEGIN footer_link -->
                    <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                    <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
              </div>
            </div>
            <!-- END switch_footer_links -->
        </div>
        {PROTECT_FOOTER}
      </td>
  </tr>
</table>

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

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
  if ($('a#logout'))
  {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
        document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
  }
});

$(document).ready( function() {
  $('a#logout').click( function() {
      FB.logout();
  } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>


  <script type='text/javascript'>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="200"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="200"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:200},"slow")})}});
    $(function() {$("#DauTrang").scrollToTop();});
</script>

  <div class="menudichuyen" align="center"><a href="#" id="DauTrang" title="Chuyển lên đầu trang"><img src="http://i48.servimg.com/u/f48/13/58/60/43/contro11.png"></a><br><br><a href="/index.htm" title="Trở về trang chủ"><img src="http://i68.servimg.com/u/f68/13/58/60/43/bot_ho10.png"></a><br><br><a href="#bottom" title="Chuyển xuống cuối trang"><img src="http://i48.servimg.com/u/f48/13/58/60/43/contro10.png"></div>
    </body>
</html>   

[pianokzll]

Không làm được rồi

[Sponsored content]