![]() |
تغيير شكل الترقيم داخل المشاركات في مدونات بلوجر |
تغيير شكل قوائم الترقيم داخل المشاركات بمدونات بلوجر
الكود يقوم بترتيب الأسطر المرقمة تلقائيا بشكل منسق وجميل
الإضافة من تصميم حسام تفاحي
خطوات تركيب الإضافة بالقالب:
- إذا وضعت هذه الإضافة من قبل قم بحذفها أولا .
- اذهب إلى لوحة التحكم بلوجر ثم تحرير القالب.
- خذ نسخة احتياطية من القالب قبل تركيب الإضافة.
- ابحث عن كلمة < 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;}
إرسال تعليق
من فضلك أردت أن أعرف الطريقة التي عندما أضغط على العنوان في تنسيق التعداد الرقمي أو النقطي يأخذني مباشرة إلى التفصيل.
ردحذفكيف تفعلها انت في قالب سكويز
ردحذفانا اريد ان اجعلها مثلك وانا عندي قالب سكويز مدفوع https://www.4matv.xyz/
ردحذفشرح جيد ألف شكرا على المجهود
ردحذف