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

الكاتب: Hamdy Elmasryتاريخ النشر: آخر تحديث: وقت القراءة:
للقراءة
عدد الكلمات:
كلمة
عدد التعليقات: 4 تعليق

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;}


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

إرسال تعليق

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

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

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

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

    ردحذف

3686505706883518796

العلامات المرجعية

قائمة العلامات المرجعية فارغة ... قم بإضافة مقالاتك الآن

    البحث