uk
Feedback
برنامه نویسی و شبکه | 090

برنامه نویسی و شبکه | 090

Відкрити в Telegram

کانال برنامه نویسی و هوش مصنوعی گروه : @programming0900 @CroplodPlus | @Croplod Continuous Refactoring and Optimization for Performance, Learning, Operations, and Development.

Показати більше
877
Підписники
Немає даних24 години
-1447 днів
-73730 день
Архів дописів
\n\n\n\n\n⚡️ @programming090","datePublished":"2024-07-22T17:33:26Z","dateModified":"2024-07-22T17:33:26Z","author":{"@type":"Organization","name":"برنامه نویسی و شبکه | 090","url":"https://telemetr.io/uk/channels/2050180028-programming090","image":"https://img.tlmtr.io/c/2eKltO/5809904829869441381?ty=x"},"publisher":{"@type":"Organization","name":"برنامه نویسی و شبکه | 090","url":"https://telemetr.io/uk/channels/2050180028-programming090","image":"https://img.tlmtr.io/c/2eKltO/5809904829869441381?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":295},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/2050180028-programming090/posts/81","url":"https://telemetr.io/uk/channels/2050180028-programming090/posts/81","mainEntityOfPage":"https://telemetr.io/uk/channels/2050180028-programming090/posts/81","headline":"🤍 نزار حجم وای فایت رو تموم کنن ⚪️ میتونید برای کاربر های متصل به وای فای محدودیت آپلود و دانلود بگذارید تا ب…","articleBody":"🤍 نزار حجم وای فایت رو تموم کنن\n\n⚪️ میتونید برای کاربر های متصل به وای فای محدودیت آپلود و دانلود بگذارید تا بیشتر از اون مصرف نکنند\n\n⚪️ آیپی وای فای توی مرورگر باز کنید \n⚪️ آیپی رو چطور پیدا کنیم :\nفقط کافیه بری تو قسمت سرچ ویندوز و تایپ کنی CMD ؛ بعدشم دستور ipconfig رو تایپ کنید و Enter رو بزنید ← Default Gateway در واقع همون IP مودم شماست...\n⚪️ بعد اینکه از طریق آیپی وارد تنظیمات وای فای شدید Guest network روی این گزینه بزنید\n\n✅این گزینه مال میهمانه گزینه اول و دوم بالای منو زده Disable ماهم به اونا کاریم نداریم  شما باید گزینه سوم رو Able کنی  میتونی حداقل و حداکثر دانلود و آپلودو مشخص کنی \n\n✅ پایین تر تو قسمت Access time هم میتونی زمان‌بندی انجام بدی تا تو یه بازه زمانی مشخص بتونن به وای‌فای وصل بشن\n\n⬅️ گفتنی است تنظیمات همه وای فای ها به یک صورت نیست\n\n➡️ @programming090","datePublished":"2024-07-20T08:12:31Z","dateModified":"2024-07-20T08:12:31Z","author":{"@type":"Organization","name":"برنامه نویسی و شبکه | 090","url":"https://telemetr.io/uk/channels/2050180028-programming090","image":"https://img.tlmtr.io/c/2eKltO/5809904829869441381?ty=x"},"publisher":{"@type":"Organization","name":"برنامه نویسی و شبکه | 090","url":"https://telemetr.io/uk/channels/2050180028-programming090","image":"https://img.tlmtr.io/c/2eKltO/5809904829869441381?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":555},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/2050180028-programming090/posts/79","url":"https://telemetr.io/uk/channels/2050180028-programming090/posts/79","mainEntityOfPage":"https://telemetr.io/uk/channels/2050180028-programming090/posts/79","headline":"🥰 مخصوص ایرانسل vless://89b3cbba-e6ac-485a-9481-976a0415eab9@104.19.230.57:443?path=%2FTELEGRAM-MARAMBASHI-MA…","articleBody":"🥰 مخصوص ایرانسل \n\nvless://89b3cbba-e6ac-485a-9481-976a0415eab9@104.19.230.57:443?path=%2FTELEGRAM-MARAMBASHI-MARAMBASHI%2F%3Fed%3D2048&security=tls&encryption=none&alpn=h2,http/1.1&host=523AfB17.IRS23.pagES.DEv&fp=randomized&type=ws&sni=523afb17.IRS23.pAgES.Dev#%DB%B7%D8%AE%DB%B7\n👩‍💻 جهت خرید :\n✅ @miladrhdi","datePublished":"2024-07-19T11:54:51Z","dateModified":"2024-07-19T11:54:51Z","author":{"@type":"Organization","name":"برنامه نویسی و شبکه | 090","url":"https://telemetr.io/uk/channels/2050180028-programming090","image":"https://img.tlmtr.io/c/2eKltO/5809904829869441381?ty=x"},"publisher":{"@type":"Organization","name":"برنامه نویسی و شبکه | 090","url":"https://telemetr.io/uk/channels/2050180028-programming090","image":"https://img.tlmtr.io/c/2eKltO/5809904829869441381?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":461},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/uk/channels/2050180028-programming090/posts/78","url":"https://telemetr.io/uk/channels/2050180028-programming090/posts/78","mainEntityOfPage":"https://telemetr.io/uk/channels/2050180028-programming090/posts/78","headline":"⭐ تگ 🌟 برای تعیین عنوان جدول استفاده می‌شود. این تگ درست بعد از تگ درج می‌شود. فقط یک عنوان…","articleBody":"⭐ تگ
\n\n🌟 برای تعیین عنوان جدول استفاده می‌شود. این تگ درست بعد از تگ درج می‌شود. فقط یک عنوان برای یک جدول مشخص شود. \n \n\n\n\n\n
\n \n \n \n \n \n \n \n \n \n \n \n
Students
FirstnameLastnameAge
AliShams24
\n\n\n\n🔵 @Programming090","datePublished":"2024-07-18T17:21:58Z","dateModified":"2024-07-18T17:21:58Z","author":{"@type":"Organization","name":"برنامه نویسی و شبکه | 090","url":"https://telemetr.io/uk/channels/2050180028-programming090","image":"https://img.tlmtr.io/c/2eKltO/5809904829869441381?ty=x"},"publisher":{"@type":"Organization","name":"برنامه نویسی و شبکه | 090","url":"https://telemetr.io/uk/channels/2050180028-programming090","image":"https://img.tlmtr.io/c/2eKltO/5809904829869441381?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":365},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":14},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}}]}
♨️ربات‌های چت ناشناس تلگرام هک شدند ربات‌هایی که برای ارسال و دریافت پیام ناشناس در پیام‌رسان تلگرام استفاده می‌شوند، امن نیس
♨️ربات‌های چت ناشناس تلگرام هک شدند ربات‌هایی که برای ارسال و دریافت پیام ناشناس در پیام‌رسان تلگرام استفاده می‌شوند، امن نیستند و ممکن است اطلاعات خصوصی شما را ذخیره کنند. امیرمحمد صفری که در حوزه امنیت شبکه فعالیت دارد، در شبکه اجتماعی ایکس می‌گوید با نفوذ به سرورهای ۳ مورد از این بات‌های ناشناس با بیش از ۱۴ میلیون کاربر، به بیش از ۴۷۰ میلیون پیام متنی، ۱۱ میلیون عکس و ۳ میلیون ویدیوی ذخیره‌شده دست یافته است. یاشار شاهین‌زاده، متخصص امنیت، نیز در شبکه اجتماعی ایکس می‌گوید ظاهراً این بات‌ها ۲ ویژگی نگران‌کننده داشته‌اند: فلگ‌کردن کاربران توسط صاحب بات برای آگاه شدن از ارسال پیام توسط آنها و امکان دریافت تمام پیام‌های ناشناس کاربر با واردکردن یوزرنیم تلگرام. درحال‌حاضر، دیتابیس این ۳ بات تلگرام حذف شده و خود ربات‌ها نیز از کار افتاده‌اند اما مشخص نیست که آیا بکاپی از این اطلاعات وجود دارد یا خیر. به‌ گفته شاهین‌زاده، توسعه‌دهنده این بات‌ها در یکی از ۵ شرکت برتر ایران مشغول به‌ کار است.

