تغير شكل الترقيم في بلوجر داخل التدوينة احترافي تنسيق التعداد الرقمي في بلوجر
تغير شكل الترقيم في بلوجر داخل التدوينة احترافي تنسيق التعداد الرقمي في بلوجر
سلسة احتراف بلوجر على مدونة شبح الفلوجة
اليوم معنا درس جديد وهو تغير شكل تنسيق الارقام في بلوجر
صورة للتوضيح
من أهم تنسيقات صندوق كتابة المواضيع في بلوجر هو خيار التعداد الرقمي فهو يميز النقاط الهامة ويرتبها لكن هذا الخيار بدون تنسيق مميز في بلوجر لكن يمكن اعطائه تنسيق مميز يحسن من مظهره ويزيد من جذبه لإنتباه القارئ سيتم طرح تنسيقين اساسيين وطريقة تلوينهما بحسب رغبتك اكواد التنسيقات تضاف فوق الوسم
]]></b:skin>
سلسة احتراف بلوجر على مدونة شبح الفلوجة
اليوم معنا درس جديد وهو تغير شكل تنسيق الارقام في بلوجر
صورة للتوضيح
من أهم تنسيقات صندوق كتابة المواضيع في بلوجر هو خيار التعداد الرقمي فهو يميز النقاط الهامة ويرتبها لكن هذا الخيار بدون تنسيق مميز في بلوجر لكن يمكن اعطائه تنسيق مميز يحسن من مظهره ويزيد من جذبه لإنتباه القارئ سيتم طرح تنسيقين اساسيين وطريقة تلوينهما بحسب رغبتك اكواد التنسيقات تضاف فوق الوسم
]]></b:skin>
- الكود
.post ol{counter-reset:li;list-style: none;*list-style: decimal;margin-right:0;padding-right:0}.post ol li{position:relative;margin:0 15px 20px 0 !important;padding:4px 10px 4px 5px !important;list-style:none;*list-style: decimal;border-bottom:1px solid #e2e3e2;background:#f2f2f2;text-indent:14px;}.post ol li:before { background:#0062c4; color: #fff; content: counter(li, decimal); counter-increment: li; font: bold 14px serif; margin: 0 0 10px; padding: 5px 3px !important; position: absolute; right: -9px; text-align: right; text-indent: 6px; top: -5px; width: 20px;}.post ol li:after { border-color: transparent #0062c4 transparent transparent; border-style: solid; border-width: 5px 5px 0 0; content: ""; height: 0; position: absolute; right: 17px; top: -5px; width: 0;}
.post ol{counter-reset:li;list-style: none;*list-style: decimal;margin-right:0;padding-right:0}.post ol li{position:relative;margin:0 15px 20px 0 !important;padding:4px 10px 4px 5px !important;list-style:none;*list-style: decimal;border-bottom:1px solid #e2e3e2;background:#f2f2f2;text-indent:14px;}.post ol li:before { background:#0062c4; color: #fff; content: counter(li, decimal); counter-increment: li; font: bold 14px serif; margin: 0 0 10px; padding: 5px 3px !important; position: absolute; right: -9px; text-align: right; text-indent: 6px; top: -5px; width: 20px;}.post ol li:after { border-color: transparent #0062c4 transparent transparent; border-style: solid; border-width: 5px 5px 0 0; content: ""; height: 0; position: absolute; right: 17px; top: -5px; width: 0;}
تعليقات
إرسال تعليق