تغيير شكل القوائم المرقمة داخل التدوينات بشكل انيق v1

تغيير شكل القوائم المرقمة داخل التدوينات بشكل انيق v1

القوائم المرقمة,بلوجر,اضافات بلوجرعرب ويب,تغيير شكل القوائم المرقمة في بلوجر

القوائم المرقمة بلوجر


السلام عليكم و رحمة الله تعالى وبركاته, بعد غياب طويل عن اضافات بلوجر عدت لكم و بقوة <3 انشاء الله نرتقي بالمحتوى العربي.
لاحضت ان العديد من الاشخاص يقومون باستعمال نفس الشكل للقوائم المرقمة لبلوجر في مدوناتهم و بعضهم يستعملون شكل يستعمل الاف المدونات.
اليوم اتيت لكم يشكل جديد للقوائم المرقومة بسيطة و انيقة في نسختها الاولى (v1)



    تركيب الاضافة

  1. انضم لاعضاء المدونة من: هنا
  2. ادا كنت قد وضعت هده الاضافة من قبل فقم بحدفها
  3. ادهب الى لوحت تحكم المدونة تم اضغط "تحرير HTML"
  4. ابحث عن </b:skin> و اضف فوقه الكود التالي


/* css ol style- By Ara1tech */
ol {list-style: none outside none;font: 21px "Lobster",ge_ss_threeregular  !important;}#mido-ara1tech-trtib ol li {position: relative;display: block;border: solid 1px #E0E0E0;padding: 0.4em 1.8em 0.4em 2em;margin: 0.5em 0px;background: #F0F0F0;color: #444;text-decoration: none;border-radius: 0.3em;transition: all 0.3s ease-out 0s;}.sb .box_content{color: #A6A6A6;padding:10px;margin:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}ol{counter-reset:li;list-style:none outside none;font:15px "trebuchet MS","lucida sans";padding:0;margin-right:-4px;margin-top:0;margin-bottom:0}ol{list-style:none outside none;font:15px "trebuchet MS","lucida sans"}#mido-ara1tech-trtib ol li:before {content: counter(li, decimal);counter-increment: li;position: absolute;right: -1.0em;top: 57%;margin-top: -1.3em;height: 2.2em;width: 2.2em;line-height: 1.7em;border: 0.3em solid #FFF;text-align: center;font-weight: bold;border-radius: 2em;transition: all 0.3s ease-out 0s;color: #fff !important;background: #3c6c96;-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);}ol ol {margin: 0px 2em 0px 12px;}#mido-ara1tech-trtib ol li:hover:before{transform:rotate(360deg)}#mido-ara1tech-trtib ol li:hover {-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);color: #FFF !important;}
  1. الان اضغط على حفظ القالب و مبروك ^_^


انضم لمتابعين المدونة وشارك المقال يا رائع !!
كلمات دلالية:

تغيير شكل القوائم المرقمة داخل المشاركات

اضافة بلوجر احترافية

اضافة قائمة منسدلة بلوجر

اضافات بلوجر احترافية

اضافات بلوجر css

قد تُعجبك هذه المشاركات