با استفاده از CSS کلاس fix را استایل دهی کنید تا بصورت ثابت در گوشه پایین سمت چپ صفحه (با فاصله 10 پیکسل) قرار گیرد و در صورت اسکرول کاربر، موقعیت آن تغییر نکند.
Front-End
افزودن تمرین جدید
.fix {
position: fixed;
bottom: 10px;
left: 10px;
width: 5%;
height: 5vw;
margin: 0;
background: black;}
HTML & CSS
<!DOCTYPE html>
<html dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device.width, initial-scale=1.0">
<title> باکس موقعیت ثابت</title>
</head>
<style>
.fix {
width: 200px;
height: 200px;
position: fixed;
bottom: 10px;
left: 10px;
background-color: rgba(189, 12, 12, 0.8);
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
z-index: 1000; /
}
</style>
<body>
<div class="fix"></div>
</body>
</html>
HTML & CSS
<!DOCTYPE html>
<html lang="en";>
<head>
<meta charset="UTF-8">
<meta name="viewport " content="width=device-width,intial-scale=1.0">
<title>fixed box</title>
<style>
.fix{
position: fixed;
bottom: 10px;
left: 10px;
width: 5%;
height: 5vw;
margin: 0;
background: black;
}
</style>
</head>
<body>
<div class="fix"></div>
</body>
</html>
HTML & CSS
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال CSS ثابت</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="content">
<h1>محتوای صفحه</h1>
<p>این یک متن آزمایشی است. برای مشاهده اثر اسکرول، به پایین صفحه بروید.</p>
<div style="height: 1500px;"></div> <!-- برای ایجاد فضای اسکرول -->
</div>
<div class="fix">
این یک عنصر ثابت در گوشه پایین سمت چپ است
</div>
</body>
</html>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.content {
padding: 20px;
}
.fix {
position: fixed; /* موقعیت ثابت */
bottom: 10px; /* فاصله از پایین */
left: 10px; /* فاصله از چپ */
background-color: rgba(0, 0, 0, 0.7); /* رنگ پس‌زمینه با شفافیت */
color: white; /* رنگ متن */
padding: 10px; /* فاصله داخلی */
border-radius: 5px; /* گوشه‌های گرد */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* سایه */
}
HTML & CSS
.fix {
position: fixed; /* موقعیت ثابت */
bottom: 10px; /* فاصله 10 پیکسل از پایین */
left: 10px; /* فاصله 10 پیکسل از سمت چپ */
background-color: rgba(0, 0, 0, 0.7); /* پس‌زمینه نیمه شفاف */
color: white; /* رنگ متن سفید */
padding: 10px; /* padding داخلی */
border-radius: 5px; /* گوشه‌های گرد */
z-index: 1000; /* اطمینان از اینکه در بالای سایر عناصر قرار گیرد */
}
HTML & CSS
<!DOCTYPE html>
<html>
<head>
<style>
div.fix{
position:fixed;
bottom:10px;
left:10px;
}
</style>
</head>
<body>
<div class="fix">Hi Developers In CodeBezan!</div>
<p>Start</p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><p>End</p>
</body>
</html>
.fix{
pisition: fixed;
left: 10px;
bottom: 10px;
}
HTML & CSS
برنامه ای بنویسید که طول و عرض مستطیلی را از ورودی دریافت کند و مساحت آن را در خروجی چاپ کند
JavaScript
Java
Python
برنامه گرافیکی بنویسید که داری 2 فیلد برای ورود عدد و 4 دکمه برای جمع و تفریق و ضرب و تقسیم باشد. با انتخاب هر دکمه، محاسبات مربوطه روی 2 عدد وارد شده انجام شود و نتیجه نمایش داده شود.
Python
برنامه ای بنویسید که یک عدد دریافت کند و فقط با جابجایی ارقام آن، کوچکترین عددی که میتوان ساخت (با همان تعداد رقم) را پیدا و چاپ کند
C#
JavaScript
Python
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو
😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و
یواش یواش به سراغ تمرینات سخت تر بری.
همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری