World Clock on your forum

[Cobro]

i made this for my board becous a can't trust the server clock :) so i just use the world clock witch is allways right

So in your AdminCP/Styles & Templates/Style Manager then Expand Templates
and then in click on forum home templates and then FORUMHOME template then

find
$header
and below add

<DIV ALIGN=CENTER>
your code of world clock
</DIV>

code look's like this

<iframe src="http://free.timeanddate.com/clock/i11meuiw/n179" frameborder="0" width="82" height="18"></iframe>

and you are done :)


Note you can have the code on what ever page you want

this link is better i think (http://www.timeanddate.com/clocks/free.html?n=285)

http://www.timeanddate.com/worldclock/


hope you all like it's very simple :)

[aamirkhj]

Thank you nice and simple, Installed.

[silver surfer]

nice :D

-installed-

[Mookie]

Cobro nice mod! **Installed**

I did a few addition to the code thought you and maybe someone else may like. I attached a text file of the change and a jpg of 2 different layouts.

[Kangaroo666]

Nice mod Cobro.

Great addition Mookie!

Thanks guys, looks great and is installed. :)

[Dingo14]

nice mod from both thanks

[Cobro]

Cobro nice mod! **Installed**

I did a few addition to the code thought you and maybe someone else may like. I attached a text file of the change and a jpg of 2 different layouts.

Wow your version much nicer thanks

your version installed!

[Dingo14]

I went to site and changed a few things edited the clocks and the css background code this is end result

https://vborg.vbsupport.ru/external/2008/06/34.jpg

[Cobro]

I went to site and changed a few things edited the clocks and the css background code this is end result

https://vborg.vbsupport.ru/external/2008/06/34.jpg

maby you want to tell us what you did so we can have it like yours

[Dingo14]

ok I used the code supplied by Mookie went to site for clocks http://www.timeanddate.com/clocks/free.html?n=70 this one allows you to set place, time, date colors etc, see pic above and then went into the css code of my vb style added background color chose text color at the bottom of site you will see html code only edit the iframe parts of the code dont remove other code just change the clocks that are there now for your new ones hope this helps

[Mookie]

Very Nice Dingo :up:

[Cobro]

thank you very nice

[Dingo14]

hey could'nt have done it without your coding in the first place and members are rapt with the clocks in different zones

[R1chardYoung]

Used this... looks great. Nice simple but great :)

[Cobro]

yes simple and great

[Jase2]

Tip: Use lower-case and quote marks here for xhtml compliance:

<div align="center">
your code of world clock
</div>

[RedskinsFan1]

Does anyone know how to put the code right under the "currently active users" and "statistics" part of the forum but above the footer? I'd really appreciate your help in this. Also if anyone is interested in the world clock with the following cities already built in: Los Angeles, Washington, D.C., Paris, Nairobi, Shanghai and Sydney I have attached the code. Note: it has been derived from Mookie's.

Thanks,

-RedskinsFan1.

[Jinkasu]

I installed the World Clock from the text File, thanks, really helpful for our round the world players for online gaming :)

How do i make it so that only certain usergroups can see it, wouldnt want everyone else using up my bandwidth to check the time in places!

Thanks

[Mathiau]

Cobro nice mod! **Installed**

I did a few addition to the code thought you and maybe someone else may like. I attached a text file of the change and a jpg of 2 different layouts.

how can i change the color of the text and background

[lucky51]

thanks working click instal

[legionofangels]

Would be better if it was an actual image of a clock, rather than text.

[needaltuna]

Mookie, I applied your modifications. Turned out great except for one thing: there is a small white border around the time and date text. How do I get rid of this border, so that the color is uniform?

http://content.imagesocket.com/images/clock743.jpg (http://imagesocket.com/view/clock743.jpg)

[Dingo14]

you need to got to site for clocks and add your css style background color

[needaltuna]

Thanks, Dingo, that fixed the problem.

[baghdad4ever]

installed

[johnny713]

Thank, what I'm been looking for

[Eq4bits]

wonderful! *clicks install*
I added 5 of these suckers in a table right below my navbar for the timezones corresponding to the majority of my members. Now they can see at a glance that the person they may be waiting a reply from might be visiting with the sandman or at work!

