Major Additions - Add Islamic Date To Your Forum

Hello (Assalam-o-Alykum)

This is a simple template edit that adds Islamic(Hijri) date along with Gregorian date at the bottom of every page of your forum.

Step 1:

Download & Upload the file Hijri_calendar.js to Clientscript folder under your forum root folder.

Step 2:

In your Header template add the following code on top (or anywhere):

<script type="text/javascript" src="clientscript/hijri_calendar.js"></script>

Save the template.

Step 3:

In your Footer template find:

<div id="footer_time" class="shade footer_time">{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>

and replace it with the following code:

<div id="footer_time" class="shade footer_time">
            <script type="text/javascript">document.write(writeIslamicDate());</script> <br />
{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>

Click Save and you are done !!


Optional Step:
if Islamic date is showing one day behind then use the following code to replace it with the code you found in Step 3 (in footer template):

<div id="footer_time" class="shade footer_time">
            <script type="text/javascript">document.write(writeIslamicDate(1));</script> <br />
{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>

Hit save and your are good to go !!

Here is a live DEMO

All Credit Goes to: THIS GUY
Here is the Arabic Translation:

[JAFRI]

i fixed.

Wednesday, February 08, 2012, Rabi-ul-Awal 15, 1433 A.H

Check my site header : http://bit.ly/AoOU8N

[tafreeh]

yes Its showing a day behind. If you wish you can share the fix for others as well.

[abyanhost]

Wa Alaikum Al Salam,

Thanks for this script, I also translated it to Arabic. (Just translated the months and days names).
Upload the attached file for Arabic sites, with utf8 encoding.
Check this site for arabic demo.

http://www.abyanboard.net

Regards,