📢 چتساز: اپلیکیشن هوش مصنوعی 🔍 بدون نیاز به وی پی ان راحت و بی‌دردسر چتساز با بهره‌گیری از نسخه پیشرفته GPT-4o، تجربه‌ای بی
📢 چتساز: اپلیکیشن هوش مصنوعی 🔍 بدون نیاز به وی پی ان راحت و بی‌دردسر چتساز با بهره‌گیری از نسخه پیشرفته GPT-4o، تجربه‌ای بی‌نظیر از هوش مصنوعی را برای شما به ارمغان می‌آورد. با چتساز می‌توانید به راحتی با هوش مصنوعی مکالمه کنید، سوالات خود را مطرح کنید و پاسخ‌های دقیق و هوشمندانه دریافت کنید. ✨ چرا چتساز؟ 🔹 پرداخت آسان ریالی با همکاری زرین‌پال 🔹 قیمت اقتصادی - کمتر از 5 دلار! 🔹 بدون نیاز به وی‌پی‌ان از داخل ایران 🔹 هوشمند، سریع و دقیق با جدیدترین موتور هوش مصنوعی 🔹 استفاده آسان، مناسب برای همه 🌐 آدرس وب اپ: chatsaz.com 💌 هدیه ویژه: پس از ورود به اپلیکیشن از طریق لینک فوق، پرامپت‌های اولیه را به صورت رایگان دریافت خواهید کرد! ⚡به خانواده‌ی چتساز بپیوندید و قدرت هوش مصنوعی را در زندگی روزمره‌تان تجربه کنید!

💫 | #آموزش_ادیت | #پیکس_آرت ✅ | عنوان ویدیو : آموزش فعال کردن لایه بندی اپلیکیشن پیکس آرت 🔗| دانلود نسخه مود شده PicsArt 🎓 | خیلی از ادیتورا ازین قابلیت پیکس آرت بی خبر هستند و کمتر کسی اینو به بقیه افراد میگه پس ممنون میشم ک ریکشن بزنید | آموزش های من رو میتونید با هشتگ زیر پیگیری کنید : #Hossein ✅ | @ClubEdits

Thanks for 1K Subscribers ❤️

⭐️ دارک برای پیاده سازی لایت و دارک مود چندین روش وجود دارند : ساده ترین روش اینه که یک کلاس برای بادی به نام دارک مود بسازی بعد رنگ های فونت و بکگروندهات زیر شاخه ای اون عوض کنی. مثال :
body{
background: light; 
}
p,a {
  color: black;
}
body.dark-theme p {
  color: white
  background: black;
}
body.dark-theme a {
  color: white;
}
بعد کلاس دارک مود را توسط جاواسکریپت تاگل می کنیم :
//دکمه تغییر مود را انتخاب می کنی
const btn = document.querySelector('.btn-toggle');


btn.addEventListener('click', function() {
  //دارک مود را اضافه یا حذف می کند 
  document.body.classList.toggle('dark-theme');  
})
❤️ @programming090

⭐️ خاصیت gap توی سی اس اس باهاش میتونید فاصله بین ایتم هارو مشخص کنید قبلا با مارجین میومدیم فاصله مینداختیم بین عناصر
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flexbox Gap</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="flex-container">
        <div class="flex-item">Item 1</div>
        <div class="flex-item">Item 2</div>
        <div class="flex-item">Item 3</div>
    </div>
</body>
</html>
.flex-container {
    display: flex;
    gap: 20px; /* فاصله بین آیتم‌ها */
    background-color: #f0f0f0;
    padding: 20px;
}

.flex-item {
    background-color: #ff6347;
    padding: 20px;
    color: white;
    text-align: center;
    flex: 1;
}
❤️ @programming090

🖇 جذب اقا و خانوم برنامه نویسی بدون رزومه و با روزمه اموزش رایگان درامد ماهانه هفتگی روزانه دورکاری و حضوری صرفا دورکاری وردپرس فرانت اند ui ux سی شارپ هر گونه حوزه طراحی و...... @dani8009_1

✅ پروژه طراحی وبسایت پذیرفته می‌شود. 🚀 جهت سفارش : 💎 @miladrhdi

