recent
أخبار ساخنة

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

Hamdy Elmasry
الصفحة الرئيسية

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


google-playkhamsatmostaqltradent