كيفية تأثير الظل على جسم مشاركات بلوجر

زوار ومتابعي المدونة

السلام عليكم ورحمة الله وبركاته

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

لا أريد أن أطيل عليكم نبدأ بالشرح .

- طريقة التركيب :

1- ادخل إلى مدونتك | ثم أختر تحرير قالب .

2- ابحث عن الوسم ]]></b:skin>

3- ضع كود الشكل الذي تختاره فوقه .

1- الشكل الأول:

هذا التأثير يضيف الظل الجميل حول المشاركات الخاص بك.

الـــــكـــــود

.post
{
box-shadow:1px 1px 4px #dcdcdc;
-moz-box-shadow:1px 1px 4px #dcdcdc;
-webkit-box-shadow:1px 1px 4px #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px #dcdcdc;
}

2- الشكل الثاني :

الــــــكــــود

.post
{
border:1px solid #dcdcdc;
border-top-right-radius:50px;
-moz-border-radius-topright:50px;
-webkit-border-top-right-radius:50px;
border-bottom-left-radius:50px;
-moz-border-radius-bottomleft:50px;
-webkit-border-bottom-left-radius:50px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:15px;
}

3- الشكل الثالث :

الـــــــكـــــود

.post
{
border:1px solid #dcdcdc;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

4- الشكل الرابع :

الــــــكــــود

.post
{
box-shadow:1px 1px 4px #7fbf4d;
-moz-box-shadow:1px 1px 4px #7fbf4d;
-webkit-box-shadow:1px 1px 4px #7fbf4d;
-goog-ms-box-shadow:1px 1px 4px #7fbf4d;
}

- وأخيراً إحفظ القالب .