رفتن به مطلب
مرورگر پیشنهادی آرساکیا گیم مرورگر های تحت موتور کرومیوم می‌باشد، برای دانلود روی مرورگر انتخابی خود کلیک کنید
Google Chrome Microsoft Edge Ungoogled Chromium Brave Opera GX Opera
قوانین انجمن

فرم login زیبا با html-css

Amir8118

توسط Amir8118
در برنامه نویسی

 اشتراک گذاری

ارسال‌های توصیه شده

Amir8118 تازه کار

Amir8118

ارسال شده در
ارسال شده در

<html>

 

<head>

<title>Login</title>




 

</head>

 

<style>



 

body{

    background-color: #071a42c2;

}

 

.login

{

    width: 350px;

    height: 360px;

    background-color: rgb(12, 12, 12);

    margin: 10% auto;

}



 

.username

{

    width: 285px;

    padding: 10px;

    border-radius: 25px;

    margin-left: 35px;

    margin-top: 100px;

    border: 3px solid green;

    background-color: rgb(12, 12, 12);

    text-align: center;

    color: white;


 

}

 

.username:hover

{

    box-shadow: 0px 0px 20px green;

}

 

.password:hover

{

    box-shadow: 0px 0px 15px #2213ffd1;


 

}

 

.but1:hover

{

    box-shadow: 0px 0px 10px green;

    background-color: green;

 

}

 

.password

{

    border-radius: 5px;

    padding: 10px;

    border-radius: 25px;

    width: 200px;

    margin-left: 77px;

    margin-top: 22px;

    border: 2px solid #2213ffd1;

    background-color: rgb(12, 12, 12);

    text-align: center;

    color: white;



 

   

 

}

.but1

{

    display: block;

    margin: 10 auto;

    margin-top: 20px;

    background-color: rgb(12, 12, 12);

    border-radius: 25px;

    padding: 10px;

    text-align: center;

    color: white;

    width: 110px;

    border: 3px solid green;

   

}

 

.textlogin

{

    color: white;

    margin-left: 128px;

    display: inline;

}





 

</style>



 

<body>

   

 

<div class="loginpage">



 

<div class="login">

    <h1 class="textlogin">LOGIN</h1>



 

    <input class="username" type="text" placeholder="Username">

 

    <input class="password" type="password" placeholder="password">

 

    <input class="but1" type="submit" value="Login">



 

</div>


 

</div>





 

</body>

 

</html>


 

 

لینک به دیدگاه
https://forum.arsacia.ir/topic/47222-%D9%81%D8%B1%D9%85-login-%D8%B2%DB%8C%D8%A8%D8%A7-%D8%A8%D8%A7-html-css/
به اشتراک گذاری در سایت های دیگر
  • 5 ماه بعد...
Autonomic مسلط

Autonomic

ارسال شده در
ارسال شده در

خوبه بودش 

:My Account

9fc427_2525f913-2560bd13-25dca413-25ddf6

Autonomic.png

9fc427_2525f913-2560bd13-25dca413-25ddf6

228326_25InShot-%DB%B2%DB%B0%DB%B2%DB%B5

 

      !.𝑵𝒐 𝒐𝒏𝒆 𝒄𝒂𝒏 𝒔𝒖𝒄𝒄𝒆𝒆𝒅 𝒘𝒊𝒕𝒉𝒐𝒖𝒕 𝒎𝒂𝒌𝒊𝒏𝒈 𝒎𝒊𝒔𝒕𝒂𝒌𝒆𝒔

لینک به دیدگاه
https://forum.arsacia.ir/topic/47222-%D9%81%D8%B1%D9%85-login-%D8%B2%DB%8C%D8%A8%D8%A7-%D8%A8%D8%A7-html-css/#findComment-669425
به اشتراک گذاری در سایت های دیگر
  • 8 ماه بعد...
PahIavi کهنه کار

PahIavi

ارسال شده در
ارسال شده در
در ۱۴۰۳/۶/۴ در 03:28، Amir8118 گفته است:

<html>

 

<head>

<title>Login</title>




 

</head>

 

<style>



 

body{

    background-color: #071a42c2;

}

 

.login

{

    width: 350px;

    height: 360px;

    background-color: rgb(12, 12, 12);

    margin: 10% auto;

}



 

.username

{

    width: 285px;

    padding: 10px;

    border-radius: 25px;

    margin-left: 35px;

    margin-top: 100px;

    border: 3px solid green;

    background-color: rgb(12, 12, 12);

    text-align: center;

    color: white;


 

}

 

.username:hover

{

    box-shadow: 0px 0px 20px green;

}

 

.password:hover

{

    box-shadow: 0px 0px 15px #2213ffd1;


 

}

 

.but1:hover

{

    box-shadow: 0px 0px 10px green;

    background-color: green;

 

}

 

.password

{

    border-radius: 5px;

    padding: 10px;

    border-radius: 25px;

    width: 200px;

    margin-left: 77px;

    margin-top: 22px;

    border: 2px solid #2213ffd1;

    background-color: rgb(12, 12, 12);

    text-align: center;

    color: white;



 

   

 

}

.but1

{

    display: block;

    margin: 10 auto;

    margin-top: 20px;

    background-color: rgb(12, 12, 12);

    border-radius: 25px;

    padding: 10px;

    text-align: center;

    color: white;

    width: 110px;

    border: 3px solid green;

   

}

 

.textlogin

{

    color: white;

    margin-left: 128px;

    display: inline;

}





 

</style>



 

<body>

   

 

<div class="loginpage">



 

<div class="login">

    <h1 class="textlogin">LOGIN</h1>



 

    <input class="username" type="text" placeholder="Username">

 

    <input class="password" type="password" placeholder="password">

 

    <input class="but1" type="submit" value="Login">



 

</div>


 

</div>





 

</body>

 

</html>


 

 

مطلب قشنگی بود ولی این فرم لاگین دقیقا مال کجاس؟ 🤔🤔

••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

1110770-Sassanians

••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

Lohraseb.png

•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

Lohraseb.png

••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

لینک به دیدگاه
https://forum.arsacia.ir/topic/47222-%D9%81%D8%B1%D9%85-login-%D8%B2%DB%8C%D8%A8%D8%A7-%D8%A8%D8%A7-html-css/#findComment-907114
به اشتراک گذاری در سایت های دیگر
  • 6 ماه بعد...

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است!

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری
 اشتراک گذاری
رفتن به فهرست موضوع ها

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی، در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...