Menu ngang 2 cấp

[hunghsmn]

First topic message reminder :

Hôm qua mình vào forum này:

Code:

http://www.nhatnghe.com/forum/

Và học được cách làm một thanh Menu ngang 2 cấp. Theo đánh gía của mình tuy nó không hiện đại bằng menu ngang sổ dọc đa cấp nhưng cũng rất đẹp, rất phù hợp với loại forum mà không cần nhiều menu lắm, nghĩa là không có nhiều cái để bấm.
Xem hình (Thanh màu xanh ):

Sờ thử:

Code:

http://www.trekhuyettat.org/h165-page

Code:

Code:


<style type="text/css">
ul#topnav {
 margin: 0; padding: 0;
 float: left;
 width: 100%;
 list-style: none;
 position: relative; /*--thiết lập vị trí của ul chưa menu--*/
 font-family: Tahoma;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: Bold;
 background-color: #1376C9;

}
ul#topnav li {
 float: left;
 margin: 0; padding: 0;
 border-right: 0px solid #555; /*-- các menu li --*/
}
ul#topnav li a {
 padding: 6px 10px;
 display: block;
 color: #f0f0f0;
 text-decoration: none;
}

#topnav li a:hover,
#topnav li a:active,
#topnav li a:focus {
 color: #00FF00;  /* Màu chữ khi rê chuột vào */
background-color:#00A5F4; /* Màu nền khi rê chuột vào */
}

ul#topnav li:hover {background: #00A5F4; url(topnav_active.gif) repeat-x; }

ul#topnav li span {
 float: left;
 padding: 6px 0;
 position: absolute;
 left: 0; top:26px;
 display: none; /*-- mặc định menu cấp 2 là ẩn --*/
 width: 100%;
 background: #00A5F4;
 color: #ffffff;
 /*--Bottom right rounded corner--*/
 -moz-border-radius-bottomright: 7px;
 -khtml-border-radius-bottomright: 7px;
 -webkit-border-bottom-right-radius:7px;
 /*--Bottom left rounded corner--*/
 -moz-border-radius-bottomleft: 7px;
 -khtml-border-radius-bottomleft: 7px;
 -webkit-border-bottom-left-radius: 7px;
}
ul#topnav li:hover span { display: block;} /*--hiển thị menu cấp 2 khi đưa chuột vào--*/
ul#topnav li span a { display: inline; } /*-- tất cả các menu câp 2 cùng nằm trên 1 dòng--*/
ul#topnav li span a:hover {text-decoration: none; background: #1CE321; color:#FF0000;}
</style>


<ul id="topnav">
        <li>
        <a href="#">Menu 1</a>
        <!--Subnav Starts Here-->
        <span>
            <a href="#"> Menu 1-1</a> |
            <a href="#"> Menu 1-2</a> |
            <a href="#">Menu 1-3</a>
        </span>
        <!--Subnav Ends Here-->
    </li>
    <li>
        <a href="#">Menu 2</a>
        <!--Subnav Starts Here-->
        <span>
            <a href="#"> Menu 2-1</a> |
            <a href="#"> Menu 2-2</a> |
            <a href="#"> Menu 2-3</a> |
            <a href="#"> Menu 2-4</a>|
            <a href="#"> Menu 2-5</a>|
            <a href="#">Menu 2-6</a>|

        </span>
        <!--Subnav Ends Here-->
    </li>

    <li>
        <a href="#">Menu 3</a>
        <!--Subnav Starts Here-->
        <span>
            <a href="#">Menu 3-1</a> |
            <a href="#"> Menu 3-2</a> |
            <a href="#"> Menu 3-3</a>|
            <a href="#">Menu 3-4</a>|
            <a href="#"> Menu 3-5</a>|
        </span>
        <!--Subnav Ends Here-->
    </li>

    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>

    <li>
        <a href="#">Trang cá nhân</a>
        <!--Subnav Starts Here-->
        <span>
