http://net-piont2013.blogspot.com/2014/10/digital-census-blogger.html
السلام عليكم ورحة الله وبركاته
اليوم عندنا اضافة جميلة للمدونات بلوجر عملت الموضوع وهو طلب من احد اعضاء المدونةوهي
تغيير شكل قائمة ذات التعداد الرقمي لبلوجر بشكل احترافي Digital census blogger
بحيث يكون شكل اكثر احترافية واكثر جمالا تابعوا كيفية اضافة لمواضيع مدوناتكم
الاضافة اكيد راح تعجبكم
بالنسبة للمعاينة
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
اذا اعجبتكم الاضافة ارجوا التعليق ولو بكلمة واحدة
اذا اعجبتكم الاضافة ارجوا التعليق ولو بكلمة واحدة
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
كيفية تركيب الاضافة
قم بالذهاب للقالب ثم تحرير HTML
واضف الكود التالي فوق ]]>
.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"}
ol ol{margin:0 2em 0 0}
.rounded-list ol li:before {
counter-increment: li;
position: absolute;
right: -1.3em;
top: 50%;
margin-top: -1.3em;
height: 2em;
width: 2em;
line-height: 2em;
border: 0.3em solid #227472;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all 0.3s ease-out 0s;
content: counter(li, decimal);
background-color: #004543;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9), 0px 0px 3px rgba(0, 0, 0, 0.9) inset;
color: #FFF !important;
font-family: a;
}
.rounded-list ol li {
font-family: ge_dinar_tworegular;
display: block;
padding: 0.4em 2em 0.4em 0.4em;
margin: 0.5em 0px;
background: rgba(4, 19, 46, 0.43);
color: #A6A6A6;
text-decoration: none;
border-radius: 0.3em;
transition: all 0.3s ease-out 0s;
position: relative;
}
.rounded-list ol li:hover:before{transform:rotate(360deg)}
.rounded-list ol li:hover {
background-color: #20606B;
color: #FFF !important;
}
كيفية تغيير الالوان المودة في الاضافة
اللون الوردي وهو الذي يحيط دائرة الرقم
اللون السمائي وهو الذي يكون لون خلفية في الدائرة
اللون الازرق وهو لون خط الرقم وهو ابيض
اللون البرتقالي وهو لون خلفية الشريط للاضافة
اللون الاصفر وهو لون خط الموجود في الشريط
اللون الاحمر وهو لون خلفية الشريط بعد مرور الماوس عليها
اللون الاخضر وهو نوع الخط غيره او اتركه بما يعجبك
بعد ان اكلمت وانتهيت من شكل الاضافة من حيث الالوان ونوع الخط
يمكنك الان حفظ النموذج
وعندما تريد كتابة موضوع اضف الكود التالي
وفي الأخير, فضلا اترك تعليقا إذا كان لديك سؤال أو استفســـــار.
فـــي أمــــــــــــــــان الله تعــــــــالــــــى وحفظــــه
تابعنا على الفيس بوك