[GSeybold]

OH MY GOD I FRIGGEN DID IT! I've never done any coding in my life. Well is cutting and pasting coding the same? THANKS so much for this. It looks great on my forum and much needed!

I'm so proud of myself. I think I'm celebrate! LOL

THANK YOU COBRO AND MOOKIE!

[GSeybold]

Ok Mayday Mayday... I replaced some clock code as shown but the clock in the far right hand side appears on the left above the world clock box. Ok what did I do wrong? please explain in very layman's terms:) LOL I cppied Mookies stuff and just replaced with what I needed.

<!-- World Clock -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="6" align="center"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_world')"><img id="collapseimg_forumhome_world" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_forumhome_world].gif" alt="" border="0" /></a>World Clock
</td>
<tbody>
<tbody id="collapseobj_forumhome_world" style="$vbcollapse[collapseobj_forumhome_world]">
<td class="thead" colspan="6">
<tr align="center">
<td class="thead">Los Angeles</td>
<td class="thead">Denver</td>
<td class="thead">New York</td>
<td class="thead">Montreal</td>
<td class="thead">London</td>
<td class="thead">Amsterdam</td>
</tr>
</td>

<td class="alt1" colspan="6">
<tr align="center">
<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n137/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>

</td>
<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n75/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>

</td>
<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n179/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>

</td>
<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n165/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>

</td>
<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n136/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>

</td>
<iframe src="http://free.timeanddate.com/clock/i11v60q3/n16/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>

</td>
</tr>
</td>
</tr>
</tbody>


</thead>
</table>
<br />
<!-- end World Clock -->

[GSeybold]

Can anyone help me with this asap? This mod is very worthwhile for my forum and I would like to get it up and running asap.. Thank you:)

[Nadeemjp]

nice. installed

[Dingo14]

width="90" try making this smaller

[GSeybold]

HI Dingo. Thank you . I've tried with several numbers. stilll doing this same.

Any other suggestions?

[Dingo14]

try a few things font size might be to big or try another font, it is the width that is causing the problem, i played around for a bit until i got it right

[Janfri]

Thank you very much for the nice code. I integrated it as a template module in vbadvanced cmps and it works brilliant. As I am building a translation site, I put some translation-related clickable links in the headers, instead of only names of cities. You can see it here. (http://thetranslation.org) For those of you just want to overwrite the links and make their own cmps module, I leave the code below:
<tr>
<td class="thead" colspan="5">
<tr align="center">
<td class="thead"><a href="http://cits.hawaii.edu/">Center for Interpretation and Translation Studies, University of Hawaii</a></td>

<td class="thead"><a href="http://www.uh.cu/facultades/flex/default.htm">Facultad de Lenguas Extranjeras, Universidad de la Habana</td>

<td class="thead"><a href="http://www.unige.ch/eti/index.html">Ecole de traduction et d'interpr?tation, Universit? de Gen?ve</a></td>

<td class="thead"><a href="http://www.tsinghua-translation.org.cn/index.htm">Center for Translation and Interdisciplinary Studies, Tsinghua University
Beijing</a></td>
<td class="thead"><a href="http://www.arts.auckland.ac.nz/subjects/index.cfm?P=1158">Translation & Interpreting, University of Auckland</a></td>
</tr>
</td>

<td class="alt1" colspan="5">
<tr align="center">
<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n103/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>
</td>

<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n99/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>
</td>
<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n87/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>
</td>

<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n33/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>
</td>
<td class="alt1"> <iframe src="http://free.timeanddate.com/clock/i11v60q3/n22/fc3e5c92/tcf5f5ff/ftb/tt0/tw0/tm1/th1/ts1/tb4" frameborder="0" width="90" height="34"></iframe>
</td>

</tr>
</td>
</tr>
Thanks again and best regards
Janfri

[GSeybold]

Got it fixed. I missed a piece of code:)

[ArnyVee]

This is VERY cool! :)

I've added it to my site at www.WaltDisneyBoards.com/forums.php if you'd like to check it out! I'm tracking the times at all 5 Disney resorts around the world! :D

Now, just have to work to get the font colors just right and everything. But thanks for the help everyone!

