Mini Mods - RepliClock Current date and time on main navbar

RepliClock

This little mod will put the date and current time on the main navbar on every page. The date and time fonts, color, sizes, and visibility can be configured via CSS. It works on screens all the way down to 320px wide without interfering with view.

Desktop view

Mobile View

Demo - See it on my live site k5bp.com

To install, download the XML file. Go to AdminCP >> Manage Products >> [Add/Import Product].
This mod does not modify any core Vbulletin files.

Enjoy! Please mark as installed if you find this mod useful.:up:

ToDo: Add 12 hour time option

[BugOutGirl]

thanks!

[Replicant]

A CSS collision was identified that causes the Message center to not display properly in responsive mode. The CSS has been corrected in the new version. To upgrade, download the XML file. Go to AdminCP >> Manage Products >> [Add/Import Product].
Click the allow overwrite checkbox after selecting the XML file.

[JaySeeEm]

PHP Code:

        // Added after seconds variable
        var ampm = h >= 12 ? 'PM' : 'AM';
        h = h % 12;
        h = h ? h : 12; 


You then need to add the ampm variable to the end of this line: ' + ampm added before ;

PHP Code:

        document.getElementById('time').innerHTML = h + ":" + m + ":" + s + " " + ampm; 


Incase anyone wants to display the time in the 12 hour format with am or pm.

If there is a better way, let me know!

- Justin

[Replicant]

Originally Posted by JaySeeEm

PHP Code:

        // Added after seconds variable
        var ampm = h >= 12 ? 'PM' : 'AM';
        h = h % 12;
        h = h ? h : 12; 


Incase anyone wants to display the time in the 12 hour format with am or pm.

If there is a better way, let me know!

- Justin

Nice. I have an AM/PM version, I just never uploaded it since nobdy seamed too interested. Nice coding style. :up:

[joshskeety]

The only problem with that extra code is it doesn't say AM or PM, just the 12 hour time clock.. Not a big deal, and it works.. Thanks for taking the time to share both of yours...