You are not connected. Please login or register

 » Forumotion » Share Code » Tổng hợp » Share thanh menu độc mới tách

Share thanh menu độc mới tách

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]

Code:
<div class="topheader">
<div class="inner">
  <div class="topleftmenu">
    <a href="/">Trang chủ</a>
          <a href="/forum">Diễn đàn</a>
<a style="color:yellow;" target="_blank" href="http://www.facebook.com/pages/Maze-Game/142169442594987">Page FaceBook</a>
         
  </div>
<!-- BEGIN switch_user_logged_out -->
<div class="toprightmenu">

  <a href="/login" id="login-window">Đăng nhập</a>
<a href="/register">Đăng kí</a>

</div>
  <!-- END switch_user_logged_out -->
  <!-- BEGIN switch_user_logged_in -->
<div class="toprightmenu">
<a href="/profile?mode=editprofile" class="username">
  <span><img src="http://cdn3.iconfinder.com/data/icons/fatcow/16x16_0460/group.png"/>Thông tin cá nhân </span>|   
          </a>
<a href="/profile?mode=editprofile&page_profil=signature"><img src="http://i43.servimg.com/u/f43/17/43/09/69/deskto10.png"/>Chữ ký</a> |
  <a href="/profile?mode=editprofile&page_profil=avatars"><img src="http://cdn4.iconfinder.com/data/icons/REALVISTA/web_design/png/16/graphic_design.png"/>Avatar</a> |
 <a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"><img src="http://hitskin.com/themes/16/32/01/i_msg_inbox.png"/>{PRIVATE_MESSAGE_INFO}</a> |
  <a href="/login?logout"><i><img src="http://cdn3.iconfinder.com/data/icons/lynx/16x16/stock/generic/stock_exit.png"/>Thoát</i></a>
  </div>
  <!-- END switch_user_logged_in -->
</div>

<style>
.toprightmenu .notifynumber {
background-color: #F03D25;
border: 1px solid #D83722;
border-bottom: 1px solid #C0311E;
border-top: 1px solid #E23923;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
display: inline-block;
padding: 0 1px;
color: white;
font-size: 9px;
font-weight: bold;
position: relative;
top: -12px;
right: 1px;
}
ul.dropmore
{
display:none;
position:fixed;
right:5px;
top:25px;
background-color:#464646;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
list-style:none;
padding:0px;
text-align:left;
z-index:999;
}
ul.dropmore li:hover
{
   background-color:#292929;
}
ul.dropmore li a
{
   color: #FFF;
   font: inherit;
   display: block;
   padding: 10px;
text-decoration:none;
}
.topheader .inner .toprightmenu .more {
width: 20px;
height: 40px;
    background: url("http://i.imgur.com/wXL9p.png") 0px 0px no-repeat;;
float: right;
}
.toprightmenu .username .avatar {
height: 31px;
width: 31px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 0px;
border: 2px solid #CCC;
float: left;
margin-right: 4px;
margin-top: -9px;
}
.toprightmenu .username {
height: 40px;
display: block;
float: left;
padding-left: 5px;
padding-right: 5px;
color: white;
text-decoration: none;
text-shadow: 1px 1px 0px #121212;
}
#mask {
   display: none;
   background: #000;
   position: fixed; left: 0; top: 0;
   z-index: 10;
   width: 100%; height: 100%;
   opacity: 0.9;
   z-index:99998;
cursor:pointer;
}
.login-popup{
display:none;
background: #fff;
border: 2px solid #ddd;
position: fixed;
z-index:999999999;
}
img.btn_close {
   float: right;
   margin: -15px -15px 0 0;
}
#loginform
{
   padding: 20px 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   width: 400px;
}
#loginform label
{
   font-weight: bold;
   margin-top: 10px;
   display: block;
   font-size: 14px;
   margin: 0px 20px;
}
#loginform .loginbutton, #loginform .forgotbutton
{
   background: #25AAE1;
   padding: 8px 10px;
   color: #FFF;
   border: 0px;
   cursor: pointer;
   font-size: 13px;
   margin-left: 5px;
   display: inline-block;
}
#loginform .loginbutton:hover, #loginform .forgotbutton:hover
{
   background: #008EFF;
}
#loginform #navbar_username,#loginform #navbar_password,#loginform #navbar_password_hint
{
   padding: 8px;
   font-size: 13px;
   display: block;
   margin: 0px 20px;
   width: 340px;
}
#loginform .remember
{
   margin: 5px 0px;
}
#loginform .actionbutton
{
   text-align: right;
   margin: 0px 20px;
}
.topheader{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: none;
color: white;
background-color: #464646;
text-align: center;
vertical-align: top;
overflow: hidden;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
display: block;
height: 40px;
width: 100%;
}
.topleftmenu
{
display: inline-block;
float: left;
}
.topleftmenu a
{
   color:#FFF;
   text-shadow: 1px 1px 0px #121212;
   text-decoration:none;
   display:inline-block;
   padding:12px;
}
.toprightmenu a
{
   color:#FFF;
   text-shadow: 1px 1px 0px #121212;
   text-decoration:none;
   display:inline-block;
   padding:12px;
}
.topheader .inner .topleftmenu a:hover
{
 background-color:#292929;
}
.topheader .inner .toprightmenu a:hover
{
 background-color:#292929;
}
.toprightmenu
{
padding-right:10px;
float: right;
}
.clear{
clear: both;
height: 0px;
line-height: 0px;
border: 0px;
display: block;
}
</style>
up cái demo nà



Được sửa bởi _Duy_ ngày Sun Oct 07, 2012 4:12 pm; sửa lần 1.

Xem lý lịch thành viên
Share this post on: diggdeliciousredditstumbleuponslashdotyahoogooglelive

cho vào end nha

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