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



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

شرح طريقة التركيب, معاينة توجد في التدوينة :

  1. ادا وضعت هده الاضافة من قبل قم بحدفها اولا
  2. ادهب الى لوحة التحكم ثم تحرير "HTML"  
  3. ابحث عن كلمة  <b:skin/>  واضف فوقه مباشراً الكود التالي:
/* CSS PostStyle by JazairiWeb*/ .post ul{list-style:inherit}.post ol{counter-reset:li; list-style: none;*list-style: decimal;margin-top:6px;padding-left:0} .post ol li{position:relative;margin:0 0 8px 15px !important;padding:4px 30px 8px 5px !important;list-style:none; *list-style: decimal;background: rgba(245, 245, 245, 1); /* background color of each element */ border:1px solid #EBEBEB;text-indent:14px;} .post ol li:before{content: counter(li); counter-increment: li; position: absolute; right: 5px; width: 20px; margin: 0 0 10px 0; padding: 4px !important; color: #fff; background: #446FAA; text-indent: 6px; -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); border-radius: 2px;} .post ol li:after{content: ''; border: 10px solid transparent; border-left-color: #446FAA; float: left; margin-top: 3px;} .post ol li:hover:after {margin-left: 5px;border-left-color: #446FAA;transition: all 0.3s ease-out;}

  1. أزال المؤلف هذا التعليق.

    ردحذف
  2. شكرا إضافة مميزة

    ردحذف
  3. اخي اضفت الكود لكن عندما ادون لا تظهر القائمة

    ردحذف
  4. اخي كيف اقوم بوضع صندوق الاكواد مثلك في مدونتك

    ردحذف
  5. اخي لاجد كود مالعمل

    ردحذف
  6. لا تعمل القالب الذي لدي هو قالب نسيم من تصميم عالم المدون هل من طريقة

    ردحذف

إذا أعجبك محتوى موقع جزائري ويب اتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...