✅ سورس وب سرویس حذف حساب کاربری تلگرام ✅ تست شده بدون باگ
<?php
if(!is_dir("Cookie")){mkdir("Cookie");}
header('Content-Type: application/json; charset=utf-8');
//================================================================= 
function SendPassword($datas=[]){
    $url = "https://my.telegram.org/auth/send_password";
    $ch = curl_init();
    curl_setopt($ch,CURLOPT_URL,$url);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
    curl_setopt($ch,CURLOPT_POSTFIELDS,http_build_query($datas));
    $res = curl_exec($ch);
    if(curl_error($ch)){
        var_dump(curl_error($ch));
    }else{
        return json_decode($res,true);
    }
}
function CheckPassword($datas=[]){
    $url = "https://my.telegram.org/auth/login";
    $ch = curl_init();
    curl_setopt($ch,CURLOPT_URL,$url);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
    curl_setopt($ch,CURLOPT_POSTFIELDS,http_build_query($datas));
    curl_setopt($ch, CURLOPT_COOKIEFILE, "Cookie/coo".$datas['phone'].".txt");
    curl_setopt($ch, CURLOPT_COOKIEJAR, "Cookie/coo".$datas['phone'].".txt");
    $res = curl_exec($ch);
    if(curl_error($ch)){
        var_dump(curl_error($ch));
    }else{
        return json_decode($res,true);
    }
}
function Delete($datas=[]){
    $url = "https://my.telegram.org/deactivate/delete/do_delete";
    $ch = curl_init();
    curl_setopt($ch,CURLOPT_URL,$url);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
    curl_setopt($ch,CURLOPT_POSTFIELDS,http_build_query($datas));
    curl_setopt($ch, CURLOPT_COOKIEFILE, "Cookie/coo".$datas['phone'].".txt");
    curl_setopt($ch, CURLOPT_COOKIEJAR, "Cookie/coo".$datas['phone'].".txt");
    $res = curl_exec($ch);
    if(curl_error($ch)){
        var_dump(curl_error($ch));
    }else{
        return json_decode($res,true);
    }
}
//=================================================================
$phone = $_GET['phone'];
$do_del = $_GET['do_delete'];
$access_hash = $_GET['access_hash'];
$password = $_GET['password'];
$phone = str_replace(array(" ","(",")"),"",$phone);
//================================================================= 
if(empty($access_hash) and empty($password) and empty($do_del)){
if(!empty($phone)){
    $hash = SendPassword(array('phone'=>$phone))['random_hash'];
        $output = array(
        'ok' => 'true',
        'result' => array('description' => "password has been sent", 'access_hash' => "Lite_$hash")
    );
    echo json_encode($output,JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE); 
}else{
       $output = array(
        'ok' => 'false',
        'error' => 'PHONE_INVALID'
    );
    echo json_encode($output,JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE); 
}
}else{
if($phone != "" and !empty($access_hash) and !empty($password) and !empty($do_del)){
if(strpos($access_hash,'Lite_') !== false) {
  $access = str_replace("Lite_","",$access_hash);
}
$check = CheckPassword(array('phone'=>$phone,'random_hash'=>$access,'password'=>$password));
if($check == true and $do_del == "true"){
        Delete(array('hash'=>$access,'message'=>"Lite_Team"));
        $output = array(
        'ok' => 'true',
        'result' => array('description' => "Delete Acc Successfuly")
    );
    echo json_encode($output,JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE); 
}else{
       $output = array(
        'ok' => 'false',
        'error' => 'PASSWORD OR ACCESS_HASH INVALID | OR DO_DELETE => FALSE OR DO_DELETE EMPTY'
    );
    echo json_encode($output,JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE); 
}
}
}
?>
⚡️ پشتیبانی : ✅ @miladrhdi ❤️ @programming090

🔥این «قدرتمندترین مینی‌پی‌سی تاریخ» است ⭐️ کیسOneXPlayer M1 به‌عنوان قوی‌ترین مینی‌پی‌سی تاریخ با پردازنده‌ی اینتل Core Ultra 9 185H و مشخصات چشمگیر معرفی شد. این دستگاه گیمینگ کمی بیش‌ از ۵۰۰ گرم وزن داره؛ بنابراین بدون اینکه کوله‌پشتی کاربر رو سنگین کنه، به‌راحتی قابل حمله. ⭐️ شرکت OneXPlayer سازنده‌ی کنسول‌های بازی، M1 رو قوی‌ترین مینی‌پی‌سی نامیده. پردازنده‌ی قدرتمند Intel Core Ultra 9 185H با ترکیبی از یک CPU کم‌مصرف با ۱۶ هسته و یک iGPU Intel ARC با ۸ هسته‌ی Xe، در حالت پیش‌فرض با قدرت ۴۵ وات کار می‌کنه! ✅ @programming090

⭐️ آپلود کننده API از #Instagram
function insta($url) {
    $api = "https://x.wwi.su/x/instagram/";
    $curl = curl_init();
    curl_setopt_array($curl, [
        CURLOPT_URL => $api."?post=$url",
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_USERAGENT => "PHPiB",
        CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
        CURLOPT_CUSTOMREQUEST => "GET",
    ]);
    $response = curl_exec($curl);
    curl_close($curl);
    return $response;
}
header('Content-Type: application/json');

