U3F1ZWV6ZTUxMDQ2MzAxNjU5X0FjdGl2YXRpb241NzgyODQxNjc3MTg=
recent
أخبار ساخنة

تغير شكل الترقيم داخل المواضيع بشكل جميل

                       تغير شكل الترقيم داخل المواضيع بشكل جميل

هذه الموضوع الذي سوف اقدمه لكم هو تغير شكل الترقيم داخل المواضيع للمدونه بلوجر زي شكل الترقيم في قالب وات التقني وكما يعرف الجميع هو قالب مدفوع ولكن هذه الاضافة مجانية وفي جميله جدا  والجمال كي لاأطيل عليكم
طريقة تركيب الاضافة

  1. قم بذهب  الي لوحة تحكم مدونتك
  2. اذهب الي قالب ثم تحريرhtml
  3. قم بوضع هذا الكود فوق الوسم        ]]>
/* CSS ol li */ .widget .post-body ol li { line-height: 1.8 !important; font-size: 14px; position: relative; display: block; padding: .4em 1.75em .4em 2em; margin: 0.3em -10px; background: rgba(238, 238, 238, 0.55); color: #444; -webkit-border-radius: .3em; transition: all .5s ease-out; width: 92%; } select#selectnav1 { display: none; } .widget .post-body ol li:before{ content: counter(li); counter-increment: li; position: absolute; right: -25px; top: 50%; margin-top: -1.3em; background: #797979; height: 2.5em; color: #fff; width: 2.5em; line-height: 33px; border: .3em solid rgb(255, 255, 255); text-align: center; font-weight: bold; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 3em; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .widget .post-body ol li a{ color: #444; } .widget .post-body ol li:hover:before{ -webkit-transform: rotate(720deg); -moz-box-shadow: 0 0 10px #0f3,0 0 30px #0f3,0 0 50px #0f3,0 1px 3px #000!important; color: #444; } .widget .post-body ol li:hover{ background: #eee; color: #444; } .widget .post-body ol{ counter-reset:li; list-style:none outside none; font-size:15px; padding:0; margin-right:20px; margin-top:0; margin-bottom:0 } .widget .post-body ol{ list-style:none outside none; font-size:15px; } .btn-btn2 { display: table; margin: 0 auto; }

  1. ثم اذهب  بحفظ القالب
  2. والان من داخل المشاركات في مدونتك عندما تضغط علي شكل الترقيم وتكتب سيتغر الشكل
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة