Ai có code khung đăng nhập đó cho mình nhé !!!
Mình cám ơn nhìu lắm ....
/*Topbar and Icons*/
[class^="i-"],[class*=" i-"],.ic3{display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url(/users/1214/94/30/93/album/b10.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-white{background-image:url(/users/1214/94/30/93/album/w11.png)}
.i-glass{background-position:0 0;}
.i-music{background-position:-24px 0;}
.i-search{background-position:-48px 0;}
.i-envelope{background-position:-72px 0;}
.i-heart{background-position:-96px 0;}
.i-star{background-position:-120px 0;}
.i-star-empty{background-position:-144px 0;}
.i-user{background-position:-168px 0;}
.i-film{background-position:-192px 0;}
.i-th-large{background-position:-216px 0;}
.i-th{background-position:-240px 0;}
.i-th-list{background-position:-264px 0;}
.i-ok{background-position:-288px 0;}
.i-remove{background-position:-312px 0;}
.i-zoom-in{background-position:-336px 0;}
.i-zoom-out{background-position:-360px 0;}
.i-off{background-position:-384px 0;}
.i-signal{background-position:-408px 0;}
.i-cog{background-position:-432px 0;}
.i-trash{background-position:-456px 0;}
.i-home{background-position:0 -24px;}
.i-file{background-position:-24px -24px;}
.i-time{background-position:-48px -24px;}
.i-road{background-position:-72px -24px;}
.i-download-alt{background-position:-96px -24px;}
.i-download{background-position:-120px -24px;}
.i-upload{background-position:-144px -24px;}
.i-inbox{background-position:-168px -24px;}
.i-play-circle{background-position:-192px -24px;}
.i-repeat{background-position:-216px -24px;}
.i-refresh{background-position:-240px -24px;}
.i-list-alt{background-position:-264px -24px;}
.i-lock{background-position:-287px -24px;}
.i-flag{background-position:-312px -24px;}
.i-headphones{background-position:-336px -24px;}
.i-volume-off{background-position:-360px -24px;}
.i-volume-down{background-position:-384px -24px;}
.i-volume-up{background-position:-408px -24px;}
.i-qrcode{background-position:-432px -24px;}
.i-barcode{background-position:-456px -24px;}
.i-tag{background-position:0 -48px;}
.i-tags{background-position:-25px -48px;}
.i-book{background-position:-48px -48px;}
.i-bookmark{background-position:-72px -48px;}
.i-print{background-position:-96px -48px;}
.i-camera{background-position:-120px -48px;}
.i-font{background-position:-144px -48px;}
.i-bold{background-position:-167px -48px;}
.i-italic{background-position:-192px -48px;}
.i-text-height{background-position:-216px -48px;}
.i-text-width{background-position:-240px -48px;}
.i-align-left{background-position:-264px -48px;}
.i-align-center{background-position:-288px -48px;}
.i-align-right{background-position:-312px -48px;}
.i-align-justify{background-position:-336px -48px;}
.i-list{background-position:-360px -48px;}
.i-indent-left{background-position:-384px -48px;}
.i-indent-right{background-position:-408px -48px;}
.i-facetime-video{background-position:-432px -48px;}
.i-picture{background-position:-456px -48px;}
.i-pencil{background-position:0 -72px;}
.i-map-marker{background-position:-24px -72px;}
.i-adjust{background-position:-48px -72px;}
.i-tint{background-position:-72px -72px;}
.i-edit{background-position:-96px -72px;}
.i-share{background-position:-120px -72px;}
.i-check{background-position:-144px -72px;}
.i-move{background-position:-168px -72px;}
.i-step-backward{background-position:-192px -72px;}
.i-fast-backward{background-position:-216px -72px;}
.i-backward{background-position:-240px -72px;}
.i-play{background-position:-264px -72px;}
.i-pause{background-position:-288px -72px;}
.i-stop{background-position:-312px -72px;}
.i-forward{background-position:-336px -72px;}
.i-fast-forward{background-position:-360px -72px;}
.i-step-forward{background-position:-384px -72px;}
.i-eject{background-position:-408px -72px;}
.i-chevron-left{background-position:-432px -72px;}
.i-chevron-right{background-position:-456px -72px;}
.i-plus-sign{background-position:0 -96px;}
.i-minus-sign{background-position:-24px -96px;}
.i-remove-sign{background-position:-48px -96px;}
.i-ok-sign{background-position:-72px -96px;}
.i-question-sign{background-position:-96px -96px;}
.i-info-sign{background-position:-120px -96px;}
.i-screenshot{background-position:-144px -96px;}
.i-remove-circle{background-position:-168px -96px;}
.i-ok-circle{background-position:-192px -96px;}
.i-ban-circle{background-position:-216px -96px;}
.i-arrow-left{background-position:-240px -96px;}
.i-arrow-right{background-position:-264px -96px;}
.i-arrow-up{background-position:-289px -96px;}
.i-arrow-down{background-position:-312px -96px;}
.i-share-alt{background-position:-336px -96px;}
.i-resize-full{background-position:-360px -96px;}
.i-resize-small{background-position:-384px -96px;}
.i-plus{background-position:-408px -96px;}
.i-minus{background-position:-433px -96px;}
.i-asterisk{background-position:-456px -96px;}
.i-exclamation-sign{background-position:0 -120px;}
.i-gift{background-position:-24px -120px;}
.i-leaf{background-position:-48px -120px;}
.i-fire{background-position:-72px -120px;}
.i-eye-open{background-position:-96px -120px;}
.i-eye-close{background-position:-120px -120px;}
.i-warning-sign{background-position:-144px -120px;}
.i-plane{background-position:-168px -120px;}
.i-calendar{background-position:-192px -120px;}
.i-random{background-position:-216px -120px;}
.i-comment{background-position:-240px -120px;}
.i-magnet{background-position:-264px -120px;}
.i-chevron-up{background-position:-288px -120px;}
.i-chevron-down{background-position:-313px -119px;}
.i-retweet{background-position:-336px -120px;}
.i-shopping-cart{background-position:-360px -120px;}
.i-folder-close{background-position:-384px -120px;}
.i-folder-open{background-position:-408px -120px;}
.i-resize-vertical{background-position:-432px -119px;}
.i-resize-horizontal{background-position:-456px -118px;}
.i-hdd{background-position:0 -144px;}
.i-bullhorn{background-position:-24px -144px;}
.i-bell{background-position:-48px -144px;}
.i-certificate{background-position:-72px -144px;}
.i-thumbs-up{background-position:-96px -144px;}
.i-thumbs-down{background-position:-120px -144px;}
.i-hand-right{background-position:-144px -144px;}
.i-hand-left{background-position:-168px -144px;}
.i-hand-up{background-position:-192px -144px;}
.i-hand-down{background-position:-216px -144px;}
.i-circle-arrow-right{background-position:-240px -144px;}
.i-circle-arrow-left{background-position:-264px -144px;}
.i-circle-arrow-up{background-position:-288px -144px;}
.i-circle-arrow-down{background-position:-312px -144px;}
.i-globe{background-position:-336px -144px;}
.i-wrench{background-position:-360px -144px;}
.i-tasks{background-position:-384px -144px;}
.i-filter{background-position:-408px -144px;}
.i-briefcase{background-position:-432px -144px;}
.i-fullscreen{background-position:-456px -144px;}
.navbar{*position:relative;*z-index:2;overflow:visible;margin-bottom:18px}
.n-inner{height:40px;padding-left:20px;padding-right:20px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-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 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1)}
.navbar .container{width:auto}
.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075)}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#222222}
.btn-navbar:active,.btn-navbar.active{background-color:#080808 \9}
.btn-navbar .i-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25)}
.btn-navbar .i-bar+.i-bar{margin-top:3px}
.nav-collapse.collapse{height:auto}
.navbar{color:#999999}.navbar .brand:hover{text-decoration:none}
.navbar .brand{float:left;display:block;padding:7px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#fff}
.navbar .n-text{margin-bottom:0;line-height:40px}
.navbar .btn,.navbar .btn-group{margin-top:5px}
.navbar .btn-group .btn{margin-top:0}
.n-form{margin-bottom:0;*zoom:1}.n-form:before,.n-form:after{display:table;content:""}
.n-form:after{clear:both}
.n-form input,.n-form select,.n-form .radio,.n-form .checkbox{margin-top:5px}
.n-form input,.n-form select{display:inline-block;margin-bottom:0}
.n-form input[type="image"],.n-form input[type="checkbox"],.n-form input[type="radio"]{margin-top:3px}
.n-form .input-append,.n-form .input-prepend{margin-top:6px;white-space:nowrap}.n-form .input-append input,.n-form .input-prepend input{margin-top: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}
.search-query:focus,.n-search .search-query.focused{color:#333;text-shadow:none;background-color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.n-fixed-top,.n-fixed-bottom{position:fixed;right:0;left:0;z-index:999;margin-bottom:0}
.n-fixed-top .n-inner,.n-fixed-bottom .n-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.n-fixed-top .container,.n-fixed-bottom .container{width:940px}
.n-fixed-top{top:0}
.n-fixed-bottom{bottom:0}
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;height:40px}
.navbar .nav.pull-right{float:right}
.navbar .nav>li{display:block;float:left}
.navbar .nav>li>a{display:block;float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}
.navbar .nav>li>a:hover{background-color:transparent;color:#fff;text-decoration:none}
.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#fff;text-decoration:none;background-color:#222222}
.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#222222;border-right:1px solid #333333}
.navbar .nav.pull-right{margin-left:10px;margin-right:0}
.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px}
.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:10px}
.n-fixed-bottom .dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto}
.n-fixed-bottom .dropdown-menu:after{border-top:6px solid #fff;border-bottom:0;bottom:-6px;top:auto}
.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#fff;border-bottom-color:#fff}
.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100)}
.navbar .nav .open>.dropdown-toggle,.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle{background-color:transparent}
.navbar .nav .active>.dropdown-toggle:hover{color:#fff}
.navbar .nav.pull-right .dropdown-menu,.navbar .nav .dropdown-menu.pull-right{left:auto;right:0}.navbar .nav.pull-right .dropdown-menu:before,.navbar .nav .dropdown-menu.pull-right:before{left:auto;right:12px}
.navbar .nav.pull-right .dropdown-menu:after,.navbar .nav .dropdown-menu.pull-right:after{left:auto;right:13px}
.dropdown{position:relative}
.dropdown-toggle{*margin-bottom:-3px}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0}
.caret{display:inline-block;width:0;height:0;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;opacity:0.3;filter:alpha(opacity=30);content:""}
.dropdown .caret{margin-top:8px;margin-left:2px}
.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100)}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:999;float:left;display:none;min-width:160px;padding:4px 0;margin:0;list-style:none;background-color:#fff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px}.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:8px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff;*width:100%;*margin:-5px 0 5px}
.dropdown-menu li>a,.dropdown-menu p{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#333333;white-space:nowrap}
.dropdown-menu li>a:hover,.dropdown-menu li>a:hover small,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#fff;text-decoration:none;background-color:#0088cc}
.dropdown-menu p:hover{background:D2E9FA}
.dropdown.open{*z-index:1000}.dropdown.open .dropdown-toggle{color:#fff;background:#ccc;background:rgba(0, 0, 0, 0.3)}
.dropdown.open .dropdown-menu{display:block}
.pull-right .dropdown-menu{left:auto;right:0}
.dropup .caret,.n-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000;content:"\2191"}
.dropup .dropdown-menu,.n-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}
.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.dropdown-menu .content{padding-right:15px;margin:3px 0 4px 42px;line-height:14px}
.dropdown-menu .c3avatar img{top:8px;left:22px;position:absolute;width:32px;height:32px}
.dropdown-menu .username{font-size:13px;font-weight:bold;color:#333}
.dropdown-menu .metadata{display:block;color:#999;font-size:11px}
.dropdown-menu i{margin-right:2px}
.c3user{display:inline-block;width:22px;height:22px;background:url(/users/1214/94/30/93/album/accoun10.png) no-repeat center center}
.noticon{background:#FF0100;color:white;font-size:10px;font-weight:bold;cursor:pointer;position:absolute;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin:0;white-space:nowrap;top:6px;right:3px;line-height:12px;text-align:center;min-width:12px;_width:12px}
<a id="top" name="top" accesskey="t"></a>
<div class="navbar n-fixed-top"><div class="n-inner"><div class="container"><a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="i-bar"></span><span class="i-bar"></span><span class="i-bar"></span></a><a class="brand" href="/">fdgfdgfdgfdg</a><div class="nav-collapse"><ul class="nav"><li class="divider-vertical"></li><li><a href="/faq" tip="Trợ giúp" data-original-title=""><i class="i-white i-question-sign"></i></a></li><li><a href="/memberlist" tip="Danh sách thành viên" data-original-title=""><i class="i-white i-user"></i></a></li><li class="divider-vertical"></li></ul><ul class="nav pull-right"><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 class="divider-vertical"></li><li class="dropdown"><a class="dropdown-toggle" href="#login" data-toggle="dropdown" onclick="if(location.pathname!='/login') document.form_login.redirect.value=location.href"><i class="i-white i-play-circle"></i>Ðăng nhập</a><div class="dropdown-menu" style="padding:15px"><form action="/login" method="post" name="form_login"><input id="txtusername" style="margin-bottom: 15px;" type="text" name="username" size="30"><input id="txtpassword" style="margin-bottom: 15px;" type="password" name="password" size="30"><input id="user_remember_me" style="float: left; margin-right: 10px;" type="checkbox" name="login" value="1"><label class="string optional" for="user_remember_me"> Ghi nhớ?</label><input type="hidden" name="redirect" value=""><input class="btn btn-primary" style="clear: left; width: 100%; height: 32px; font-size: 13px;" type="submit" name="login" value="Đăng nhập"></form></div></li><li><a href="/register" tip="Đăng ký" data-original-title=""><b><i class="i-white i-check"></i>Đăng ký</b></a></li><li class="divider-vertical"></li></ul></div></div></div></div>
<script>$(function(){$(".c3username").html($("#depgiai a").text());$(".dropdown-toggle").click(function(){$(this).parent().toggleClass("open");return false});if( my_getcookie("stylene") == null){my_setcookie("stylene", "greenhill", 1, 0);};});</script>
|
|