Tập đoàn Nghé B2 BTX-BH

Tập đoàn Nghé B2 BTX-BH

Welcome to Nghé B2's forum!
 
Trang ChínhPortalCalendarGalleryTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập
Lớp B2 Tổ Chức Đi Đầm Sen!Nghé B2 đăng kí nhanh nhanh..... Liên hệ : 0121 738 4823 (Gặp Vũ nha !!) Zui lắm ah Đăng kí liền nha! Smile
Bài gửi sau cùng
Bài gửiNgười gửiThời gian
[�] vui cùng xóa sạch Mon Jul 04, 2011 11:16 am
[�] kinh nghiem choi sky garden Sat Jun 25, 2011 8:33 pm
[�] don phuong mot tinh yeu Fri May 27, 2011 3:05 pm
[�] Những chú ý khi viết văn teen nên "ngâm cứu" Mon May 16, 2011 6:58 am
[�] Hình Nghé đi Đầm Sen mùng 3 tết nè (Hottttttt) Wed May 11, 2011 9:41 pm
[�] Hướng dẫn Cài đặt The Sims 2 Full bằng hình ảnh Sun May 08, 2011 9:18 am
[�] HƯỚNG DẪN DOWNLOAD OBJECTS - TOOLS – MOD – CLOTHES FOR THE SIMS 2 Sun May 08, 2011 8:20 am
[�] Danh sách Cheat The Sims 2 + Exp Sun May 08, 2011 8:10 am
[�] The Sims 2 Collection Download (Reupload) Sun May 08, 2011 8:04 am
[�] Lots complete Sun May 08, 2011 7:45 am
[�] Download The Sims 1 Collection Sun May 08, 2011 7:21 am
[�] Những nỗ lực tuyệt vọng của Đức cuối Thế chiến II (4) Fri Apr 29, 2011 5:53 pm


Share | 
 

  [chia sẻ]thanh navbar của OPERA

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp




Points : 87160
Join date : 01/01/1970

Bài gửiTiêu đề: [chia sẻ]thanh navbar của OPERA   Sat Feb 19, 2011 10:41 pm

vừa chôm chỉa được thanh navbar của opera (nhìn khá đẹp nên chôm về hehe )
Code:
<style type="text/css">
/* top menu */
#nav ul#mainmenu {list-style:none inside none;padding:0 274px 0 26px;margin:0 -2px 16px -2px;background:url('http://www.opera.com/bitmaps/mainmenu/menu.png') no-repeat 100% 100%;height:72px;min-height:72px;height:auto !important;position:relative;z-index:998;}
#nav ul#mainmenu li a {max-height:33px;}
#nav li {color:#fff;position:relative;float:left;margin-top:32px;list-style-image:none;}
#nav li span {background-color:#2c2c2c;background-color:rgba(44,44,44,0.5);}
#nav li.dl span {background-color:transparent;text-decoration:underline;}
#nav li a {display:block;padding:0 18px;height:33px;color:#fff;text-decoration:none;white-space:nowrap;}
#nav li.on, #nav li:hover, #nav li:focus {background:transparent url('http://www.opera.com/bitmaps/mainmenu/over.png') no-repeat 50% 100%;}
#nav li.support {text-indent:-999em;width:17px;float:right;}
#nav li.support a {background:url('http://www.opera.com/bitmaps/mainmenu/support_01.png') no-repeat 0 0;padding:0;}
#nav li.support a:hover, #nav li.support a:focus {background-position:-17px 0;}

/* Top menu dropdowns */
#nav li ul {
  position:absolute;
  z-index:999;
  min-width:150px;
  background-color:#CC0F16;
  color:#fff;
  top:33px;
  list-style:none;
  margin:0 0 0 -999em;
  padding:5px 0;
  background-image:none;
  opacity:0;
  transition:opacity 0.25s ease-out;
  -o-transition:opacity 0.25s ease-out;
  display:none;
}
#nav li:hover ul, #nav li:active ul, #nav li:focus ul, #nav li.sfhover ul {
  margin-left:0;
  opacity:1;
  display:block;
}
#nav li ul li,#nav li ul li:hover,#nav li ul li:focus {
  min-width:180px;
  font-size:11px;
  float:none;
  margin:0;
  padding:0;
  background:transparent none;
}

#nav li ul li + li {
  border-top:1px dotted #FF473F;
  border-collapse:collapse;
}
#nav li ul a, #nav li.on ul a {
  padding:1em 3em 1em 1.5em;
  margin:0;
  height:auto;
  color:#fff;
  line-height:1em;
  display:block;
  background-image:none;
}
#nav li ul a:hover, #nav li ul a:focus, #nav li ul a.sffocus {
  color:#fff;
  background-color:#900;
  background-image:none;
}

