آموزش ساخت فرم لاگین با html و css - جلسه 11

فیلم آموزش ساخت فرم لاگین با html قسمت اول

فیلم آموزش ساخت فرم لاگین با html قسمت دوم

سورس کد صفحه لاگین html

نمایش کپی در حافظه

<!DOCTYPE html>
<html>
<head>
    
    <meta charset="utf-8">
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="سایت آموزش طراحی و سئوسایت">
    <meta name="author" content="سجاد آزادی فر">
    <title>آموزش طراحی و سئوسایت</title>
    
    <link rel="stylesheet" href="../style/mainCss.css">

<script src="../js/jquery-3.6.1.min.js"></script>
    
<style>
    .col-2{width:15.6666% ;margin:1px 0.5% 1px 0.5%;float: right;}
    .col-5{width:40.6666% ;margin:1px 0.5% 1px 0.5%;float: right;}
    .container{
        direction:rtl;
        width:100%;
        margin:10px 0 10px;
        display: inline-block;
    }
    .shadow1{
        background: #fff;
        -webkit-box-shadow:2px 2px 4px 1px #000;
    }
    .pading10{width: 100%;float: right;padding: 10px 0 10px;}
    .center{text-align: center;margin:0 auto;}

#forLogin{width: 400px;background:white;margin-top: 100px;border-radius: 5px}
    #logImg img{background: #1ccacd;width: 20%;border-radius: 50px}
    #logImg img:hover{background:#3a945b}
    #forLogSit input[type=text]{width: 70%;height: 30px;font-size: 1rem}
    #forLogSit input[type=password]{width: 70%;height: 30px;font-size: 1rem}
    #forLogSit input[type=submit]{width: 20%;height: 30px;font-size: 1rem;float: left;margin-left: 10px;}
    body{background:#4DC7A0}
</style>
</head>
<body>
<div class="container">
    <div id="forLogin" class="center shadow1">
      <div class="container" id="logImg">
          <a href="../" ><img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-orig-src="../image/logo.png" alt="لوگو سایت"></a>
          <form id="forLogSit">
              <div class="container pading10"  >
                  <input type="text" placeholder="لطفا نام کاربری را وارد کنید">
              </div>
              <div class="container pading10" id="forLogSit" >
                  <input type="password" placeholder="رمز عبور خود را وارد کنید">
              </div>
              <div class="container" style="text-align: right;margin-right: 20px">
                    <input type="checkbox">
                  <span>مرا به خاط بسپار</span>
              </div>
              <div class="container" >
                  <input type="submit" value="ورود">
              </div>
          </form>
          <div class="container pading10">
              <div class="col-5">
                  <span>رمز خود را فراموش کرده ام</span>
              </div>
              <div class="col-2"><span>/</span></div>
              <div class="col-5"><span>ثبت نام</span></div>
          </div>
      </div>
    </div>
</div>
</body>
</html>

آموزش ساخت فرم لاگین با html و css – جلسه 11

فیلم آموزش ساخت فرم لاگین با html قسمت اول

فیلم آموزش ساخت فرم لاگین با html قسمت دوم

سورس کد صفحه لاگین html

منبع کد صفحه لاگین html

آموزش ساخت فرم ثبت‌ نام با PHP- سئوکان

آموزش ساخت جدول در php – سئوکان

آموزش اتصال به دیتابیس با PDO – سئوکان

تفاوت get و post – سئوکان

ارسال دیدگاه لغو پاسخ

عنوان

آموزش ساخت فرم لاگین با html و css – جلسه 11

فیلم آموزش ساخت فرم لاگین با html قسمت اول

فیلم آموزش ساخت فرم لاگین با html قسمت دوم

سورس کد صفحه لاگین html

منبع کد صفحه لاگین html

مطالب مرتبط

آموزش ساخت فرم ثبت‌ نام با PHP- سئوکان

آموزش ساخت جدول در php – سئوکان

آموزش اتصال به دیتابیس با PDO – سئوکان

تفاوت get و post – سئوکان

ارسال دیدگاه لغو پاسخ

عنوان