<!-- BEGIN switch_user_logged_in -->
            <a href="/memberlist" target="_blank">Danh sách thành viên</a>|
            <a href="/profile?mode=editprofile" target="_blank">Lý lịch của bạn </a>|
            <a href="/profile.forum?mode=editprofile&page_profil=preferences&change_theme=aquagrey" class="postlink" target="_blank">Tùy chỉnh giao diện</a>|
            <a href="/profile.forum?mode=editprofile&page_profil=signature&change_theme=aquagrey" class="postlink" target="_blank">Sửa chữ ký</a>|
            <a href="/profile.forum?mode=editprofile&page_profil=avatars&change_theme=aquagrey" class="postlink" target="_blank">Sửa hình đại diện</a>|
<!-- END switch_user_logged_in -->
            <a href="/faq" target="_blank">Trợ giúp</a>|
            <a href="/search" target="_blank">Tìm kiếm</a>|
            <a href="/privmsg?mode=post&u=1" target="_blank">Liên hệ: Admin</a>|
        </span>
        <!--Subnav Ends Here-->
    </li>

  <li><!-- BEGIN switch_user_logged_out --><a href="/register"><blink>Đăng ký</blink></a><!-- END switch_user_logged_out --></li>
  <li><!-- BEGIN switch_user_logged_out --><a href="/login">Đăng nhập</a><!-- END switch_user_logged_out --></li>
    <li><!-- BEGIN switch_user_logged_in --><a href="#" title="Tin nhắn">Tin nhắn</a><!-- END switch_user_logged_in --></li>
    <li><!-- BEGIN switch_user_logged_in --><a href="/login?logout=1" title="Thoát">Thoát</a><!-- END switch_user_logged_in --></li>
</ul>

Kiểu này mình nhớ là có một bạn nào đó chia sẻ rồi thì phải. Dù sao thì cũng để các bạn tham khảo thêm.

[gaubon]

làm sao để đưa chữ ra giữa vậy

Code:

<center></center>

bỏ ở 2 đầu rồi mà nó ko có ra giữa

[LiBee KS]

Bạn bỏ vào thẻ center mà vẫn ko canh giữa à......!

[handsomevip007]

ACP>>Display>>Headers & Navigation>>Logo positioning>>Center
Thử xem

[gaubon]

Bạn bỏ vào thẻ center mà vẫn ko canh giữa à......!

ừm bỏ vào nó vẫn ở bên trái {{

[gaubon]

ACP>>Display>>Headers & Navigation>>Logo positioning>>Center
Thử xem

không được

[handsomevip007]

Cho xem overall_header đi

[gaubon]

thì bỏ cái đó ở header mà

[handsomevip007]

thì bỏ cái đó ở header mà

Bảo đưa lên tui xem thử mà DÌm thì tự mò nhá

[gaubon]

đọc nhầm

Code:

<!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <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_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <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 type="text/javascript" src="http://www.mvp-forum.tk/h32-page"></script>
        <script src="http://fmvi-group.googlecode.com/files/Fmvi-Group-select-code-phpBB2.js" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></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 -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->


     
  </td>

  <td class="alt2" style="padding: 0px; background: rgb(255, 242, 245) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" nowrap="nowrap">
  <!-- BEGIN switch_user_logged_out -->       
<!-- login form -->
      <form action="/login.forum?redirect=http://mvp-forum.tk/h12-page" method="post"  name="form_login">
      <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>
      <table border="0" cellpadding="0" cellspacing="3">
    </table>
      <input name="s" value="" type="hidden">
      <input name="securitytoken" value="guest" type="hidden">
      <input name="do" value="login" type="hidden">
      <input name="vb_login_md5password" type="hidden">
      <input name="vb_login_md5password_utf" type="hidden">
     
<!-- END switch_user_logged_out -->
  <!-- BEGIN switch_user_logged_in --><b><font size="1"><b><font color='red'>Xin chào : </b></font><font size="1"{LOGGED_AS} <font color='red'>đã trở lại diễn đàn</font></font><br/><span class="gensmall"><font size="1" color='green'>{LAST_VISIT_DATE}
    </font><br><span class="gensmall"><font size="1" color='blue'>
    {CURRENT_TIME}<br/></font>
    </font></b>
 <!-- END switch_user_logged_in -->       
  </div>
  </td>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->




   <!-- 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 w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display','block');

         /* Calcul des dimensions du conteneur et des ?l?ments */
         var width_max  = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
         $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
               height_max = $(this).height();
            }
         } );

         /* Redimensionnement des ?l?ments et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).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);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert)
         {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
         }

         /* Initialisation du caroussel */
         $('#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 -->
   //]]>
   </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 -->

   <!-- 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://www.mvp-forum.tk/h17-page"></script><script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'vi'}
</script><script type="text/javascript">
jQuery(function(){
  jQuery("#pwd_bad").html('Quá đơn giản');
  jQuery("#pwd_middle").html('Chuẩn đấy');
  jQuery("#pwd_good").html('Khỏi cần chỉnh');
});
</script></head><body><a name="top"></a> <br /> <div align="center"> <div class="container"> <div class="body_04"> <div class="body_05"> <table style="width: 100%" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <td class="body_01"><img class="imgborder" src="http://i20.servimg.com/u/f20/15/90/59/25/spacer10.gif" width="9" height="39" alt="" /></td><td style="width: 100%" class="headerbar"><table border="0" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse"> <tr align="center"> <td align="center" width="100%">



<style type="text/css">
ul#topnav {
 margin: 0; padding: 0;
 float: left;
 width: 100%;
 list-style: none;
 position: relative; /*--thiết lập vị trí của ul chứa menu--*/
 font-family: Tahoma;
 font-size: 12px;
 color: #FFFFFF; /* Màu chữ thanh menu */
 font-weight: Bold;
 background-image: url('http://i49.servimg.com/u/f49/16/39/77/46/boxcol12.jpg'); /* Màu nền của thanh menu. Nếu thích ảnh nền thì thay bằng  */

}
ul#topnav li {
 float: left;
 margin: 0; padding: 0;
 border-right: 0px solid #555; /*-- các menu li --*/
}
ul#topnav li a {
font-weight: Bold;
padding: 5px 10px;
 display: block;
 color: #f0f0f0;
 text-decoration: none;
}

#topnav li a:hover,
#topnav li a:active,
#topnav li a:focus {
 color: #00FF00;  /* Màu chữ khi rê chuột vào */
background-color:#00A5F4;  /* Màu nền khi rê chuột vào */
}

ul#topnav li:hover {background: #00A5F4; url(topnav_active.gif) repeat-x; }

ul#topnav li span {
 float: left;
 padding: 6px 0;
 position: absolute;
 left: 0; top:26px;
 display: none; /*-- mặc định menu cấp 2 là ẩn --*/
 width: 100%;
 background: #00A5F4; /* màu nền của menu cấp 2 */
 color: #ffffff;
 /*-- Bo góc phải dưới cho menu cấp 2 --*/
 -moz-border-radius-bottomright: 7px;
 -khtml-border-radius-bottomright: 7px;
 -webkit-border-bottom-right-radius:7px;
 /*-- Bo góc trái dưới cho menu cấp 2 --*/
 -moz-border-radius-bottomleft: 7px;
 -khtml-border-radius-bottomleft: 7px;
 -webkit-border-bottom-left-radius: 7px;
}
ul#topnav li:hover span { display: block;}  /*--hiển thị menu cấp 2 khi đưa chuột vào--*/
ul#topnav li span a { display: inline; }  /*-- tất cả các menu câp 2 cùng nằm trên 1 dòng--*/
ul#topnav li span a:hover {
text-decoration: none; /* Bỏ gạch chân menu cấp 2 khi rê chuột vào */
background: #FFFFFF; /* Màu nền menu cấp 2 khi rê chuột vào */
color:#FF0000; /* Màu chữ menu cấp 2 khi rê chuột vào */
}
</style>


<center>
<ul id="topnav">
        <li>
        <a href="/forum">Diễn Đàn</a>
       
    </li>
    <li>
        <a href="/faq">Trợ Giúp</a>
       

    </li>

    <li>
        <a href="/search">Tìm Kiếm</a>
       
    </li>

    <li><a href="/memberlist">Thành Viên</a></li>
    <li><a href="#">Nhóm</a>
<!--Subnav Starts Here-->
        <span>
<!-- BEGIN switch_user_logged_in -->
            <a href="/g1-group" class="postlink" target="_blank">Administrators</a>|
            <a href="/g2-group" target="_blank">Moderators</a>|
            <a href="/g14-group" target="_blank">Smod</a>|
            <a href="/g6-group" target="_blank">Friendly</a>|
            <a href="/g16-group" target="_blank">Thành Viên Tích Cực</a>|
            <a href="/g11-group" target="_blank">MemBer</a>|
            <a href="/g12-group"_blank">Banner</a>|
           
        <!-- END switch_user_logged_in -->
</span>
        <!--Subnav Ends Here-->
    </li>

 

    <li>
        <a href="#">Trang cá nhân</a>
        <!--Subnav Starts Here-->
        <span>
<!-- BEGIN switch_user_logged_in -->
            <a href="/memberlist" target="_blank">Danh sách thành viên</a>|
            <a href="/profile?mode=editprofile" target="_blank">Lý lịch của bạn </a>|
            <a href="/profile.forum?mode=editprofile&page_profil=preferences&change_theme=aquagrey" class="postlink" target="_blank">Tùy chỉnh giao diện</a>|
            <a href="/profile.forum?mode=editprofile&page_profil=signature&change_theme=aquagrey" class="postlink" target="_blank">Sửa chữ ký</a>|
            <a href="/profile.forum?mode=editprofile&page_profil=avatars&change_theme=aquagrey" class="postlink" target="_blank">Sửa hình đại diện</a>|
<!-- END switch_user_logged_in -->
            <a href="/faq" target="_blank">Trợ giúp</a>|
            <a href="/search" target="_blank">Tìm kiếm</a>|
            <a href="/privmsg?mode=post&u=1" target="_blank">Liên hệ: Admin</a>|
        </span>
        <!--Subnav Ends Here-->
    </li>

  <li><!-- BEGIN switch_user_logged_out --><a href="/register"><blink>Đăng ký</blink></a><!-- END switch_user_logged_out --></li>
  <li><!-- BEGIN switch_user_logged_out --><a href="/login">Đăng nhập</a><!-- END switch_user_logged_out --></li>
    <li><!-- BEGIN switch_user_logged_in --><a href="/privmsg?folder=inbox">Tin nhắn</a><!-- END switch_user_logged_in --></li>
    <li><!-- BEGIN switch_user_logged_in --><a href="/login?logout=1" title="Thoát">Thoát</a><!-- END switch_user_logged_in --></li>
</ul>
</center>


</td>
 <!-- / nav buttons bar --> </tr> </table> </td> <td class="body_03"> <img class="imgborder" src="http://i20.servimg.com/u/f20/15/90/59/25/spacer10.gif" width="9" height="39" alt="" /></td> </tr> </tr> </table> <div class="contents"> <img src="http://i49.servimg.com/u/f49/16/39/77/46/untitl11.jpg" class="headerpic"/>
 <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 0px 0px 0px" align="left">

<div class="tren"> <div class="tren_trai"> <div class="tren_phai"> </div></div></div> <div class="doc_trai"> <div class="doc_phai"> <div class="doc_duoi"> <div style="padding-left:8px; padding-right:8px;">  <table cellpadding="0" cellspacing="1" border="0" width="100%" align="center" class="main-content"> <tr> <td class="row1" width="100%" align="left" style=" border: 1px solid #dbdbdb; -moz-border-radius:3px;border-radius:3px;"> <div class="nav" style="font-weight: bold;"><span class="nav"><a class="nav" href="{U_INDEX}"><img src="http://i49.servimg.com/u/f49/16/39/77/46/home1010.gif"  alt="" border="0" /> <font size="2" color="red">{L_INDEX}</font></a>{NAV_SEP}<a