#nav li ul li.dl {
  border:0;
  background-color:#333;
}
#nav li ul li.dl a {
  background:#444 url('http://www.opera.com/bitmaps/mainmenu/dlcircle.png') no-repeat 97% 12px;
}
#nav li ul li.dl {
  border-top:1px dotted #666;
}
#nav li ul li.dl:hover, #nav li ul li.dl:hover a {
  background-color:#900;
  background-position:97% -28px;
}
#nav li ul li.dl b {
  display:block;
}


#operamenu {width:968px;margin:0 auto; padding-top: 3px;font: normal 12px Tahoma;}
</style>
<div id="operamenu"><div id="nav"><ul id="mainmenu"><li class="home"><a href="/" accesskey="1"><span>Home</span></a> </li><li class="products"><a href="/products/" accesskey="2"><span>Browsers</span></a><ul class="hide-mobile">
        <li><a href="/browser/">Opera for PC, Mac & Linux</a></li>

        <li><a href="/mobile/">Opera for phones</a></li>
        <li><a href="/devices/">Opera for devices</a></li>     
        <li class="dl"><a href="/browser/download/">
          <b>Opera 10.62</b>
          Download Opera</a></li>
        <li class="dl mobile"><a href="/mobile/download/">
          <b>Mobile phones</b>

          visit <span>m.opera.com</span> with your phone</a></li>
      </ul> </li><li class="addons"><a href="/addons/" accesskey="3"><span>Add-ons</span></a><ul class="hide-mobile">
          <li><a href="http://unite.opera.com/applications">Opera Unite</a></li>
          <li><a href="/widgets/">Opera Widgets</a></li>
        <li><a href="/link/">Opera Link</a></li>

        <li><a href="/mail/">Opera Mail</a></li>
        <li><a href="/turbo/">Opera Turbo</a></li>
      </ul> </li><li class="community"><a href="/community/" accesskey="4"><span>Community</span></a><ul class="hide-mobile">
        <li><a href="http://my.opera.com/community/">My Opera</a></li>
        <li><a href="http://my.opera.com/chooseopera/blog/">Opera news blog</a></li>
        <li><a href="/company/education/">Education</a></li>

        <li><a href="http://my.opera.com/community/forums/">Forums</a></li>
      </ul> </li><li class="developer"><a href="/developer/" accesskey="5"><span>Developer</span></a><ul class="hide-mobile">
        <li><a href="/developer/tools/">Developer tools</a></li>
        <li><a href="/developer/events/">Events</a></li>
        <li><a href="/dragonfly/">Opera Dragonfly</a></li>
        <li><a href="/developer/wsc/">Web Standards Curriculum</a></li>

        <li><a href="/docs/specs/">Web specifications support in Opera</a></li>
        <li><a href="http://dev.opera.com/">Dev Opera</a></li>
      </ul> </li><li class="company"><a href="/company/" accesskey="6"><span>Company</span></a><ul class="hide-mobile">
        <li><a href="/company/">About Opera</a></li>
        <li><a href="/press/">Press</a></li>
        <li><a href="/business/">Business</a></li>

        <li><a href="/company/jobs/">Jobs</a></li>
        <li><a href="/company/investors/">Investors</a></li>
        <li><a href="/smw/">State of the Mobile Web</a></li>
        <li><a href="/company/events/">Events</a></li>
        <li><a href="/company/contact/">Contact</a></li>
      </ul> </li><li class="support"><a href="/support/" title="Support">Support</a></li></ul></div>

demo: http://a1tinhgia3.co.cc/html-h46.htm
style="padding-top: 15px;">class="sig_02">class="sig_03">class="sig">class="signature_div">class="sig_05">class="sig_06">
Về Đầu Trang Go down
Xem lý lịch thành viên
 

[chia sẻ]thanh navbar của OPERA

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 

 Similar topics

-
» Cho thuê nhà 171 Vũ Hữu,Thanh xuân bắc 65m2x6 tầng
» Chính chủ cần bán nhà tập thể Thanh Xuân Nam, Hà Nội Giá 1,2 tỷ
» Bán đất Triều Khúc, Thanh Xuân, Hà Nội 35m2 giá 42 tr/m2
» Bán nhà Triều Khúc, Thanh Xuân, Hà Nội, Giá 2,6 tỷ
» Bán đất tại Triều Khúc, Thanh Xuân, Hà Nội ( 1,3 tỷ)
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
Tập đoàn Nghé B2 BTX-BH :: Thế giới công nghệ :: Hướng dẫn thiết kế Forumotion-
Chuyển đến 
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a free blog