برمجة اضافة Using a Calendar Icon as the Post Date Header باستخدام أيقونة التقويم باعتباره رأس التاريخ المشاركة

akbear مارس 07, 2018
التاريخ الميلادي ويمكنك التعديل
[smallpreview.png]
تنزيل ما يناسبك
orangevolt calendar widget
التطبيق البحث عن
<head>=====================
تحته ضع الكود
=====================
<!-- orangevolt calendar widget -->
<script src='http://anniebluesky.googlepages.com/fastinit.js'/>
<script src='http://anniebluesky.googlepages.com/prototype-1.5.0.js'/>
<script src='http://anniebluesky.googlepages.com/orangevolt-calendar.js'/>
<link href='http://anniebluesky.googlepages.com/calendar.css' rel='stylesheet' type='text/css'/>
<!-- end calendar widget -->

=====================
وقم بالبحث عن هذا
=====================
<data:post.dateHeader/>=====================
واستبدله بهذا
=====================
<h2 class='date-header'>
<data:post.dateHeader/>
</h2>

=====================
واخيرا قم بالبحث عن
=====================
]]></b:skin>=====================
واضف الكود هذا فوقه
=====================
/* Calendar
----------------------------------------------- */
span.cal {
background:transparent url('CALENDAR IMAGE. URL') no-repeat scroll 0%;
float:left;
height:49px;
width:48px;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin-right: 13px;
}

span.cal_month {
color:#FFFFFF;
display:block;
font-size:11px;
line-height:11px;
margin-left:-3px;
padding-top:2px;
text-align:center;
text-transform:uppercase;
}

span.cal_day {
color:#999999;
display:block;
font-size:18px;
line-height:18px;
margin-left:-3px;
padding-top:8px;
text-align:center;
text-transform:uppercase;
}

=====================

وبالتوفيق
akbear

مرسلة بواسطة akbear

إرسال تعليق

0 تعليقات