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

[Replicant]

Version 1.0.1
A CSS collision was identified in 1.0 that causes the Message center to not display properly in responsive mode. The CSS has been corrected in 1.0.1.

Version 1.0.1 is 24 hour format
Version 1.0.2 is 12 hour format with AM/PM

[anwar513]

Plug-good, text display only English?

[Replicant]

Originally Posted by anwar513

Plug-good, text display only English?

Only english, yes. It's all I know. I haven't done any type of translation programming and have no clue how to go about it. Sorry.

[Spangle]

Is it time zone specific or does it display the time where the server is based or the Admins time zone ?

[Replicant]

Originally Posted by Spangle

Is it time zone specific or does it display the time where the server is based or the Admins time zone ?

It should display the timezone you are in automatically.

[fionix]

Do you have any DEMO to see it?

[Replicant]

Originally Posted by fionix

Do you have any DEMO to see it?

Sure, that would be nice huh? Added a link in the first post and here

[BugOutGirl]

Finally got around to getting this guy installed. Looks fantastic, I am probably more excited about it than I should be.
What CSS code can I use to change the font size/colour?

[Replicant]

This is the default css for the text

.rc-text {
	color: #858585;
	font-weight: bold;
}

All of the CSS is in the CSS template css_RepliClock.css
There is also CSS for smaller screens in that template.

You can play with the font sizes and colors in the development environment by right clicking on the clock and inspecting element. Then when you get it dialed in, edit the css template in the style manager for each style and change it to your code.