أضافة التاريخ الهجري للمدونة

نبدأ الموضوع بسم الله

من الجميل جدا إن يكون التاريخ الهجري موجود على مدونتك إذا كانت مدونتك دينية إو إيضا متعلقه في هذا المجال 


التاريخ الهجري : وهو تاريخ المسلمين والذي يبدأ من هجرة النبي محمد صلى الله عليه وإله وسلم من مكة إلى المدينة المنورة  

لأضافه هذا التاريخ إلى مدونتك 

توجه إلى المدونة >تخطيط > إضافة أداة > HTML/JavaScript 

وأضف هذا الكود 




<style type="text/css">
.cnmu-hijrid {
background-color: #3da04b;
border: 4px solid #fff;
border-radius: 4px;
box-shadow: 0 0 2px #000;
color: #fff;
margin: 10px auto;
width: 170px;
}
.cnmu-hijrid .datname {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 0 50px #000 inset;
display: block;
font-size: 16px;
height: 32px;
line-height: 32px;
text-align: center;
}
.cnmu-hijrid .datnum {
background-color: #000;
border-radius: 4px;
display: inline-block;
float: right;
font-size: 24px;
height: 48px;
line-height: 48px;
margin: 10px 10px 10px 0;
text-align: center;
width: 48px;
}
.cnmu-hijrid .month {
display: block;
float: left;
font-family: times new roman;
font-size: 20px;
margin: 5px;
text-align: center;
width: 100px;
}
.cnmu-hijrid .yearf {
background-color: #fff;
border-radius: 2px;
color: #000;
display: inline-block;
float: left;
font-size: 20px;
height: 24px;
line-height: 24px;
margin-bottom: 5px;
margin-left: 18px;
text-align: center;
width: 80px;
}
.fasel1,.fasel2,.fasel3 {display: none;}
</style>
<script type="text/javascript" src="https://cdn.rawgit.com/cnmu/2015-16/master/Hijridate.js"></script> 
<script type='text/javascript'>
document.write(writeIslamicDate(0))
</script>


بعدها أضغط على موافق 

تمت الأضافة

أهم التعديلات على الكود

السنة الهجرية هي سنة قمرية ويمكن التغيير من شهر لشهر 
الرقم (0) وهذا يعني إن التاريخ تمام 
إما إذا كان التاريخ يزيد يوم فغيرها إلى (1) وإذا كان ينقص يوم غير الرقم إلى (1-)
الكود الذي باللون الأزرق #3da04b وهذا لون الإضافة ويمكن تغييره باللون الذي تريده

لأضافة هذا الكود داخل تدوينة فقط قم بوضع الكود الذي باللون البرتقالي داخل المدونة في تبويب HTML 
وبهذا تنتهي التدوينة

الكود منقول من كن مدون
1- لاتبخل علينا بتعليق تعليق منك يدعمنا
2- لا نبيح بنقل المواضيع دون ذكر المصدر
معلومات عن التدوينة الكاتب : Unknown بتاريخ : الخميس، 11 فبراير 2016
المشاهدات :
عدد التعليقات: 0، للإبلاغ عن رابط معطوب اضغط هنا
250x300

شكرا لتعليقك
عرب ويب