A B A N
1 سال پیش توسط A B A N مطرح شد
10 پاسخ

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

سلام
توی code pan برای گذاشتن عکس بکگراند مشکل دارم و هرچی لینک میذارم تو css کار نمیکنه ولی با رنگ مشکلی نداره.
تو کد زدنش مشکل دارم یا لینک مشکل داره؟
تگی که استفاده میکنم:
;('')background-image : url


ثبت پرسش جدید
فرزاد عامری
تخصص : وردپرس
@Farzadameri 1 سال پیش آپدیت شد
0

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

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

oss_vahid
تخصص : wp developer
@ossvahid 1 سال پیش مطرح شد
0

لینک

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


A B A N
تخصص : web designer
@sfanadiyari 1 سال پیش مطرح شد
0

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


oss_vahid
تخصص : wp developer
@ossvahid 1 سال پیش مطرح شد
1
@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 لینک بدید


A B A N
تخصص : web designer
@sfanadiyari 1 سال پیش مطرح شد
0

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


محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 1 سال پیش مطرح شد
0

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


فرزاد عامری
تخصص : وردپرس
@Farzadameri 1 سال پیش آپدیت شد
0

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

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

A B A N
تخصص : web designer
@sfanadiyari 1 سال پیش مطرح شد
0

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


فرزاد عامری
تخصص : وردپرس
@Farzadameri 1 سال پیش مطرح شد
1

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


نیما نوابی
تخصص : برنامه نویسی
@nimanv 1 سال پیش مطرح شد
1
body {
    background: url(لینک عکس یا ادرس);
}

محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 1 سال پیش مطرح شد
0

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام