[Help] Cho "Thoát" lên thanh nav[✔]

[subin217]

Tình hình là chữ "THOÁT" nằm bên ngoài thanh nav như hình dưới

- ai giúp mình nhé

[ligerv]

ẩn bớt menu không cần thiết đi , vd : gallery ,calendar....

[subin217]

Cho xin cái hướng dẫn

[Chúa Tể Địa Ngục]

Display --> Headers & Navigation --> Thấy menu ko cần thiết --> Chọn

[subin217]

Thử nhưng không thấy cái nút ẩn chỉ thấy mấy cái menu rồi chọn như #4 nhưng nó chỉ ra cái ai được sử dụng thôi cao nhất là quản trị viên nên chọn sao cũng gặp

[Chúa Tể Địa Ngục]

THế thì ko dùng cái code NAV BAR mặc định của FM trong header rồi:

Vô tìm cái code đó và rồi chèn code lày:

Code:

<div class="menu bg-blue">
<div class="menu_inside">
<div class="menu-container">
<ul id="menu">
  <li><a href="/">Home</a></li>
<li><a href="/forum">Forum</a></li>
<li><a href="http://plus.5forum.net/f1-forum">Game Private</a>
<ul>
  <li><a href="http://plus.5forum.net/f8-forum">Gunny Lậu</a></li>
<li><a href="http://plus.5forum.net/f9-forum">Kiếm thế private</a></li>
<li><a href="http://plus.5forum.net/f10-forum">MU mới ra</a></li>
<li><a href="http://plus.5forum.net/f11-forum">Võ Lâm lậu</a></li>
<li><a href="http://plus.5forum.net/f14-forum">Webgames Private</a></li>
  <li><a href="/h17-items" class="event">P</a></li>
</ul>
</li>
  <!-- BEGIN switch_user_logged_in -->
<li><a href="{U_PROFILE}">Lý Lịch</a>
<ul>
<li><a href="/profile?mode=editprofile&page_profil=avatars">Thay ảnh đại diện</a></li>
<li><a href="/profile?mode=editprofile&page_profil=signature">Sửa chữ ký chữ ký</a></li>
</ul>
</li>
  <li><a href="/privmsg?folder=inbox">Hộp thư</a>
<ul>
<li><a href="/privmsg?mode=post">Viết tin nhắn</a></li>
<li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li>

</ul>
</li>
 <li><a href="{U_MEMBERLIST}">Thành Viên</a>
  <li><a href="/groups">Hội Nhóm</a>
    <!-- END switch_user_logged_in -->
    <li><a href="http://up.gamdn.net/" target="_blank">UP Ảnh</a>
      <!-- BEGIN switch_user_logged_out -->
      <li><a href="/register" target="_blank">Đăng Ký</a>
        <!-- END switch_user_logged_out -->
</ul>
</div>
<div id="search">
<form method="get" id="searchform" action="/search">
<input type="text" class="field" name="search_keywords" id="s" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
</form>
</div>
</div>
  </div>
<style>.menu li:hover>a,.menu li:active>a,.menu li>ul a:hover{background:#6bbde8;color:#FFF;}
.bg-blue{background:#239adc;color:#fff;}

.pun{width:990px;background:#fff;padding-top:42px;border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;margin:0 auto;padding: 2px;}
.menu{left:0;#opacity:0.9;position:fixed;top:0;width:100%;z-index:999;#background:url(http://chauthanh.info/style/aoi/img/bg_top.png) repeat-x transparent;#border-bottom:1px solid #1C59B7;#border-top:0 solid #E6E6E6;height:42px;line-height:32px;margin:0 auto;padding:0;}
.menu_inside{width:990px;margin:0 auto;}
.menu li{float:left;width:auto;display:block;}
.menu li a{#background:url(http://chauthanh.info/style/aoi/img/separate.png) 100% 50% no-repeat transparent;line-height:42px;text-decoration:none;color:#FFF;display:block;font-weight:400;position:relative;z-index:100;padding:0 16px;}
.menu li>ul{display:inline-block;background:#FFF;border-bottom:medium none currentColor;border-top:medium none currentColor;#opacity:0.9;position:absolute;width:162px;z-index:999;visibility:hidden;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;}
.menu li:hover>ul{visibility:visible;opacity:1;}
.menu li>ul a{background:#239ADC;color:#FFF;width:162px;height:40px;}
#search{display:inline;float:right;width:190px;margin:7px 15px 0 -8px;}
#searchform input#s{background:#76ADEC;color:#FFF;float:left;font-size:12px;height:16px;line-height:12px;width:160px;border:medium none currentColor;display:block;padding:4px 23px;}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}</style>

Rồi giờ ông tha hồ del 1 số thứ trên nav ko cần thiết đi

[BTV2]

Thử nhưng không thấy cái nút ẩn chỉ thấy mấy cái menu rồi chọn như #4 nhưng nó chỉ ra cái ai được sử dụng thôi cao nhất là quản trị viên nên chọn sao cũng gặp

Dùng CSS ẩn cũng dc, quăng link forum lên đây

[subin217]

Thử nhưng không thấy cái nút ẩn chỉ thấy mấy cái menu rồi chọn như #4 nhưng nó chỉ ra cái ai được sử dụng thôi cao nhất là quản trị viên nên chọn sao cũng gặp

Dùng CSS ẩn cũng dc, quăng link forum lên đây

http://forum.chungtoiladesigner.ghcommunity.info/

[BTV2]

CSS nhé

Code:

#pun-navlinks li:nth-of-type(3), #pun-navlinks li:nth-of-type(4) {
display: none;
}

[Chúa Tể Địa Ngục]

nếu ko mình thiết kế 1 nav riêng cũng được , giống code mình đưa ở trên!

Vs lại dùng nav đó thấy không ổn, vì khi kéo xuống nav cũng xuống theo, gặp mấy page màu trắng sẽ ẩn cái đó đi, hơi khó chịu chút..

[subin217]

Cho xin cái demo nha Chúa Tể Địa Ngục, mạng lag nên không vào FM được.
-Cảm ơn BTV2 và Chúa Tể Địa Ngục dù chưa thử code

[Chúa Tể Địa Ngục]

tui lấy nav từ skin plus mà
Demo:

Còn ko thích thì dùng nav của forum tui ko?

Demo: http://city-world.yourme.net

Tùy bạn! Mình toàn lấy 1 code skin kia ghép lại vs nhau

[subin217]

Cho xin cái thanh nav của forum Chúa Tể Địa Ngục nhé

[Chúa Tể Địa Ngục]

Chèn vào CSS:

Code:

.menu li:hover>a,.menu li:active>a,.menu li>ul a:hover{background:#6bbde8;color:#FFF;}
.bg-blue{background:#239adc;color:#fff;}
.pun{width:990px;background:#fff;padding-top:42px;border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;margin:0 auto;padding: 2px;}
.menu{left:0;#opacity:0.9;position:fixed;top:0;width:100%;z-index:999;#background:url(http://chauthanh.info/style/aoi/img/bg_top.png) repeat-x transparent;#border-bottom:1px solid #1C59B7;#border-top:0 solid #E6E6E6;height:42px;line-height:32px;margin:0 auto;padding:0;}
.menu_inside{width:990px;margin:0 auto;}
.menu li{float:left;width:auto;display:block;}
.menu li a{#background:url(http://chauthanh.info/style/aoi/img/separate.png) 100% 50% no-repeat transparent;line-height:42px;text-decoration:none;color:#FFF;display:block;font-weight:400;position:relative;z-index:100;padding:0 16px;}
.menu li>ul{display:inline-block;background:#FFF;border-bottom:medium none currentColor;border-top:medium none currentColor;#opacity:0.9;position:absolute;width:162px;z-index:999;visibility:hidden;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;}
.menu li:hover>ul{visibility:visible;opacity:1;}
.menu li>ul a{background:#239ADC;color:#FFF;width:162px;height:40px;}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#Navigation{
    height:50px;
    width:100%;
    background:url(http://i75.servimg.com/u/f75/14/65/61/19/bg-mai10.png) repeat-x top left;
     
    }


#Navigation ul li{
    border-left:1px solid #0ec6f0;
    display:inline;
    text-transform:uppercase;
    font-weight:bold;
    font-size:1.4em; 
    padding:10px 8px;
    line-height:52px;
 
 
    margin-right: 0;
 
    }

.sub-menu{  background:#fff; box-shadow:1px 1px 5px #111;}
#Navigation ul li a{
    color:white;
    }

Chèn vào header:

Code:

<div id="Navigation">
            <ul>
                <li id="home"><a  href="/forum"><img src="http://i75.servimg.com/u/f75/14/65/61/19/homei10.png" /></a></li>
                    <li >
                       
                       
                       
                       
                          <font size="2">{GENERATED_NAV_BAR} </font>
                       
</li>
             
            </ul>
        </div>

                  </div>

[Sponsored content]