[ArnyVee]

I just noticed that I have some spaces that I'd like to eliminate just above both areas (the clock and table headings) of the table. They have the white borders too. How can I adjust that?

[Janfri]

As I said above, I installed this mod and found it brilliant. But I uninstalled it because it is not valid XHTML and causes 27 mistakes on my page. I'ts a pity, I really like it, but I can't fix it myself.:( Does anybody have a XHTML compliant version of this code?
Best regards
Janfri

[GSeybold]

Janfri
What are these 17 causes if I may ask. Or at least a few. I've had mine installed for about a week with no problems.

[Janfri]

Janfri
What are these 17 causes if I may ask. Or at least a few. I've had mine installed for about a week with no problems.
Hi,
have a look at it , http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fthetranslation.org%2F
Regards
Janfri

[Armageddonz]

Thanks a lot this really make things simple and nice.

[ArnyVee]

I just noticed that I have some spaces that I'd like to eliminate just above both areas (the clock and table headings) of the table. They have the white borders too. How can I adjust that?

Had a friend that was able to fix it!

I guess that I had some extra tables or something in it. :)

Thanks again for this great mod! :D

[Janfri]

I have found a solution, at least for my installation, making a module for vbadvanced CMPS, which is valid XHTML. If somebody is interested, see this thread on vbadvanced.
(http://www.vbadvanced.com/forum/showthread.php?p=157821#post157821)
Best regards,
Janfri

[smokering]

thank you both excellent'e

[intospain]

Simple and effective, thanks for sharing with us :D

[segwayon]

Alas, I had to remove the world clock feature because a few users come in with iPhones, and one said the clock feature was causing the forum load times to increase substantially.

[Cobro]

Nice to see people are intrested in this mod and mod it as you like it thank you for the support

[momo2]

very nice, thank you

[RageRaft]

Nice find. I also found out that you can go to the first world clock link and copy the HTML code into one of your templates. :)

[LAKELURKER001]

dowloaded but installed mookie,s that had full date and time ,very nice mookie

[steve1966]

cool thanks mookie

[compact123]

woww very nice, thnx...

https://vborg.vbsupport.ru/

[joh]

compact123, How did you get the clock image?
Guys, do you all have a way to add the weather.
Do you all have away to let my users set his/her own area for the time and weather.
where the heck is code monkey?

[damlost]

i cant download the clock

[damlost]

ok i got it but how did compact123 get those images

[damlost]

ok i figure this much how 123 got those images but dont know who to add them Horizontal can someone help

<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objUSNY=new Object;objUSNY.wtsclock="wtsclock001.swf";objUSNY.color="FF9900";objUSNY.wtsid=" US-NY";objUSNY.width=100;objUSNY.height=100;objUSNY.wmod e="transparent";showClock(o bjUSNY);</script></td></tr><tr><td align="center"><h2>california</h2></td></tr></table>

<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objUSNY=new Object;objUSNY.wtsclock="wtsclock001.swf";objUSNY.color="228B22";objUSNY.wtsid=" US-NY";objUSNY.width=100;objUSNY.height=100;objUSNY.wmod e="transparent";showClock(o bjUSNY);</script></td></tr><tr><td align="center"><h2>texas</h2></td></tr></table>

<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objUSNY=new Object;objUSNY.wtsclock="wtsclock001.swf";objUSNY.color="008080";objUSNY.wtsid=" US-NY";objUSNY.width=100;objUSNY.height=100;objUSNY.wmod e="transparent";showClock(o bjUSNY);</script></td></tr><tr><td align="center"><h2>chicago</h2></td></tr></table>

<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objUSNY=new Object;objUSNY.wtsclock="wtsclock001.swf";objUSNY.color="0000FF";objUSNY.wtsid=" US-NY";objUSNY.width=100;objUSNY.height=100;objUSNY.wmod e="transparent";showClock(o bjUSNY);</script></td></tr><tr><td align="center"><h2>new york</h2></td></tr></table>

<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objUSNY=new Object;objUSNY.wtsclock="wtsclock001.swf";objUSNY.color="FF0000";objUSNY.wtsid=" US-NY";objUSNY.width=100;objUSNY.height=100;objUSNY.wmod e="transparent";showClock(o bjUSNY);</script></td></tr><tr><td align="center"><h2>uk</h2></td></tr></table>

[Cobro]

thank you all for making this better this looks nice now keep up the good work

[Cobro]

woww very nice, thnx...

http://img370.imageshack.us/img370/1192/adsztq0.png


this mod looks very nice :up:

[Drago13]

awesome hack... thanks...

[sflmkv]

I'm not the greatest coder but here's my side by side...

<!-- World Clock -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="6" align="center"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_world')"><img id="collapseimg_forumhome_world" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_forumhome_world].gif" alt="" border="0" /></a>World Clock
</td>
<tbody>
<tbody id="collapseobj_forumhome_world" style="$vbcollapse[collapseobj_forumhome_world]">

<tr align="center">
<td class="alt1"><table border="0" cellspacing="0" cellpadding="5"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objUSFL=new Object;objUSFL.wtsclock="wtsclock001.swf";objUSFL.color="000066";objUSFL.wtsid="US-FL";objUSFL.width=100;objUSFL.height=100;objUSFL.wmod e="transparent";showClock(objUSFL);</script></td></tr><tr><td align="center"><h2>Miami</h2></td></tr></table>
</td>

<td class="alt1"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objUSCO=new Object;objUSCO.wtsclock="wtsclock001.swf";objUSCO.color="000066";objUSCO.wtsid="US-CO";objUSCO.width=100;objUSCO.height=100;objUSCO.wmod e="transparent";showClock(objUSCO);</script></td></tr><tr><td align="center"><h2>Denver</h2></td></tr></table>
</td>
<td class="alt1"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objDE=new Object;objDE.wtsclock="wtsclock001.swf";objDE.color="000066";objDE.wtsid="DE";objDE.width=100;objDE.height=100;objDE.wmode="transparent";showClock(objDE);</script></td></tr><tr><td align="center"><h2>Berlin</h2></td></tr></table>
</td>

<td class="alt1"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objGB=new Object;objGB.wtsclock="wtsclock001.swf";objGB.color="000066";objGB.wtsid="GB";objGB.width=100;objGB.height=100;objGB.wmode="transparent";showClock(objGB);</script></td></tr><tr><td align="center"><h2>London</h2></td></tr></table>
</td>

<td class="alt1"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objAUNSW=new Object;objAUNSW.wtsclock="wtsclock001.swf";objAUNSW.color="000066";objAUNSW.wtsid="AU-NSW";objAUNSW.width=100;objAUNSW.height=100;objAUNSW.w mode="transparent";showClock(objAUNSW);</script></td></tr><tr><td align="center"><h2>Sydney</h2></td></tr></table>
</td>

</tr>
</tr>
</tbody>
</thead>
</table>
<br />
<!-- end World Clock -->

[Eq4bits]

compact123, How did you get the clock image?
Guys, do you all have a way to add the weather.
Do you all have away to let my users set his/her own area for the time and weather.
where the heck is code monkey?
For adding weather I use wunderground.com
find the location of the weather you want to display, then scroll down that 'stations' page till you get to the "Free Weather Stickers? for Your Homepage" box, click the link to go to that page. I put mine in the individual subforum description, but you could easily put it *anywhere* on a forum page.

[Eq4bits]

Alas, I had to remove the world clock feature because a few users come in with iPhones, and one said the clock feature was causing the forum load times to increase substantially.
I haven't had anyone report any iPhone issues... I use a Samsung Propel with AT&T when I'm mobile and haven't had any problems, of course it's a bit slower when I'm not in a 3G area. Perhaps you could add a mobile style/theme that can be used by your iPhone users when mobile, just don't have the clocks on that style/theme.

[ricardoNJ]

Testing! :)

[goldoff]

Downloaded, customized installed and workig fine!

Thanks to Cobro and Mookie :up:

[imported_silkroad]

This would be a great mod to use with GeoIP. Then, you can show various different clocks to users based on the country (or continent) or city they are it when viewing your forums.

[Philippe J]

Doesn't seem to work with vbulletin 4.03.
Can anybody help ?
Thanks ! ;)