الجمعة، 16 يناير، 2015

طريقة جعل ظهور المشاركات بشكل دائرى Add rounded posts

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






كيفية تغير الشكل الافتراضى الى الشكل الدائرى

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














قم بالبحث عن هذا الكود :
 .post
{
ضع هذا الكود بأخرة او فى اولة المهم مرعاة الأقواس :
border:1px solid #CFCFCF;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
للتوضيح اكثر اذا افتراضنا بأن الكود الذى بحثت عنة يحتوى بداخلة هذه الاكواد :
.post {
margin: 0 0 20px 0;
text-align:justify;
}
ستضع الكود هكذا اى قبل القوس :
.post {
margin: 0 0 20px 0;
text-align:justify;
border:1px solid #CFCFCF;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;

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

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

إرسال تعليق

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