You are not connected. Please login or register

 » Forumotion » Share Code » Javascript » Thanh Navar style gần giống với c3zone

Thanh Navar style gần giống với c3zone

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

vovanan

avatar
Super Moderators
Super Moderators
๖๖ۣۜ๖๖ۣۜMình edit thêm cái ô tìm kiếm style c3zone
demo: [You must be registered and logged in to see this link.]

chèn vào css:
Code:
/*  C3icon  */
.menunav{
height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: #2C2C2C;
background-image: -moz-linear-gradient(top, #333, #222);
background-image: -ms-linear-gradient(top, #333, #222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
background-image: -webkit-linear-gradient(top, #333, #222);
background-image: -o-linear-gradient(top, #333, #222);
background-image: linear-gradient(top, #333, #222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);

 
}


.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;width:960px;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:center}

.menunav ul li a{border-right: 1px solid #454545;color:#FFF;display:block;float:left;font-weight:bold;height:30px;padding:10px 14px 0;text-align:center;z-index:10}
.menunav ul li a:hover,.menunav ul li .active{color:#FFF;display:block;height:23px;padding-top:10px;text-align:center;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:1px solid #474747;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{height:23px!important;padding:0!important}
.icon1, .menunav ul a.ico_home, .menunav ul a.ico_home:hover {background: url("http://i48.servimg.com/u/f48/17/18/08/55/_home10.png") no-repeat scroll 0 0 transparent;height:25px!important;}


[class^="i-"],[class*=" i-"],.ic3{display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url(http://i36.servimg.com/u/f36/17/76/06/16/b1010.png);background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em}
[class^="i-"]:last-child,[class*=" i-"]:last-child,.ic3:last-child{*margin-left:0}

.i-search{background-position:-48px 0;}

.n-search{position:relative;float:left;margin-top:6px;margin-bottom:0}
.n-search .search-query{min-height:1px;display:block;width:163px;height:14px;min-height:auto    9;padding:6px 27px 6px 12px;font-size:12px;line-height:1;color:#666;background-color:#CCC;border:0;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}.n-search .search-query:-moz-placeholder{color:#cccccc}
.n-search .search-query::-webkit-input-placeholder{color:#cccccc}
.n-search .icon{position:absolute;top:7px;left:173px;display:block;width:26px;height:26px;cursor:pointer}

.cloud{
   position:absolute;
   top:40px;
   left:210px;
}

.cloud1{
   position:absolute;
   top:160px;
   left:490px;
}

vào over_head:

tìm đoạn sau:
Code:
 <!-- END switch_fb_login -->

chèn thêm ở dưới code sau:
Code:
<div class="menunav">
<ul>
 
  <li class="last"><a rel="nofollow" href="/" class="ico_home" title="Home"></a></li>
  <li>
<a rel="bookmark" href="/forum" title="Forum">Trang Chủ</a>
  </li>
  <li>
    <a rel="bookmark" href="/search?search_id=activetopics" title="Bài Mới">Có Gì Mới</a>
  </li>
  <li>
    <a rel="bookmark" href="/faq" title="Hepl">Trợ Giúp</a>
  </li>
  <li>
    <a rel="bookmark" href="/memberlist" title="Member">Thành Viên</a>
  </li>
  <li>
    <a rel="bookmark" href="/groups" title="Group">Nhóm</a>
  </li>
      <li>
    <a rel="bookmark" href="/h14-page" title="ChatBox">Phòng Chat</a>
  </li>

  <form class="n-search pull-left" action="/search" method="get"><a class="icon" id="dosearch" href="/search" tip="Tìm kiếm nâng cao" data-original-title=""><i class="i-search"></i></a><input name="search_keywords" type="text" class="search-query span2" placeholder="Nhập từ khóa > Enter" style="background-image: none; background-position: 0% 0%; background-repeat: repeat repeat; "></form>

<li><div class="clr"></div></li>

</ul>
</div>



Được sửa bởi vovanan ngày Tue Nov 13, 2012 4:05 pm; sửa lần 1.

Xem lý lịch thành viên
Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

like ;))

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết