»نشرت فى : »بواسطة : »ليست هناك تعليقات

تغيير شكل القوائم المرقمة داخل التدوينات بشكل انيق 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

    اضف تعليقاً عبر:

  • blogger
  • disqus

الابتسامات

0102030405060708091011121314151617181920212223242526272829303132333435363738394041424344

كافة الحقوق محفوظة لمدونة عرب تيش 2016