طريقة جعل صورة الموضوع خلفية لنفس الموضوع

طريقة جعل صورة الموضوع خلفية لنفس الموضوع

جعل صورة الموضوع خلفية لنفس الموضوع

أقدم لكم شرح بسيط لطريقة جعل صورة المشاركات / الموضوع / أن تظهر خلفية لنفس الموضوع

الطريقة بسيطة جدا بحيث تعطي للموضوع جمالية أكثر

كل موضوع ستظهر خلفيته ستظهر بالصرة الخاصة به

مثال للأضافة


شرح التركيب

قم بالذهاب الى المظهر ثم تعديل HTML و ثم قم بالبحث عن  <body>  ثم الصق الكود التالي أسفله  

<b:if cond='data:view.isPost and data:view.featuredImage'>

<b:include data='{ image: data:view.featuredImage, selector: &quot;body&quot; }' name='responsiveImageStyle'/>

<style>

body {

background-repeat: no-repeat;

background-size: cover; 

background-position: top center;

background-attachment: fixed;

backdrop-filter: blur(12px);

}

</style>

</b:if>



ملاحظة


 ستجد بالكود  backdrop-filter: blur(12px)  هذه خاصة بجعل الصورة على شكل مشوش يمكنك تنقيص التشويش
أذا ما قللت الرقم 
وفي الختام !

شكرًا لوقتكم واهتمامكم بقراءة موضوع طريقة جعل صورة الموضوع خلفية لنفس الموضوع . إذا صادفتكم أي مشكلة أثناء استخدام الكود أو كان لديكم أي استفسار، فلا تترددوا في طرحه ضمن التعليقات أو التواصل معنا عبر صفحة الاتصال بنا . ولا تنسوا الانضمام إلى متابعي مدونة هلا تك ليصلكم كل ما هو جديد.

معلومات عن الكاتب

HalaTeck
صاحب مدونة هلا تك التي تهتم بكل ما هو جديد على منصة بلوجر من أضافات و قوالب و شروحاتهم

إرسال تعليق

✩ تساعدنا ملاحظاتك في تطوير مدونتنا وتكون من خلال مشاركة أفكارك واقتراحاتك معنا.
رأيك يهمنا، لذا يرجى مشاركته معنا. يمنع إضافة روابط لأي موقع في التعليقات و شكرا لتفهمك .

مواضيــع مهمــة

أنضم لمدونة هلا تك
تم النسخ