Post Top Ad

Your Ad Spot

السبت، 27 أبريل 2013

كيفية اضافة تأثير الظل حول مشاركات المدونة shadow around posts

http://www.kingnt.com/2013/04/shadow-around-posts.html
درسنا اليوم درس للتزين والتجميل لشكل المشاركات بالمدونة بطريقة وضع تأثيرات الظل حول المشاركات ليعطى شكل مميز لمشاركات المدونة سواء بالصفحة الرئيسية للمدونة او من داخل المشاركات فعند اضافة هذه الخاصية بمدونتك ستجد بأن تم وضع تأثيرالظل حول مربعات المشاركات وكما اتعود عندما ابحث عن كل ما هو جديد بمدونات بلوجر سواء بالمدونات العربية او الاجنبية  لن ابخل عليكم اطلاقا وسأضع الجديد لكم لكى تعم الفائدة على الجميع ودائما عندما اضع اى اضافة او بعض الدروس لن اقول لكم بأن هذه الأضافة او الدرس من صنعى او من اجتهادى الشخصى لأن هذا كذب وسرقة حقوق ولكنى دائما احب الصراحة وبخصوص الصراحة فهذه التدوينة رأيتها بمدونة اجنبية واحببت ان اضعها لكم بطريقتى الخاصة الأن نأتى الى طريقة تركيب هذه الأضافة الرائعة والجميلة واعتقد بأنها ستعجبكم .


صورة موضحة للشكل بعد التركيب :

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

شرح تركيب الأضافة :

ا ذهب الى لوحة تحكم مدونتك وقبل تركيب اى كود يجب اخذ نسخة احتياطية ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير HTML


http://www.kingnt.com/2013/04/shadow-around-posts.html
 لان اضغط على CTRL + F من الكيبورد لظهور عملية البحث 
ابحث عن هذا الكود :
.post {

اضف بعدة مباشرة هذا الكود :

margin:0 0 30px 0;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
border: 1px solid #dcdcdc;
   border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
-moz-box-shadow:5px 5px 5px #888888;
-web-kit-box-shadow: 5px 5px 5px #888888;
-goog-ms-box-shadow: 5px 5px 5px #888888;
box-shadow:5px 5px 5px #888888;

اضغط على حفظ التغيرات وانتهى التركيب وعندما تذهب الى صفحتك الرئيسية بالمدونة ستجد الأضافة الرائعة متواجدة بمدونتك سواء بالصفحة الرئيسية او من داخل المشاركات الرجو بأن هذه الطريقة اعجبتكم ونقل هذه التدوينة تستحق ذلك (( لا خير فى كاتم العلم ))

مصدر هذه التدوينة :  http://www.windroidclub.com/2013/01/add-shadow-around-blogger-posts.html

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

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad