تغيير شكل الترقيم داخل المشاركات في مدونات بلوجر Change the shape of punctuation in posts

Hamdy Elmasry يناير 09, 2017 أغسطس 22, 2017
للقراءة
كلمة
4 تعليق
نبذة عن المقال: تغيير شكل قوائم الترقيم داخل المشاركات بمدونات بلوجر بشكل منسق وجميل
-A A +A

Change the shape of punctuation in posts in blogs Blogger
 تغيير شكل الترقيم داخل المشاركات في مدونات بلوجر



تغيير شكل قوائم الترقيم داخل المشاركات بمدونات بلوجر
 الكود يقوم بترتيب الأسطر المرقمة تلقائيا بشكل منسق وجميل
الإضافة من تصميم حسام تفاحي



خطوات تركيب الإضافة بالقالب:

  1. إذا وضعت هذه الإضافة من قبل قم بحذفها أولا .
  2. اذهب إلى لوحة التحكم بلوجر ثم تحرير القالب. 
  3. خذ نسخة احتياطية من القالب قبل تركيب الإضافة.
  4. ابحث عن كلمة < b:skin / > واضف فوقه مباشراً الكود التالي ثم اضغط على حفظ القالب:




/* CSS PostStyle by Arabtiknia*/ .post ul{list-style:inherit}.post ol{counter-reset:li; list-style: none;*list-style: decimal;margin-top:6px;padding-left:0} .post ol li{position:relative;margin:0 0 8px 15px !important;padding:4px 30px 8px 5px !important;list-style:none; *list-style: decimal;background: rgba(245, 245, 245, 1); /* background color of each element */ border:1px solid #EBEBEB;text-indent:14px;} .post ol li:before{content: counter(li); counter-increment: li; position: absolute; right: 5px; width: 20px; margin: 0 0 10px 0; padding: 4px !important; color: #fff; background: #446FAA; text-indent: 6px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1); border-radius: 2px;} .post ol li:after{content: ''; border: 10px solid transparent; border-left-color: #446FAA; float: left; margin-top: 3px;} .post ol li:hover:after {margin-left: 5px;border-left-color: #446FAA;transition: all 0.3s ease-out;}


شارك المقال لتنفع به غيرك

Hamdy Elmasry

الكاتب Hamdy Elmasry

قد تُعجبك هذه المشاركات

إرسال تعليق

4 تعليقات

  1. من فضلك أردت أن أعرف الطريقة التي عندما أضغط على العنوان في تنسيق التعداد الرقمي أو النقطي يأخذني مباشرة إلى التفصيل.

    ردحذف
  2. كيف تفعلها انت في قالب سكويز

    ردحذف
  3. انا اريد ان اجعلها مثلك وانا عندي قالب سكويز مدفوع https://www.4matv.xyz/

    ردحذف
  4. شرح جيد ألف شكرا على المجهود

    ردحذف

3686505706883518796
https://www.forulike.com/