إضافة قائمة ترقيم احترافية للموضوع
بسم الله السلام عليكم
ورحمة الله وبركاته أهلا بكم متابعينا الأعزاء في مدونة عملاق النت
في تدوينة
جديدة وهي إضافة ترقيم عناوين
الموضوع بشكل مميز ورائع يزيد الموضوع أكثر جمالا شاهد الصورة
طريقة
تركيب الإضافة
- يجب أولا حذف الكود إن كنت قمت بتركيبه سابقا
- توجه الى القالب ثم تحرير html
- ابحث عن ]]></b:skin> وضع فوقه الكود التالي
/* CSS PostStyle by JazairiWeb*/ .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;}
الأن
عند كتابة موضوع وتريد ترقيم عناوين بالشكل الذي تحدثنا عنه
يكفيك فقط اختيار كما
هو موضح بالصورة
الى
هنا نكون قد انتهينا من الشرح أي مشكلة تواجهك يكفيك وضوع رد وسوف نساعدك عن شاء
الله
ليست هناك تعليقات: