للبحـث بداخـل المدونــة . . .

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

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

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

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

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

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

مثال للأضافة


شرح التركيب

قم بالذهاب الى المظهر ثم تعديل 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)  هذه خاصة بجعل الصورة على شكل مشوش يمكنك تنقيص التشويش
أذا ما قللت الرقم 
وفي الختام !

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

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

إرسال تعليق

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

مواضيع مهمة

ملفات تعريف الأرتباط
يستخدم موقعنا ملفات تعريف الارتباط Cookies لتحسين تجربتك أثناء تصفحك لموقعنا .
إقرأ المزيد
هنـاك مشكـلة !
يبدو أن هناك خطأ ما في اتصالك بالإنترنت. يرجى الاتصال بالإنترنت وبدء التصفح مرة أخرى.
تـم الكشــف عن مانــع أعلانــات !
المعذرة ! لقد إكتشفنا أنك قمت بتنشيط Ad-Blocker يرجى النظر في دعمنا من خلال تعطيل Ad-Blocker الخاص بك فهو يساعدنا في تطوير هذا الموقع . . . وشكرا لتفهمك !
Site is Blocked
Sorry! This site is not available in your country.
أنضم لمدونة هلا تك