هناك من يحب ان يعلم زواره بالتاريخ الحالي خصوصاً المواقع الإخبارية والتقنية التي تنزل اخبار وتاريخ اليوم يوضح مدى حداثة تلك الأخبار هذه الإضافة هي إعداد وتطوير حصري لكن مدون
هناك اصدارين من هذه الإضافة الإصدار الأساسي وهي الصيغة العادية للتاريخ ويمكنك رؤية مثال حي كما في النموذج التالي
الأربعاء / 29 / ابريل / 2015 م
هذا الإصدار يحتاج بعض الحرفية في الإضافة حتى تنتقي له مكان مناسبب في القالب مثلا في القائمة العلوية او ما الى ذلك وطبعا يصعب توضيح تركيب هذا الإصدار لان كل قالب مختلف عن الآخر لكن من لديه خبرة بسيطة بالقوالب سيكون قادراً على تركيبه
وهذا هو الكود الخاص به اضفه في المكان المناسب
- الكود:
-
<script src='https://cnmu.googlecode.com/svn/trunk/2015/date-melady.js' type='text/javascript'></script>
ويمكنك استخدام هذا الكود معه لتلوين الخط الاساسي يضاف فوق الوسم
- الكود:
-
cnmumeladate {color: #fff;}
.fasel {color: #ddd;}
هذا اللون #fff هو لون التالريخ
وهذا #ddd هو لون الفواصل
أما من يريد الكود بشكل منسق كالتالي
يضاف مباشرة في آداة HTML/JavaScript
- الكود:
-
<style>
#cnmumeladate {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 2px #000;
display: block;
height: 120px;
width: 140px;
}
.cnmdaylabel {
background-color: #e70307;
border-bottom: 1px solid #bbb;
border-radius: 5px 5px 0 0;
color: #fff;
float: right;
font: bold 18px tahoma;
margin-bottom: 5px;
padding: 3px 0 5px;
text-align: center;
width: 100%;
}
.daylnum {
color: #555;
display: block;
float: right;
font: bold 70px/70px serif;
height: 70px;
overflow: hidden;
text-align: center;
width: 80px;
}
.month {
float: left;
font: 20px tahoma;
margin-top: 12px;
text-align: center;
width: 60px;
}
.year {
float: right;
font: bold 18px serif;
margin: 2px 5px;
}
.melady {font: bold 18px serif;}
.fasel {display: none;}
</style>
<script src='https://cnmu.googlecode.com/svn/trunk/2015/date-melady.js' type='text/javascript'></script>
يمكنك تغيير اللون الأحمر باللون الذي تريد
تجربة موفقة مع تحياتي