0%
Diễn Đàn forumotion

Hướng dẫn - Chia sẻ - Giao Lưu - Kết Nối Online


Go downMessage [Page 1 of 1]

๑۩۞๖ۣۜKu•๖ۣۜMa۞۩๑
๑۩۞๖ۣۜKu•๖ۣۜMa۞۩๑
๑۩۞๖ۣۜKu•๖ۣۜMa۞۩๑

—»(¯`[Members ´¯)™

Demo:
[You must be registered and logged in to see this image.]
Code:
http://i48.servimg.com/u/f48/16/58/45/96/untitl19.jpg

Cách làm :

:hie:
:Hide:
Vào Footer Begin thêm đoạn code sau vào cuối

Code:
<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {
                e.preventDefault();
                $("fieldset#signin_menu").toggle();
                $(".signin").toggleClass("menu-open");
            });

            $("fieldset#signin_menu").mouseup(function() {
                return false
            });
            $(document).mouseup(function(e) {
                if($(e.target).parent("a.signin").length==0) {
                    $(".signin").removeClass("menu-open");
                    $("fieldset#signin_menu").hide();
                }
            });           

        });
</script>
Tiếp theo vào HEader chèn bảng đăng nhập này vào chỗ nào mình muốn
Code:
<!-- BEGIN switch_user_logged_out -->

    <div id="container12">
  <div id="topnav" class="topnav"> Have an account? <a href="login" class="signin" style=""><span>Login</span></a>
 <a href="/register" class="register" style=""><span>Register</span></a> </div>
  <fieldset id="signin_menu" style="display: none; ">

                            <form action="/login?redirect=/" method="post" name="form_login" id="signin">

      <label for="username">Tên Đăng Nhập</label>
 <input class="field" id="log" type="text" size="10" name="username">
        <label for="password">Mật Khẩu</label>
<input class="field" id="pwd" type="password" size="10" name="password">
 <input id="signin_submit" class="bt_login" type="submit" name="login" value="Đăng nhập">
 <label>
  <input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever">  Nhớ tôi</label>
      <p class="forgot"> <a href="profile?mode=sendpassword">Quên mật khẩu</a> </p>


                <div class="clear"></div>
 </form>
 <script type="text/javascript">//<![CDATA[
$(function(){$('#signin').attr('action','/login?redirect='+this.location.pathname);});//]]></script>

  </fieldset>
</div> 
 
    <!-- END switch_user_logged_out -->
Cuối cùng cho cái này vào Css :
Code:
/* SinhVienVT.Net Custom Login */
#container12 {
    float:right;
    margin:0 auto;
      margin-top: -6px;
    position: relative;
}




a img {
    border-width:0;
}
#topnav {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
background: #0D3156;
padding: 4px 6px 6px;
text-decoration: none;
font-weight: bold;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#topnav a.signin:hover {
background: #15579B;
}
#topnav a.signin, #topnav a.signin:hover {
}
a.signin {
    position:relative;
    margin-left:3px;
}

a.signin span {
background-image: url("http://4r.ninja9x.net/login/images/toggle_down_light.png");
background-repeat: no-repeat;
background-position: 100% 50%;
padding: 4px 16px 6px 0;
}
#topnav a.register {
background: #0D3156;
padding: 4px 6px 6px;
text-decoration: none;
font-weight: bold;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#topnav a.register:hover {
background: #15579B;
}
#topnav a.register, #topnav a.register:hover {
}
a.register {
    position:relative;
    margin-left:0px;
}

a.register span {
    background-image:url("http://4r.ninja9x.net/login/images/register_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}


#topnav a.menu-open {
    background:#0d3156!important;
    color:#fff!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("http://4r.ninja9x.net/login/images/toggle_up_light.png");
    color:#fff;
}

#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
  /* background-color:#0d3156; */
    background:url(http://4r.ninja9x.net/login/images/login_back.png) #0d3156 repeat-x;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#fff;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #0d3156;
    background:url(http://4r.ninja9x.net/login/images/field_back.png) repeat-x;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#fff;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#fff!important;
}
#signin_menu p a:hover {
    text-decoration:underline;
}

#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background-color:#0d3156;
    border:1px solid #fff;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}
Chú ý : đoạn code sau trong css là đoạn bạn muốn hiển thị bảng đăng nhập đó ở chỗ nào có thể
Code:
#container12 {
    float:right;
    margin:0 auto;
      margin-top: -6px;
    position: relative;
}
Thế là hết :hie:
Ai có thắc mắc gì xin vui lòng Reply tại topic này :/hide:
Trả lời nhanh
giayroller
giayroller
giayroller

—»(¯`[Members ´¯)™

sao không có link gì bạn. Kich toàn báo lỗi
Trả lời nhanh
giayroller
giayroller
giayroller

—»(¯`[Members ´¯)™

sao không có link gì bạn. Kich toàn báo lỗi. mà khi kick nó không tahr xuống. Bạn xem giúp mình
Trả lời nhanh
FMVI
FMVI
FMVI

—»(¯`[Ad]Min´¯)™

giayroller wrote:sao không có link gì bạn. Kich toàn báo lỗi. mà khi kick nó không tahr xuống. Bạn xem giúp mình
cho demo đi
https://diendan.forumotion.org
Trả lời nhanh
NamSay
NamSay
NamSay

—»(¯`[Members ´¯)™

xem
Trả lời nhanh
thong06021998
thong06021998
thong06021998

—»(¯`[Members ´¯)™

xem
Trả lời nhanh
flyforever123
flyforever123
flyforever123

—»(¯`[Members ´¯)™

tks
Trả lời nhanh
moingay1737
moingay1737
moingay1737

—»(¯`[Members ´¯)™

hay
Trả lời nhanh
trandangduat
trandangduat
trandangduat

—»(¯`[Members ´¯)™

ggggggggggggggggggggggggggggggggggggggggggggg
Trả lời nhanh
Sponsored content

Trả lời nhanh

Back to topMessage [Page 1 of 1]

« Xem bài trước | Xem bài kế tiếp »

Quyền hạn của bạn:

You cannot reply to topics in this forum

Bài viết liên quan:

    © PunBB | Report an abuse | Contribution | © FMvi - Design by baivong
    Hỗ trợ 1 Hỗ trợ 2 Liên hệ