echo insta($_GET["url"]);
توجه: برای سرورهای مسکو یا به طور کلی روسی، آپلود فایل با استفاده از copy() یا file_get_contents() کاملا بی فایده است، اگر ربات تلگرام دارید فقط آدرس را مستقیما ارسال کنید. ✅ @programming090

<< انعکاس تصاویر با استفاده از ویژگی CSS Box-Reflect >> ⚡️ به شما امکان می دهد محتویات یک عنصر را در یک جهت خاص (بالا، پایین، راست، چپ) منعکس کنید . 💥 پارامتر دوم مسئول آفست است. و جالب‌تر این است که می‌توانیم با استفاده از پارامتر سوم، یک گرادیان را به عنوان افکت محو اضافه کنیم . -webkit-box-reflect: below 0px offset  linear-gradient(180deg , rgba(#fff, 0 ) 0%  , rgba(#fff, 0 ) 100%  ); #css

طراحی وب سایت جستجوی فیلم با استفاده از HTML، CSS و جاوا اسکریپت ابتدا یک هدر با تگ فرم ایجاد می کنیم. در تگ فرم، یک متن ورود
طراحی وب سایت جستجوی فیلم با استفاده از HTML، CSS و جاوا اسکریپت ابتدا یک هدر با تگ فرم ایجاد می کنیم. در تگ فرم، یک متن ورودی برای نوار جستجو  وب سایت فیلم ایجاد می کنیم. سپس یک تگ اصلی ایجاد می کنیم، بنابراین وقتی همه فیلم ها توسط API بارگذاری می شوند، تمام محتوا را در تگ اصلی نشان می دهیم و در انتهای کد، یک فایل جاوا اسکریپت را پیوند می دهیم. اول از همه، ما برخی از خانواده های فونت را با استفاده از URL فونت گوگل وارد می کنیم و سپس حاشیه را روی "صفر" قرار می دهیم. همچنین، با استفاده از ویژگی background-color، رنگ پس‌زمینه را روی «صورتی تیره» قرار می‌دهیم ، فونتی که  استفاده کردیم poppins است. استایل را به هدر وب سایت اضافه می کنیم. با استفاده از انتخابگر تگ هدر، پس‌زمینه هدر را روی آبی قرار می‌دهیم ، padding را روی 1rem و نوع نمایش را روی «فلکس» تنظیم می‌کنیم.   با استفاده از انتخابگر کلاس (search.) استایل را به نوار جستجوی سایت اضافه می کنیم. padding را روی 0.5 rem قرار می دهیم و با استفاده از ویژگی border-radius چند لبه منحنی اضافه می کنیم. ⚡️ @programming090

const APIURL = "https://api.themoviedb.org/3/discover/movie?sort_by=popularity.desc&api_key=04c35731a5ee918f014970082a0088b1&page=1";

const IMGPATH = "https://image.tmdb.org/t/p/w1280";

const SEARCHAPI = "https://api.themoviedb.org/3/search/movie?&api_key=04c35731a5ee918f014970082a0088b1&query=";

// ye HTML WALE TAG

const main = document.getElementById("main");

const form = document.getElementById("form");

const search = document.getElementById("search");

///initalyy get fav movies

getMovies(APIURL);

async function getMovies(url) {

const resp = await fetch(url);

const respData = await resp.json();

// movie aa gyi

console.log(respData);

// yaha pe show karenge

showMovies(respData.results);

}

function showMovies(movies) {

//clear main

main.innerHTML = "";

movies.forEach((movie) => {

const { poster_path, title, vote_average, overview } = movie;

// raja

const movieEl = document.createElement("div");

movieEl.classList.add("movie");

movieEl.innerHTML = 

<img src="${IMGPATH + poster_path}" alt="${title}"/>

<div class="movie-info">

<h3>${title}</h3>

<span class="${getClassByRate(vote_average)}">${vote_average}</span>

</div> 

<div class="overview">

<h2>Overview:</h2>

${overview}

</div>

;

main.appendChild(movieEl)

});

}

function getClassByRate(vote) {
return 'green';

} else if (vote >= 5) {

return 'orange'

} else {

return 'red';

}

}

form.addEventListener("submit", (e) => {

e.preventDefault();

const searchTerm = search.value;

if (searchTerm) {

getMovies(SEARCHAPI + searchTerm);

search.value = "";

}

});
⚡️ @programming090

@import url('https://fonts.googleapis.com/css2?family=Poppin
*{

box-sizing: border-box;

}

body{

margin: 0;

background-color: #cd094e;

font-family: "Poppins", sans-serif;

}

header{

background-color: #0615de;

padding: 1rem;

display: flex;

justify-content: flex-end;

}

.search {

padding: 0.5rem 1rem;

border-radius: 50px;

border: 2px solid #22254b;

background-color: transparent;

font-family: inherit;

color: #eee;

font-size: 1rem;

}

.search::placeholder{

color: #afb2dc;

}

.search:focus{

outline: none;

background-color: #05082c;

}

main{

display: flex;

flex-wrap: wrap;

}

/* ye baad me dekhte hai */

.movie{

box-shadow: 0 4px 5px rgba(0,0,0,0.2);

border-radius: 3px;

width: 300px;

background-color: #0d1dd2;

margin: 1rem;

overflow: hidden;

position: relative;

}

.movie img{

width: 100%;

}

.movie-info{

display: flex;

justify-content: space-between;

padding: 0.5rem 1rem 1rem;

color: #eee;

letter-spacing: 0.5px;

align-items: center;

}

.movie-info h3{

margin: 0;

}

.movie-info span{

background-color: #22254b;

padding: 0.25rem 0.5rem;

border-radius: 3px;

font-weight: bold;

}
movie-info span.green{
color: rgb(46, 194, 46);
}
.movie-info span.orange{
color: orange;
}
.movie-info span.red{
color: red;
}
.overview{
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #fff;
padding: 2rem;
transform: translateY(100%);
transition: transform 1s ease-in;
max-width: 100%;
overflow: auto;
}
.movie:hover .overview{
transform: translateY(0);
}
.overview h4{
margin-top: 0;
}
⚡️ @programming090

⭐️ با تشکر از همراهیتون
<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Movie Search</title>

<link rel="stylesheet" href="style.css">

</head>

<body>

<header>

<form id="form">

<input type="text" autocomplete="off" id="search" placeholder="Search" class="search">

</form>

</header>

<main id="main">

</main>

<!-- js here -->

<script src="app.js"></script>

</body>

</html>
⚡️ @programming090

🤍 نزار حجم وای فایت رو تموم کنن ⚪️ میتونید برای کاربر های متصل به وای فای محدودیت آپلود و دانلود بگذارید تا بیشتر از اون مصرف نکنند ⚪️ آیپی وای فای توی مرورگر باز کنید ⚪️ آیپی رو چطور پیدا کنیم :
فقط کافیه بری تو قسمت سرچ ویندوز و تایپ کنی CMD ؛ بعدشم دستور ipconfig رو تایپ کنید و Enter رو بزنید ← Default Gateway در واقع همون IP مودم شماست...
⚪️ بعد اینکه از طریق آیپی وارد تنظیمات وای فای شدید Guest network روی این گزینه بزنید ✅این گزینه مال میهمانه گزینه اول و دوم بالای منو زده Disable ماهم به اونا کاریم نداریم  شما باید گزینه سوم رو Able کنی  میتونی حداقل و حداکثر دانلود و آپلودو مشخص کنی ✅ پایین تر تو قسمت Access time هم میتونی زمان‌بندی انجام بدی تا تو یه بازه زمانی مشخص بتونن به وای‌فای وصل بشن ⬅️ گفتنی است تنظیمات همه وای فای ها به یک صورت نیست ➡️ @programming090

🥰 مخصوص ایرانسل
vless://89b3cbba-e6ac-485a-9481-976a0415eab9@104.19.230.57:443?path=%2FTELEGRAM-MARAMBASHI-MARAMBASHI%2F%3Fed%3D2048&security=tls&encryption=none&alpn=h2,http/1.1&host=523AfB17.IRS23.pagES.DEv&fp=randomized&type=ws&sni=523afb17.IRS23.pAgES.Dev#%DB%B7%D8%AE%DB%B7
👩‍💻 جهت خرید : ✅ @miladrhdi

تگ <caption> 🌟 برای تعیین عنوان جدول استفاده می‌شود. این تگ درست بعد از تگ <table> درج می‌شود. فقط یک عنوان برای یک جدول مشخص شود.
<!DOCTYPE html>
<html>
<body>
                     <table>  
                         <caption>Students</caption>  
                         <tr>  
                           <th>Firstname</th>  
                           <th>Lastname</th> 
                           <th>Age</th>  
                       </tr>  
                       <tr>  
                            <td>Ali</td>  
                          <td>Shams</td>  
                          <td>24</td> 
                      </tr>  
</table>             
</body>
</html>
🔵 @Programming090