[Thắc mắc] Thanh menu nav giống VBB

[K.-Kun]

Làm thanh menu giống VBB thì làm sao ạ???

Code:

http://www.tangthuvien.com/forum/

[K.-Kun]

Úp ờ ớp

[hunghsmn]

Có phải menu Ghi danh, Hỏi/dáp, Thành viên ... đó không?
Thanh menu đó rất đơn giản mà nhỉ!

[K.-Kun]

Có phải menu Ghi danh, Hỏi/dáp, Thành viên ... đó không?
Thanh menu đó rất đơn giản mà nhỉ!

Đây bác

Code:

<style type="text/css" id="vbulletin_css">


td, th, p, li
{
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
   background: #D1D1E1;
   color: #000000;
   border: 1px solid #0B198C;
}
.tcat
{
   background: #869BBF url(images/gradients/gradient_tcat.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
   color: #ffffff;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #ffffff;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #FFFF66;
   text-decoration: underline;
}
.thead
{
   background: #5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
   color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
   color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #FFFF00;
}
.tfoot
{
   background: #3E5C92;
   color: #E0E0F6;
}
.tfoot a:link, .tfoot_alink
{
   color: #E0E0F6;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #FFFF66;
}
.alt1, .alt1Active
{
   background: #F5F5FF;
   color: #000000;
}
.alt2, .alt2Active
{
   background: #E1E4F2;
   color: #000000;
}
.inlinemod
{
   background: #FFFFCC;
   color: #000000;
}
.wysiwyg
{
   background: #F5F5FF;
   color: #000000;
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #FF4400;
}
textarea, .bginput
{
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
   font-size: 10pt;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
   font-size: 11px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
   color: #666686;
}
.navbar
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
   color: #FF0000;
   font-weight: bold;
}
.fjsel
{
   background: #3E5C92;
   color: #E0E0F6;
}
.fjdpth0
{
   background: #F7F7F7;
   color: #000000;
}
.panel
{
   background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
   color: #000000;
   padding: 10px;
   border: 2px outset;
}
.panelsurround
{
   background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
   color: #000000;
}
legend
{
   color: #22229C;
   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
   background: #738FBF;
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding: 3px 6px 3px 6px;
   white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FFFFFF;
   text-decoration: underline;
}
.vbmenu_popup
{
   background: #FFFFFF;
   color: #000000;
   border: 1px solid #0B198C;
}
.vbmenu_option
{
   background: #BBC7CE;
   color: #000000;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #22229C;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #22229C;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #8A949E;
   color: #FFFFFF;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }
a:link, body_alink
{
   text-decoration: none;
}
a:visited, body_avisited
{
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   text-decoration: underline;
}
</style>
<link rel="stylesheet" type="text/css" href="clientscript/vbulletin_important.css?v=385" />


      <style type="text/css">
      .highslide-html-content {
position:absolute;
display:none;
}

.highslide-loading {
display:block;
color:#000;
font-size:8pt;
font-family:sans-serif;
font-weight:700;
text-decoration:none;
border:1px solid #000;
background-color:#FFF;
background-image:url(images/highslide/loader.white.gif);
background-repeat:no-repeat;
background-position:3px 1px;
padding:2px 2px 2px 22px;
}

a.highslide-credits,a.highslide-credits i {
color:silver;
text-decoration:none;
font-size:10px;
padding:2px;
}

a.highslide-credits:hover,a.highslide-credits:hover i {
color:#FFF;
background-color:gray;
}

.highslide-wrapper .highslide-html-content {
width:400px;
padding:5px;
}

.highslide-wrapper .highslide-header ul {
text-align:right;
margin:0;
padding:0;
}

.highslide-wrapper .highslide-header ul li {
display:inline;
padding-left:1em;
}

.highslide-wrapper .highslide-header a {
font-weight:700;
color:gray;
text-transform:uppercase;
text-decoration:none;
}

.highslide-wrapper .highslide-header a:hover {
color:#000;
}

.highslide-wrapper .highslide-footer {
height:11px;
}

.highslide-wrapper .highslide-footer .highslide-resize {
float:right;
height:11px;
width:11px;
background:url(images/highslide/resize.gif);
}

.highslide-resize {
cursor:nw-resize;
}

.highslide-display-block {
display:block;
}

.highslide-html,.highslide-wrapper {
background-color:#FFF;
}

.highslide-wrapper .highslide-header ul li.highslide-previous,.highslide-wrapper .highslide-header ul li.highslide-next,.highslide-display-none {
display:none;
}

.highslide-wrapper .highslide-header .highslide-move a,.highslide-move {
cursor:move;
}
</style>      
<style type="text/css">

table.ncode_imageresizer_warning {
background: #FFFFE1;
color: #000000;
border: 1px solid #CCCFFF;
   cursor: pointer;
}

table.ncode_imageresizer_warning td {
   font-size: 10px;
   vertical-align: middle;
   text-decoration: none;
}

table.ncode_imageresizer_warning td.td1 {
   padding: 5px;
}

table.ncode_imageresizer_warning td.td1 {
   padding: 2px;
}

</style>
<body>






<div align="center">
   <div class="page" style="width:100%; text-align:left">
      <div style="padding:0px 25px 0px 25px" align="left">



<br />


<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
   <td class="alt1" width="100%">
      
         <div class="navbar" style="font-size:10pt"><a href="index.php" accesskey="1"><img class="inlineimg" src="images/misc/navbits_start.gif" alt="" border="0" /></a> <strong>Truyền Thư Các</strong></div>
      
   </td>

   <td class="alt2" nowrap="nowrap" style="padding:0px">

      <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
      <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=385"></script>
      <table cellpadding="0" cellspacing="3" border="0">
      <tr>
         <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">Ký danh</label></td>
         <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="Ký danh" onfocus="if (this.value == 'Ký danh') this.value = '';" /></td>
         <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />Ghi Nhớ?</label></td>
      </tr>
      <tr>
         <td class="smallfont"><label for="navbar_password">Mật mã</label></td>
         <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
         <td><input type="submit" class="button" value="Ðăng Nhập" tabindex="104" title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s" /></td>
      </tr>
      </table>
      <input type="hidden" name="s" value="" />
      <input type="hidden" name="securitytoken" value="guest" />
      <input type="hidden" name="do" value="login" />
      <input type="hidden" name="vb_login_md5password" />
      <input type="hidden" name="vb_login_md5password_utf" />
      </form>

   </td>

</tr>
</table>


<div class="tborder" style="padding:1px; border-top-width:0px">
   <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
   <tr align="center">
      
      <!-- BEGIN switch_user_logged_out --> 
<td class="vbmenu_control"><a href="/register" rel="nofollow">Ghi Danh</a></td>
              <!-- END switch_user_logged_out -->

<td class="vbmenu_control"><a href="/faq" accesskey="5">Trợ Giúp</a></td>
<td class="vbmenu_control"><a href="/memberlist">Thành Viên</a></td>
<td class="vbmenu_control"><a href="/calendar">Lịch</a></td>
<td class="vbmenu_control"><a href="/h37-sieu-thi">Shop</a></td>
<td class="vbmenu_control"><a href="/#">Game</a></td>
<td class="vbmenu_control"><a href="/seach">Tìm kiếm</a></td>
<td class="vbmenu_control"><a href="/profile?mode=editprofile"> Thay đổi lý lịch </a></td>

    <!-- BEGIN switch_user_logged_in -->
<td class="vbmenu_control"><a href="/login?logout=1"> Thoát </a></td>
    <!-- END switch_user_logged_in -->
         
</tr>
</table>
</div>
<br />

[K.-Kun]

UPPPPPPPPPPPPPPPPP

[Thànhkent]

Thì viết code chứ làm sao nữa

[Zero]

Làm ơn, chỗ này hỗ trợ những vấn để đang gặp khi sử dụng Forumotion chứ không phải cách làm giống vBB Cái 'vấn đề' của bạn gọi là yêu cầu.

[hunghsmn]

Cháu lây thanh menu mặc định của FM sửa lại màu nền màu chữ chút theo ý thích còn có lý hơn. Cái đó nó còn đơn giản hơn cả cái mặc định của FM. Nhưng nếu cháu thích thì cháu lấy về gắn thêm các link cho menu nữa là xong, còn code cháu đưa bác không biết dùng. Đây là bác chỉ nhìn của người ta rồi viết thôi:
http://hsmn.forumvi.com/h111-page

[Sponsored content]