class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span>
</size></div>    <img src="http://i49.servimg.com/u/f49/16/39/77/46/stock_10.png" /><span class="gen" style="color: #3a3a3a; font-weight: bold;"> {PAGE_TITLE}</span></strong></div></td> <td class="altthinh" class="row3" nowrap="nowrap" style="padding:4px; border: 1px solid #dbdbdb; -moz-border-radius:3px;border-radius:3px;" align="left"><!-- BEGIN switch_user_logged_out -->

      
      <table cellpadding="0" cellspacing="0" border="0" valign=middle>
      <tr><td>
      <table cellpadding="0" cellspacing="5" border="0">
<tr>
         <td style="white-space: nowrap;"><label><span class="smallfont">ID </span></label></td>
         <td> <input class="post" type="text" size="10" name="username" onfocus="if (this.value == 'Tên tài khoản') this.value = '';" /></td>
</tr>
<tr>
<td class="gensmall"><label><span class="smallfont">Pass </span></label></td>
         <td> <input class="post" type="password" size="10" name="password" /></td>
</tr></table>
</td>
<td>
<table cellpadding="0" cellspacing="5" border="0">
<tr>
<td nowrap="nowrap"><label> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />Ghi nhớ</label>
</td></tr><tr>   
<td nowrap="nowrap">{S_HIDDEN_FIELDS}<input class="button" type="submit" name="login" value="{L_LOGIN}"></td>      </tr>
      </table>
</td></tr>
</table>
<center><b><a href="/profile.forum?mode=sendpassword"><font size=1.7>:: Quên mật khẩu ::</font></a></b></center></form>   <!-- END switch_user_logged_out -->   <!-- / login form --><!-- BEGIN switch_user_logged_in --><span class="gensmall">{LOGGED_AS}</span><br /><span class="gensmall"> <font color="blue">{LAST_VISIT_DATE}</font> <br /> <font color="red">{CURRENT_TIME}</font><!-- END switch_user_logged_in -->
</td> </tr> </table> </div></div></div></div> <div class="duoi"> <div class="duoi_trai"> <div class="duoi_phai"> </div></div></div><!--
 / breadcrumb, login, pm info -->
<br /> <!-- BEGIN switch_ticker_new --><div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->
 <script src="http://illiweb.com/rs3/13/frm/admin/admin.js" type="text/javascript"></script>


<!-- BEGIN switch_user_logged_in -->
<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://i49.servimg.com/u/f49/16/39/77/46/111010.png') no-repeat;}.gbcontent{float:left;border:2px solid #990000;background:#F5F5F5;padding:10px;}
</style>
<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"><img src="http://mynetimages.com/5602438e30_th.png" alt="" border="0"><strong>Lý lịch của Bạn</strong><br><br><a href="/profile.forum?mode=editprofile&change_theme=aquagrey" class="postlink" target="_blank">Thông tin của bạn</a><br> <a href="/profile.forum?mode=editprofile&page_profil=preferences&change_theme=aquagrey" class="postlink" target="_blank">Tùy chỉnh giao diện</a><br> <a href="/profile.forum?mode=editprofile&page_profil=signature&change_theme=aquagrey" class="postlink" target="_blank">Sửa chữ ký</a><br> <a href="/profile.forum?mode=editprofile&page_profil=avatars&change_theme=aquagrey" class="postlink" target="_blank">Sửa hình đại diện</a><br><a href="/profile.forum?mode=editprofile&page_profil=friendsfoes&change_theme=aquagrey" class="postlink" target="_blank">Danh sách bạn/thù</a><br><a href="/msg.forum?folder=inbox&change_theme=aquagrey" class="postlink" target="_blank">Hộp thư của bạn</a><br><br></td></tr><tr><td align="left"><img src="http://2img.net/i/fa/Online.png" border="0"><strong>Liên hệ Warteam</strong><br><br><a href="/profile.forum?mode=viewprofile&page_profil=messages&u=1258&change_theme=aquagrey" class="postlink" target="_blank">MvP.BaBy</a><br><a href="/profile.forum?mode=viewprofile&page_profil=messages&u=2106&change_theme=aquagrey" class="postlink" target="_blank">MvP.MWanTed</a><br><a href="/contact.forum?change_theme=aquagrey">Liên hệ admin</a><br> </td></tr></table>
</div>
</div><!-- END switch_user_logged_in -->







<script src="http://mudim.googlecode.com/files/mudim-0.8-r153.js" type="text/javascript"></script>



<script type="text/javascript">jQuery(document).ready(function(){my_setcookie('mytid',jQuery("#logout").attr("href"),1,0);}); var cbvis = false;var cbload = false;function togglecbox () {var Cbox = document.getElementById("hunghsmn_Cbox");var nutlenh = document.getElementById("nut_dong_mo");if (!cbvis) {if (!cbload) {Cbox.innerHTML = '<iframe frameborder="0" width="100%" height="320" src="http://www.mvp-forum.tk/h33-page" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EDDEDB 1px solid;border-bottom:150px" id="cboxmain"></iframe>';cbload = true;}Cbox.style.display = "block";nutlenh.innerHTML = "<font color='red'><b>Đóng Cbox</b></font>";}else {Cbox.style.display = "none";nutlenh.innerHTML = "<font color='red'><b>Mở ChatBox</b></font>";}cbvis = !cbvis;}</script><div id="nut_dong_mo" style="position: fixed; bottom: 150px; right: 5px; width: 100px; padding: 3px; text-align: center; cursor: pointer; background-color: #EDF3F7; border:#C3D7E5 1px solid;border-radius: 3px; font-family: Tahoma, sans-serif; font-size: 16px;"onclick="togglecbox()"><font color="red"><blink><b>Mở Chat Box</b></blink></font></div><div id="hunghsmn_Cbox" style="display: none; position: fixed; bottom: 190px; right: 30px; width: 580px; background: #EDF3F7; padding: 3px; line-height: 0;border:#C3D7E5 1px solid;border-radius: 3px;"></div>



đay sửa giùm chổ tin nhắn cho khi nào có tin nhắn nó báo lun nha

[hungcay2it]

các pro xem giùm mình nhá.mình muốn thanh menu rộng <cụ thể là các menu như"trang chủ.trang cộng đồng..." giãn ra cho bằng bề rộng rum>.
với lại sao mình:"ví dụ": chỉ vào trang cộng nó hiện ra "nhóm,hình ảnh.liên lạc và bạn bè"nhưng đưa chuột xuống click vào thì chưa click đã ẩn đi rồi.
demo ảnh:

demo rum:
http://sinhvienhtu.yourme.net/

[hunghsmn]

@ hungcay2it: Lẽ ra thì làm cho menu căn giữa được thì tốt, nhưng mình chưa làm được. Vậy tạm thời bạn làm thế này nhé:
Bạn xem đoạn này:

Code:

ul#topnav li a {
 padding: 6px 10px;
 display: block;
 color: #f0f0f0;
 text-decoration: none;
}

Bạn sửa lại dòng padding với ý nghĩa như sau:
Trong bài mình chỉ viết có 2 số: padding: 6px 10px;
Ý nghĩa của nó:
- 6px là khoảng cách trên và dưới từ chữ đến biên của thanh menu
- 10px là khoảng cách 2 bên của một menu
NHư vậy bạn tăng dần con số 10 này lên thì các menu sẽ giãn cách xa ra, khi nào thấy đều 2 bên thì thôi

[hungcay2it]

@ hungcay2it: Lẽ ra thì làm cho menu căn giữa được thì tốt, nhưng mình chưa làm được. Vậy tạm thời bạn làm thế này nhé:
Bạn xem đoạn này:

Code:

ul#topnav li a {
 padding: 6px 10px;
 display: block;
 color: #f0f0f0;
 text-decoration: none;
}

Bạn sửa lại dòng padding với ý nghĩa như sau:
Trong bài mình chỉ viết có 2 số: padding: 6px 10px;
Ý nghĩa của nó:
- 6px là khoảng cách trên và dưới từ chữ đến biên của thanh menu
- 10px là khoảng cách 2 bên của một menu
NHư vậy bạn tăng dần con số 10 này lên thì các menu sẽ giãn cách xa ra, khi nào thấy đều 2 bên thì thôi

cảm nơn bạn nhiều.nhưng bạn ơi cho mình hỏi, tại sao khi mình làm cái menu 2 cấp này vào rum thì chat box không đăng nhập được nữa bạn ak,mình ấn vào đăng nhập thì nó cứ thoát.bạn giúp mình với.
link rum mình đây:http://sinhvienhtu.yourme.net

[hungcay2it]

các pro xem giùm mình nhá.
ví dụ": chỉ vào trang cộng nó hiện ra "nhóm,hình ảnh.liên lạc và bạn bè"nhưng đưa chuột xuống click vào thì chưa click đã ẩn đi rồi.
mình nghĩ phải chỉnh chỗ này:

Code:

<li>
        <a href="#">Menu 1</a> //mình nghĩ dấu"#" phải sửa thành link gì đó
        <!--Subnav Starts Here-->
        <span>
            <a href="#"> Menu 1-1</a> |//các mục này thì mình biết sửa rồi,còn cái mục menu chính trên thì mình chưa biết
            <a href="#"> Menu 1-2</a> |
            <a href="#">Menu 1-3</a>
        </span>
        <!--Subnav Ends Here-->
    </li>

nhưng mình ko biết chỉnh nên nhờ các bạn xem giùm mình với nhá.thanks
demo ảnh:

demo rum:
http://sinhvienhtu.yourme.net/

[hunghsmn]

hungcay2it: Bạn xem lại nhé, thanh menu không dùng một Js nào hết nên không có chuyện xung đột. Bạn xem trong code chatbox có từ nào như thế này không: ul#topnav, #topnav.

Hiện nay mình cũng rất thích CB tự động đăng nhập, nhưng sau lần cập nhật của FM thì lỗi hết, cũng cố chuyển theo nhưng mình xem trên thì chưa có cái nào thật sự đạt yêu cầu nên mình không dùng.

[hj4uk0j0o97]

bác hùng prô về giao diện của forum wá

[bitsno0p]

Thế muốn kéo dài và phóng to nó lên thì làm thế nào hả bác???

[KillAlt1.0]

Thế muốn kéo dài và phóng to nó lên thì làm thế nào hả bác???

thêm những mục nữa vào nó sẽ dài ra

[hunghsmn]

Kéo dài là dãn ra cho đều theo chiều rộng phải không?
CÒn phóng to là thế nào? là làm cho chiều cao thanh menu to lên à ?

[thienan]

Vào Header thay cụm từ này bằng code đó, nhớ thêm menu, hoàn chỉnh rồi mới thay nhé:

Code:

{GENERATED_NAV_BAR}

Em cảm ơn anh Hùng nhiều lắm, em đã làm được rồi, tiện đây anh Hùng có thể cho em xin Code trang Portal của

Code:

http://www.trekhuyettat.org/

Diễn đàn Tình thương được không?? Em miốn làm 1 trang Web có cái Portal như của anh lắm đó. Mong anh giúp đỡ cho. Em xin cảm ơn trước.

[willson]

bạn ơi có thể giúp minh tạo 1 thanh menu giống

Code:

http://www.trekhuyettat.org/h165-page

. cho forum minh dc ko. minh ngheo HTML... thankls bạn..

đây là forum minh, "

Code:

www.niemtinxanh.net

minh muốn thay những buttom thành dạng thanh menu..thk sbác

[Sponsored content]