رفتن به مطلب
مرورگر پیشنهادی آرساکیا گیم مرورگر های تحت موتور کرومیوم می‌باشد، برای دانلود روی مرورگر انتخابی خود کلیک کنید
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 ماه بعد...
NorthKorea کهنه کار

NorthKorea

ارسال شده در
ارسال شده در
در ۱۴۰۳/۶/۴ در 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>


 

 

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

l076963_gallery48.jpg

Nopelon.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 ماه بعد...
100 با تجربه

100

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

مفید بود.

 

زیاد خودتو نگیر 

و من نصر الا من عندالله العزیز الحکیم

 

لینک به دیدگاه
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-1187239
به اشتراک گذاری در سایت های دیگر

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

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

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

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

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

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

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

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

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

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