Chèn đoạn CSS sau Phía trên thẻ </ b: skin> :
# Trượt phẳng {background-color: # 000; border-bottom: 2px rắn # 838.383; display: none; height: 80px; margin: auto; padding-top: 20px} .slide {width: 950px; margin: auto} 0 3px .loginform {width: 950px; margin: 0 auto; color: # 999; font-family: Arial, Helvetica, sans-serif} .formdetails {color: #FFF; font-size: 12px; padding: 5px} .formdetails đầu vào {border: none; padding: 2px 5px; background-color: #efefef} .loginregister {color: # 999; padding: 5px} .loginregister a: link, .loginregister một: visited {color: # 90fff6; font-size: 12px} .loginregister a: hover {color: #fff} .loginform h2 {padding: 10px 10px 10px 0; font-size: 18px; font-weight: normal; text-transform: chữ hoa} .loginform ul li {display: inline } ul .loginform li a: link, .loginform ul li a: visited {color: #FFF; font-size: 12px; text-decoration: underline} no-repeat; width: 94px; height: 25px; con trỏ: con trỏ; padding-bottom: 5px} đầu vào # Email, đầu vào # Passwd {background: # 414.141; color: #fff} đầu vào: tập trung # Email, đầu vào: tập trung # passwd {background: # 545.454}
Tiếp theo, chèn mã đoạn sau ngay </ head>:
<Script src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type = 'text / javascript' /> <script type = 'text / javascript'> </ Script> <div id = 'trượt phẳng'> <div class = 'loginform'> <div class = 'formdetails'> <form Phương pháp = 'post'> <label cho 'log' => Username: </ label> <input id = 'Email' name = 'Email' size = '20 'type =' text '/> <label for = "pwd '> Password: </ label> <input id = "Pass" name = "Pass" size = '20' type = 'password' /> <input id = tên 'signin' = 'kiểu signin' = 'submit' giá trị = '& # 272; & # 259; ng nh & # 7853; p' /> <label for = 'rememberme'> <kiểm tra đầu vào = 'kiểm tra' id = 'rememberme' name = 'rememberme' type = 'checkbox' giá trị = 'mãi mãi' /> Ghi nh & # 7899; </ label> </ form> </ div> <div class = 'nhậpĐăng'> <'https: //www.blogger.com/signup.g' a href = target = "_ blank"> & # 272; & # 259; ng kí </a> | <a href='http://www.blogger.com/forgot.g' target='_blank'> Quên m & # 7853 ; t kh & # 7849; </a> </ div> </ div> </ div> <div 'trượt' class => <a class='btn-slide' href='#'> Login </ u? a> </ div>
Save template và xem thành quả.Nguồn Noct Blog
No comments:
Post a Comment