السلام عليكم و رحمة الله تعالى وبركاته, بعد غياب طويل عن اضافات بلوجر عدت لكم و بقوة <3 انشاء الله نرتقي بالمحتوى العربي.
لاحضت ان العديد من الاشخاص يقومون باستعمال نفس الشكل للقوائم المرقمة لبلوجر في مدوناتهم و بعضهم يستعملون شكل يستعمل الاف المدونات.
اليوم اتيت لكم يشكل جديد للقوائم المرقومة بسيطة و انيقة في نسختها الاولى (v1)
- انضم لاعضاء المدونة من: هنا
- ادا كنت قد وضعت هده الاضافة من قبل فقم بحدفها
- ادهب الى لوحت تحكم المدونة تم اضغط "تحرير HTML"
- ابحث عن </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;}
- الان اضغط على حفظ القالب و مبروك ^_^
انضم لمتابعين المدونة وشارك المقال يا رائع !!
كلمات دلالية:
إرسال تعليق