estedadrap

مات کردن تصویر بگراند پست ها

6 پست در این موضوع قرار دارد

سلام خسته نباشید 

سوالم در رابطه با بلور کردن تصویر بکگراند هر پست هست

میخوام عکس هایی که میزارم تا 90 درصد بلور بشن

از فیلتر 

background-img{

filter-blur: 90px;

}

که استفاده میکنم ارور میده و زرد میشه و یه خط روش کشیده میشه در واقع کد اشتباه و اجرا نمیشه

داخل  استایل body هم این کد رو اعمال کردم اما تمام عکس ها بلور میشن

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

https://estedadrap.ml/hamed-fard-badaz-margam/

 

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 6 ساعت قبل، estedadrap گفته است :

 

background-img{

filter-blur: 90px;

}

 

سلام دوست گرامی، به انجمن وردپرس پارسی خوش اومدید

سینتکس کدتون مشکل داره، دستور مات کردن به این شکله:

img {
    filter: blur(5px);
}

به جای img کلاس یا آی‌دی مورد نظرتون رو قرار بدید، وگرنه کل عکسای سایتتون مات میشه.

ویرایش شده در توسط فرشاد گوهری
1

به اشتراک گذاری این پست


لینک به پست
در 5 ساعت قبل، فرشاد گوهری گفته است :

سلام دوست گرامی، به انجمن وردپرس پارسی خوش اومدید

سینتکس کدتون مشکل داره، دستور مات کردن به این شکله:


img {
    filter: blur(5px);
}

به جای img کلاس یا آی‌دی مورد نظرتون رو قرار بدید، وگرنه کل عکسای سایتتون مات میشه.

ممنون بابت جوابتون درواقع مشکل من اینه که مسیر استایل دهی تصاویر بگراند رو متوجه نشدم و نتونستم پیداش کنم

و وقتی این استایل رو برای تصاویر بگراند مینویسم اعمال نمیشه 

خواستم اگر امکانش هست یه نگاهی کنید و بهم بگید که کد بالا رو داخل کدوم فایل css بزارم

بازم تاکید میکنم داخل فایل استایل css اصلی استایل های مربوط به single post وجود نداره

0

به اشتراک گذاری این پست


لینک به پست
در ۱ ساعت قبل، estedadrap گفته است :

ممنون بابت جوابتون درواقع مشکل من اینه که مسیر استایل دهی تصاویر بگراند رو متوجه نشدم و نتونستم پیداش کنم

و وقتی این استایل رو برای تصاویر بگراند مینویسم اعمال نمیشه 

خواستم اگر امکانش هست یه نگاهی کنید و بهم بگید که کد بالا رو داخل کدوم فایل css بزارم

بازم تاکید میکنم داخل فایل استایل css اصلی استایل های مربوط به single post وجود نداره

سلام، فرقی نداره داخل کدوم فایل استایل بذارید، برای اینکه تصویری که می‌خواین مات بشه باید حتما کلاس یا آی‌دی اون تصویر رو به جای img قرار بدید.

لطفا دقیقا بهم بگید میخواین کدوم عکس مات بشه تا کدشو بهتون بدم (اگر امکانش هست اسکرین‌شات بدید،‌ چون منظورتون رو از تصاویر بک‌گراند متوجه نمیشم کدوم تصویره)

0

به اشتراک گذاری این پست


لینک به پست
در 1 ساعت قبل، فرشاد گوهری گفته است :

سلام، فرقی نداره داخل کدوم فایل استایل بذارید، برای اینکه تصویری که می‌خواین مات بشه باید حتما کلاس یا آی‌دی اون تصویر رو به جای img قرار بدید.

لطفا دقیقا بهم بگید میخواین کدوم عکس مات بشه تا کدشو بهتون بدم (اگر امکانش هست اسکرین‌شات بدید،‌ چون منظورتون رو از تصاویر بک‌گراند متوجه نمیشم کدوم تصویره)

ببین دوست عزیز  تمی که نصب کردم این قابلیت رو داره که برای هر پستی که ارسال میکنم میشه برای پس زمینه اون پست تصویر یا رنگ اختصاصی گذاشت

حالا من این تصاویری که میزارم رو میخوام حدود 10 درصد واضح باشه در واقع 90 درصد بلور شده گذاشته بشه

این لینکه یکی از پست های سایت منه .. https://estedadrap.ml/hamed-fard-badaz-margam/

اگه یه inspect بگیری متوجه میشی که کد های زیر واسه استایل تصویر بگراند هست.

اما داخل فایل استایل نیست .  

background-position: center center;

background-size: cover;

}
0

به اشتراک گذاری این پست


لینک به پست
در 2 ساعت قبل، estedadrap گفته است :

اما داخل فایل استایل نیست . 

آهان، الان متوجه منظورتون شدم، نه این اصلا نمیتونه داخل فایل‌های استایل باشه، به خاطر اینکه برای هر پست داره به صورت داینامیک تولید میشه.

با استفاده از این کد که در بخش Head سایتتون قرار گرفته:

<style type="text/css" media="screen">
  body {
    background-image: url(https://dl.estedadrap.ml/MP3S/Hamed%20Fard-BadAz%20Margam.jpg);
    background-position: center center;
    background-size: cover;
  }
</style>

اینو احتمالا داخل فایل هدر وردپرس بتونید پیداش کنید، اما خب موردی که هست اینه که این تصویر معمولی نیست که بهش افکت بلور بدید، این جزو پراپرتی بک‌گراند خود المان هست و فک نمیکنم استایلی وجود داشته باشه که بتونه به صورت مستقیم به تصویر بک‌گراند خود المان افکت بده (یا حداقل من اطلاع ندارم)

اما اگر به کدنویسی آشنا هستید این آموزش رو بخونید:

https://css-tricks.com/apply-a-filter-to-a-background-image/

یک راه‌حل ارائه داده برای این چیزی که شما احتیاج دارید.

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری