[thắc mắc] - thắc mắc phần navbar (giúp dùm e với )

[sieunhan1910]

-----------------------------------------------------------



em ko bjt nó gọi là phần gì, nhưng e mún mấy cái icon trong hình nó to lên 1 chút, hơn nữa mấy cái chữ như "index, portal, trợ giúp, tìm kiếm, thành viên,..." nó đổi thành màu đen thì làm thế nào, vì nó màu trắng nên phải quét đen mới hiện lên còn ko là nó trùng màu vs khung xung quanh nên ko hiện lên, e thấy hình như ng ta gọi phần đó là navbar, e cũng ko rõ lắm nhưng hình như chỉnh nó trong css, đây là css của e.

Code:



body
{
    background: #000000;
    color: #333333;
    font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding 0px;
   
}
a:link, body_alink
{
    color: #FF9933;
    text-decoration: none;
}
a:visited, body_avisited
{
    color: #FF6600;
    text-decoration: none;
}
a:hover, a:active, body_ahover
{
    color: #FF3399;
    text-decoration: none;
}
.page
{
    background: #FFFFFF;
    color: #333333;
}
td, th, p, li
{
    font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
    background: #EEEEEE;
    color: #333333;
    border: 1px solid #E5E5E5;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
    background: url(http://forum.teenhoanhip.com/halloween/tcat.jpg)  bottom right;
    color: #FF3366;
    font: bold 11pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    height: 40px;
}
.tcat a:link, .tcat_alink
{
    color: #FF3366;
    text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
    color: #FF3366;
    text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
    color: #333333;
    text-decoration: underline;
}
.thead
{
    background: #EEEEEE;
    color: #333333;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    font-weight:bold;
}
.thead a:link, .thead_alink
{
    color: #333333;
}
.thead a:visited, .thead_avisited
{
    color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
    color: #333333;
}
.tfoot
{
    background: url(http://forum.teenhoanhip.com/open_beta/thead.gif);
    color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
    color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
    color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
    color: #FFFFFF;
}

.alt1, .alt1Active, td.row1,td.row3.over:hover, td.row3, td.row1Right
{
    background: #ffffff;
    color: #333333;
    border: 1px solid #dbdbdb; -moz-border-radius:5px;
   
   
}
.alt2, .alt2Active, td.row2,td.row1.over:hover, td.row3Right,td.spaceRow
{
    background: #FFFFFF;
    color: #333333;
    border: 1px solid #dbdbdb; -moz-border-radius:5px;
}
.inlinemod
{
    background: #FFFFFF;
    color: #333333;
}
.wysiwyg
{
    background: #FFFFFF;
    color: #333333;
    font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
    color: #333333;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
    color: #333333;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
    color: #333333;
}
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
{
    background: url(http://forum.teenhoanhip.com/nicetwodesign/buttons.gif);
    color: #FFFFFF;
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border: 1px solid #f3f3f3;
    padding: 2px;
    -moz-border-radius:5px;
   
}
select
{
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
    font-size: 11px;
    font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
    color: #333333;
}
.navbar
{
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
    color: #FF3366;
    font-weight: bold;
}
.fjsel
{
    background: #FFFFFF;
    color: #20a3fe;
}
.fjdpth0
{
    background: #FFFFFF;
    color: #20a3fe;
}
.panel
{
    background: #EEEEEE;
    color: #333333;
    padding: 10px;
    border: 2px outset;
}
.panelsurround
{
    background: #EEEEEE;
    color: #333333;
}
legend
{
    color: #FF0033;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
    background: url(http://forum.teenhoanhip.com/open_beta/thead.gif);
    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: #333333;
    border: 1px solid #0B198C;
}
.vbmenu_option
{
    background: #CCCCCC;
    color: #333333;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
    color: #333333;
    text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
    color: #333333;
    text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
    color: #666666;
    text-decoration: none;
}
.vbmenu_hilite
{
    background: url(http://forum.teenhoanhip.com/open_beta/thead.gif);
    color: #FFFFFF;
    font: 11px tahoma, 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: 12pt; }
.fieldset { margin-bottom: 6px; }
.fieldset
{ -moz-border-radius: 4px;} 
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; padding: 2px 2px 2px 2px;}


.user_info { color: #333333; padding: 2px; width: 180px; height: 100% }
.user_info div{ padding: 2px; }
.user_info .col1 { float: left; width: 60px; }
.user_info .col2 { color: #20a3fe }

#adv { width: 180px; }

/* ***** 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; }



.explanation {
        background-color:#FFFFCC; padding:3px;
}
.box2 { float:right; background: url(../../) right no-repeat; padding:0; margin:0px 0 0 0; width:400px; height:400px;}

.menu_top{
background:url(http://forum.teenhoanhip.com/nicetwodesign/menu/bg_menu.jpg) top repeat-x;
height:45px;}

.box_nd {
    width:180px;
    height:auto;
    margin:5px 0;
    padding:0;
    text-align:left;
    }
   
.box_nd img {
    margin:0 0 0 5px;
    padding:0;
    }
   
.box_nd p {
    font:11px tahoma;
    color:#333333;
    text-align:left;
    margin:10px 5px 0 10px;
    padding:0;
    }
   
.box_nd ul {
    list-style:none;
    margin:0;
    padding:0;
    }
   
.box_nd ul li {
    display:block;
    font:11px tahoma;
    color:#333333;
    margin:0 10px;
    padding:5px 0;
    text-align:left;
    border-bottom:1px #bcbcbc dotted;
    }
   
.box_nd ul li a {
    font:11px tahoma;
    font-weight:bold;
    color:#333333;
    text-decoration:none;
    margin:0;
    padding:0;
    }
   
.box_nd ul li a:hover {
    color:#FF0033;
    }

.comment{
Background:#fff url(http://forum.teenhoanhip.com/images/echop.gif) right no-repeat;
Height:125px;
Border:1px solid #dee3e7;
Padding:5px;
margin-top:7px;}


.menu {
    width:950px;
    height:34px;
    margin:0;
    padding:0;
    float:left;
    display:inline;
    background:url("http://forum.teenhoanhip.com/nicetwodesign/bg_menu.gif") no-repeat bottom;
    }
   
.menu_1 {
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    float:left;
    display:inline;
    }
   
.menu_1 ul {
    list-style:none;
    margin:0;
    padding:0;
    }
   
.menu_1 ul li {
    font:12px tahoma;
    font-weight:bold;
    color:#222;
    margin:0;
    padding:0;
    float:left;
    display:inline;
    }
   
.menu_1 ul li.select {
    font:12px tahoma;
    font-weight:bold;
    color:#222;
    margin:0;
    padding:0;
    float:left;
    display:inline;
    }

.menu_1 ul li.select a {
    font:12px tahoma;
    font-weight:bold;
    color:#fff;
    margin:0;
    padding:10px 0 0 0;
    float:left;
    display:inline;
    text-align:center;
    text-decoration:none;
    width:88px;
    height:24px;
    background:url("http://forum.teenhoanhip.com/nicetwodesign/bg_menuhover2.gif") no-repeat top;
    }
   
.menu_1 ul li.select a:hover {
    width:88px;
    height:24px;
    color:#fff;
    float:left;
    display:inline;
    margin:0;
    padding:10px 0 0 0;
    background:url("http://forum.teenhoanhip.com/nicetwodesign/bg_menuhover2.gif") no-repeat top;
    }


.menu_1 ul li a {
    font:12px tahoma;
    font-weight:bold;
    color:#222;
    margin:0;
    padding:10px 0 0 0;
    float:left;
    display:inline;
    text-align:center;
    text-decoration:none;
    width:88px;
    height:24px;
    }
   
.menu_1 ul li a:hover {
    width:88px;
    height:24px;
    color:#fff;
    float:left;
    display:inline;
    margin:0;
    padding:10px 0 0 0;
    background:url("http://forum.teenhoanhip.com/nicetwodesign/bg_menuhover2.gif") no-repeat top;
    }
.botron{
    border: 1px solid #EAE3D1; -moz-border-radius:5px;
}



/* Chatbox */
#frame_chatbox {
  border: none !important;
  }
body.chatbox {
  min-width: 550px !important;
  background-image: none;
  padding: 0;
  margin: 0;
  background-color: #e5e5e5;
  }
#chatbox_members {
  position: absolute;
  top: 30px;
  bottom: 30px;
  width: 180px;
  overflow: auto;
  border-right: 1px solid ;
  }
#chatbox {
  position: absolute;
  top: 30px;
  left: 181px;
  right: 0;
  bottom: 30px;
  overflow: auto;
  line-height: 10px;
  }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
  font-size: 12px;
  }
.chatbox-options {
  text-align:right;
  }
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
  float:right;
  white-space : nowrap;
  }
#chatbox_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  }
#chatbox_footer table.text-styles {
  float: right;
  }
#chatbox_footer .text-field {
  float: left;
  }
#chatbox_header {
  height: 30px;
  background-color: #e5e5e5;
  }
#chatbox p {
  line-height: 1.2em;
  }
.chatbox_row_1 {
  padding: 4px;
  background-color: #efefef;
  }
.chatbox_row_2 {
  padding: 4px;
  background-color: #dee3e7;
  }
.chatbox_row_3 {
  padding: 4px;
  background-color: #d1d7dc;
  }
.memberlist_row_1 {
  padding: 2px 2px 2px 10px;
  background-color: #efefef;
  }
#chatbox_members .member-title {
  text-align: center;
  padding: 0.5em 0.25em;
  background-image: none;
  font-size: 12px;
  background-color: #d1d7dc;
  color : #006699;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  }
#chatbox_members ul {
  list-style: none;
  margin: 0 0 0 10px;
  }
#chatbox_members ul li {
  margin: 2px 2px 2px 0;
  }
#message,#submit_button{
  border-width: 1px;
  }
.fontbutton {
  padding: 1px;
  cursor: pointer;
  text-align: left;
  }
.fontbutton_normal {
  background: #E1E1E2;
  }
.fontbutton_selected {
  background: #BBC7CE;
  border: 1px solid #22229C;
  }
.fontbutton_clicked {
  background: #959595;
  border: 1px solid #22229C;
  }
.fontbutton_hover {
  background: #E1E1E2;
  border: 1px solid #22229C;
  }
#chatbox .user {
  font-weight: bold;
  }
div#chatbox {
  color: #000000;
  }
#chatbox_contextmenu {
    background-color: #d1d7dc;
    border:1px solid #aaa;
  }
#chatbox_contextmenu p {
  margin:0;
    padding: 1px 4px;
  font-family: verdana, arial, sans-serif;
  background: #;
  border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
  background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    padding-left: 20px;
  }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
  }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
  border:0;
  }
* html #chatbox-members {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - (

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) +

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }
* html #chatbox {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - (

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) +

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - (

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) +

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
  }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - (

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) +

(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }


.forumline
{
    background: #ffffff;
    color: #000000;
}


.forumline table.forumline, #hqthbw table.forumline {border: 0px!important}





.forumline {border: 1px solid transparent; border-bottom-width:0px; border-top-width:0px}
.forumline table.forumline, #hqthbw table.forumline {border: 0px!important}

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/tt_bottom.gif) top right no-repeat; overflow:hidden}

.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 31px; margin-bottom: 9px; background: #e5effe; border-bottom: 1px solid #b4d0f3; }
.tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
.tabs li.current { background: #FFF; height: 32px; font-weight: bold; }
.mainbox { background: #FFF;margin-bottom: 0px; padding: 1px;}
.mainbox table { width: 100%; }


th.thLeft,td.catLeft {
    background-color: #e5effe;
  color: #000000;
  font: bold 10pt Tahoma;
    height: 31px;
 border-bottom: 1px #b4d0f3 solid;
    }




.level_class{
  background:transparent url(http://yega.game4v.vn/level_class/img/Status.png) no-repeat;
  display:block;
  margin-bottom:15px;
  font-family:Arial;
  font-weight:bold;
  width:160px;
  height:50px;
  float: right;
}
.level_class_legacy{
  background:transparent url(http://yega.game4v.vn/level_class/img/Status.png) no-repeat;
  display:block;
  margin-bottom:15px;
  font-family:Arial;
  font-weight:bold;
  width:160px;
  height:50px;
}
.lv_tr{
  height:15px;
  text-align:center;
}
.lv_td{
  font-size:11px;
  line-height:12px;
  padding:1px 30px 0px 45px;
  font-weight:bold;
}
.class_tr{
  height:12px;
  text-align:center;
}
.class_td{
  font-size:11px;
  color:#FFFFFF;
  line-height:13px;
  padding-left: 45px;
        padding-bottom: 2px;
  font-weight:bold;
 margin-top: -2px;
}
.exp_tr{
  height:7px;
  width:150px;
}
.exp_td{
  margin-left:42px;
 margin-top: 3px;
}



[baivong]

Theo mình thấy bạn đã có 1 thanh menu ở trên rồi, vậy thì bỏ cái thành navbar đó đi là vừa, 2 menu cũng nội dung thì ko hay lắm, làm rối thêm mà thôi

[baivong]

Code:

.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;
}


Thay #FFFFFF bằng mã màu khác là hết trắng ngay
Còn button nhỏ thì kiếm cái khác bự hơn thay vào trong pics and color ấy

[sieunhan1910]

hj` e làm được rồi cảm ơn a nhju` nhé , vote lun , còn cái pic kia e thay cái to nhưng nó vẫn nhỏ như thế chưa bjt sửa ntn

[ligerv]

hj` e làm được rồi cảm ơn a nhju` nhé , vote lun , còn cái pic kia e thay cái to nhưng nó vẫn nhỏ như thế chưa bjt sửa ntn

muốn cho hình to ra bạn vào ACP ~>DISPLAY~>Homepage~>Headers & Navigation~> dòng Display only images in the navbar : chọn có

[sieunhan1910]

hì e làm được rồi, thank a ligerv nhé, vote cái

[Sponsored content]