بارگذاری عکس در codepan

لینک

لینک بالارو ببينيد اگه مشکل حل نشد آدرس کدپن بدید تا بریم ببینیم چیکار کردید :؟

https://codepen.io/srcbr/pen/ZEVvBEg
این اونیه ک من نوشتم
شما تو css تگ html نوشتید؟
@ossvahid

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
body {
display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('https://saiwa.ai/wp-content/uploads/2022/12/Image-Processing-.webp');
  background-size:cover;
  background-repeat:no-repeat;
}
.wrapper {
  width: 420px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 02);
  backdrop-filter: blur(8px);
box-shadow: 0 0 10px rgba(0, 0, 0, .02);
  color: #fff;
  border-radius: 10px;
  padding: 30px 40px;
}
.wrapper h1 {
  font-size: 36px;
  text-align: center;
}
.wrapper .input-box {
  position: relative;
  width: 100%;
  height: 50px;
  margin: 30px 0;
}
.input-box input {
  width: 100%;
  height: 50px;
  background: transparent;

سلام کدبالا رو امتحان کنید آدرس تصویر فک کنم اشتباه وارد کرده بودید

داخل کدپن نیازی نیست به فایل style و js لینک بدید

من طبق چیزی که بهم گفتن لینک عکسو کپی کردم
راه دیگه ای برای بارگزاری عکس هست؟
@it1press

سلام
مشکلتون حل شد ؟
کدی که دوست عزیزمون @ossvahid برای بخش body کد شما نوشته بودند تست کردم و کار میکرد
بک گراند شما لینک خورده به اکانت گوگل درایوتون که توی سیستم خودتون دسترسی دارید بهش و ماها نمیتونیم اون فایل و عکس رو ببینیم
شما باید عکس رو جایی عمومی اپلود کنید تا مشکل حل بشه
با تغییر url درست مشکلتون حل میشه همین
برای تست میتونی یه عکس از گوگل راست کلیک کنی و copy image address رو بزنی توی url قرار بدی ببینیش.

سلام دوست عزیز
شما میتونید عکس موردنظر در این لینک آپلود کنید و در کد خودتون ازش استفاده کنید
نمونه ؛

<img src="https://s6.uupload.ir/files/600_1655961189_c7ur.png" border="0" alt="نمونه تصویر" />

لینک عکسی که شما استفاده کردید رو گذاشتم بالا اورد ولی هر لینک دیگه ای رو استفاده میکنم نمیشه. ن فقط لینک فایلای درایو خودم.
الان از سایتی که ایشون @Farzadameri پیشنهاد دادن استفاده کردم عکس رو اورد.
ولی این عکسیه ک میخوام :
https://www.wallpaperflare.com/neon-4k-hd-best-for-desktop-wallpaper-tzqva
مگه نباید فقط لینک عکس رو کپی کنم؟
من از گزینه اشتراک گذاری و کپی لینک استفاده میکنم!
روش دیگه ای برای کپی لینک عکس هست؟
@ossvahid @salar.mohammad2013

دوست عزیز
لینک عکس موردنظر بررسی کردم متوجه شدم که سایت موردنظر حداقل برای من بازنمیشه و به امکان زیاد 🐘تر هست ، شاید علت اینکه عکس از لینک خود سایت نشون نمیده همینه
پیشنهاد میکنم عکس دانلود کنید تو لینکی که دادم آپلود کنید و ازش استفاده کنید !
موفق باشید

body {
    background: url(لینک عکس یا ادرس);
}

@sfnadiyari
سلام مجدد
همونطور که دوستان فرمودند مشکل شما لینک عکستون هست که فقط خودتون دسترسی دارید
عکس رو دانلود و در جای دیگری بارگزاری کنید
برای چک کردن دسترسی عکس با مرورگر دیگری اکانت اون سایت لاگین نشده یا گوشیتون یا سیستم دیگری چک کنید اگر خیلی شک دارید به لینک
لینک تصویر شما برای ما باز نمیشه.