Admin
Tổng số bài gửi : 2943 Baht : 108655 Thanked : 15 Join date : 25/12/2011 Medal :
| Tiêu đề: Các code cho forum Fri Jan 27, 2012 4:07 pm | |
| | | | | Thanh ngang tiện ích
- center:
<div class="topheader"> <div class="inner"> <div class="topleftmenu"> <a href="https://kwanvn.123.st/">Trang chủ</a> <a href="https://kwanvn.123.st/forum">Diễn đàn</a> <a style="color:yellow;" target="_blank" href="https://www.facebook.com/kwanvn">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="https://kwanvn.123.st/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="https://kwanvn.123.st/profile?mode=editprofile&page_profil=signature"><img src="https://i.servimg.com/u/f43/17/43/09/69/deskto10.png"/>Chữ ký</a> | <a href="https://kwanvn.123.st/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("https://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>
over footer end | | | | |
|
|