Micolai
07-01-2020, 02:13 PM
I'm sure there are more ways of doing this, but I managed to add a clock to the bottom of my sidebar that displays the date and time for each individual person. Meaning, it will display the correct time for you if you are Eastern hemisphere, Northern, etc.
- Go to: timeanddate.com (https://www.timeanddate.com/clocks/free.html)
to make your clock. After you have it made it'll give you a code to copy. Mine looked like this:
<iframe src="http://free.timeanddate.com/clock/i7bcmac9/n843/fn9/bls3/brs3/bts0/bbs3/tt0/tw0/tm1/ts1/tb4" frameborder="0" width="193" height="38"></iframe>
- Then you'll want to open up your template.tpl file from your file manager. You'll want to paste your code in the body area, so here is my body code with the clock code pasted in. You can see what it's in between.
<body>
<div id="wrapper">
<table cellspacing="0" cellpadding="0">
<tr><th colspan="2">{$menu}</th></tr>
<tr><td colspan="2" id="image"><span><a href="{$path}index">{$site_name}</a></span></td></tr>
<tr><td id="menu">
{$sidebar}
<iframe src="http://free.timeanddate.com/clock/i7bcmac9/n843/fn9/bls3/brs3/bts0/bbs3/tt0/tw0/tm1/ts1/tb4" frameborder="0" width="193" height="38"></iframe>
</td><td id="content">
<h1>{$document_title}</h1>
<p>{$document_content}</p>
</td></tr>
<tr><td colspan="2" id="footer">{$footer}</td></tr>
</table>
</div>
</body>
and that's it! ^^
- Go to: timeanddate.com (https://www.timeanddate.com/clocks/free.html)
to make your clock. After you have it made it'll give you a code to copy. Mine looked like this:
<iframe src="http://free.timeanddate.com/clock/i7bcmac9/n843/fn9/bls3/brs3/bts0/bbs3/tt0/tw0/tm1/ts1/tb4" frameborder="0" width="193" height="38"></iframe>
- Then you'll want to open up your template.tpl file from your file manager. You'll want to paste your code in the body area, so here is my body code with the clock code pasted in. You can see what it's in between.
<body>
<div id="wrapper">
<table cellspacing="0" cellpadding="0">
<tr><th colspan="2">{$menu}</th></tr>
<tr><td colspan="2" id="image"><span><a href="{$path}index">{$site_name}</a></span></td></tr>
<tr><td id="menu">
{$sidebar}
<iframe src="http://free.timeanddate.com/clock/i7bcmac9/n843/fn9/bls3/brs3/bts0/bbs3/tt0/tw0/tm1/ts1/tb4" frameborder="0" width="193" height="38"></iframe>
</td><td id="content">
<h1>{$document_title}</h1>
<p>{$document_content}</p>
</td></tr>
<tr><td colspan="2" id="footer">{$footer}</td></tr>
</table>
</div>
</body>
and that's it! ^^