أخر المواضيع

اضافة تنسيق التعداد الرقمى فى بلوجر بشكل مميز


Customizing-Numbered-List



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


  1.  إبحث عن الوسم ]]></b:skin>
  2. ضع الكود التالى فوقه 
  3. هذا هو الرقم الخاص باللون الأزرق #0062c4   عدله باللون المناسب لك 


.post ol{
counter-reset:li;
list-style: none;
*list-style: decimal;
margin-right:0;
padding-right:0
}
.post ol li{
position:relative;
margin:0 15px 20px 0 !important;
padding:4px 10px 4px 5px !important;
list-style:none;
*list-style: decimal;
border-bottom:1px solid #e2e3e2;
background:#f2f2f2;
text-indent:14px;
}
.post ol li:before {
  background:#0062c4;
  color: #fff;
  content: counter(li, decimal);
  counter-increment: li;
  font: bold 14px serif;
  margin: 0 0 10px;
  padding: 5px 3px !important;
  position: absolute;
  right: -9px;
  text-align: right;
  text-indent: 6px;
  top: -5px;
  width: 20px;
}
.post ol li:after {
  border-color: transparent #0062c4 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 0;
  content: "";
  height: 0;

  position: absolute;
  right: 17px;
  top: -5px;
  width: 0;
}
اخيراً أتمنى أن أكون أفدتكم لكم منى خالص التقدير

ليست هناك تعليقات