سلام
توی code pan برای گذاشتن عکس بکگراند مشکل دارم و هرچی لینک میذارم تو css کار نمیکنه ولی با رنگ مشکلی نداره.
تو کد زدنش مشکل دارم یا لینک مشکل داره؟
تگی که استفاده میکنم:
;('')background-image : url
سلام دوست عزیز
شما میتونید عکس موردنظر در این لینک آپلود کنید و در کد خودتون ازش استفاده کنید
نمونه ؛
<img src="https://s6.uupload.ir/files/600_1655961189_c7ur.png" border="0" alt="نمونه تصویر" />
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 لینک بدید
سلام
مشکلتون حل شد ؟
کدی که دوست عزیزمون @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
دوست عزیز
لینک عکس موردنظر بررسی کردم متوجه شدم که سایت موردنظر حداقل برای من بازنمیشه و به امکان زیاد 🐘تر هست ، شاید علت اینکه عکس از لینک خود سایت نشون نمیده همینه
پیشنهاد میکنم عکس دانلود کنید تو لینکی که دادم آپلود کنید و ازش استفاده کنید !
موفق باشید
@sfnadiyari
سلام مجدد
همونطور که دوستان فرمودند مشکل شما لینک عکستون هست که فقط خودتون دسترسی دارید
عکس رو دانلود و در جای دیگری بارگزاری کنید
برای چک کردن دسترسی عکس با مرورگر دیگری اکانت اون سایت لاگین نشده یا گوشیتون یا سیستم دیگری چک کنید اگر خیلی شک دارید به لینک
لینک تصویر شما برای ما باز نمیشه.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