أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

حذف الإطار المظلل الذي حول الصور بالبلوجر

السلام عليكم ورحمة الله تعالى وبركاته
أقدم لكم إخوتي الكرام

وهي حذف الظل الذي حول الصور أو مايعرف بالإطار المظلل

فمن الآن ستضيف صورك بارتياح على مدونتك

كما بالمنتديات وتنسى هموم الإطار المكره

صورة الإضافة


أرى أنكم قد لاحظتم  الإطار المظلل قبل حذفه

والصورة الثانية خير دليل على أهمية الخدعة

الآن نمر للشرح الممل

إذهب إلى
Dashboard > Template > Customize > Advanced > Add CSS
ثم أنسخ الكود التالي

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}
وهكذا مبروك عليك حدف الإطار المظلل
وبالنسبة للذين لم تنجح معهم الطريقة الاولى فل تقم بالطريقة الثانية

أما انا وجدت ان الطريقة الأولى سهلة وفعالة وهي أكيدة 100%
إذهب إلى

Dashboard > Template > Edit HTML

ثم قم بتوسيع القوالب 
بالضغط على
"Expand widget templates"
ثم باستعمال Ctrl+F إبحث عن الكود التالي
  border: 1px solid $(image.border.color);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
وقم بحذف
الآن مبروك عليك
نرجوا التعليق ولو بكلمة شكر فهي ليست بثقيلة عليك أخي الكريم مقارنة بمجهوداتنا

آخر مقالات المدونة

هناك 7 تعليقات:

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن