Joomla Templates Club 406,261 posts

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#656351

Hello,

I was wondering if anyone could point out the way to insert the local tiome under or in the date block on the home page?

see http://prntscr.com/814fui

Many thanks,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#656474

You can find and change it from templates/ja_teline_v/tpls/blocks/header.php file


<div class="col calendar">
<div class="col-inner">
<span class="number date"><?php echo date('d') ?></span>
<div class="text">
<span class="day"><?php echo JText::_(date('D')) ?></span>, <span class="month"><?php echo JText::_(date('F').'_SHORT') ?></span>
</div>
</div>
</div>


1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#658575

Thanks, Ninja, but is that the code that is already there?
If so, what could be the additional code to add local server time

3:15:02 p.m.

(that shows the seconds moving as a user see it)

Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#658655

You can try with my tweak as below:

Open templates/ja_teline_v/tpls/blocks/header.php file

find and change

<div class="text">
<span class="day"><?php echo JText::_(date('D')) ?></span>, <span class="month"><?php echo JText::_(date('F').'_SHORT') ?></span>
</div>

to

<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <span class="time"><?php echo JText::_($date->format('H:i:s A')) ?></span>
</div>

1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#744750

You can try with my tweak as below:

Open templates/ja_teline_v/tpls/blocks/header.php file

find and change

<div class="text">
<span class="day"><?php echo JText::_(date('D')) ?></span>, <span class="month"><?php echo JText::_(date('F').'_SHORT') ?></span>
</div>

to

<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <span class="time"><?php echo JText::_($date->format('H:i:s A')) ?></span>
</div>

1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#658949

Thanks Ninja!

I added <br><br> (the little html i know!) to put some space between the date and time , and then I added one <br> towards the end to get a little more margin space just below the time but it doesnt create that extra space – see http://prntscr.com/81x75z

The code now is:

<div class="col-inner">
<span class="number date"><?php echo date('d') ?></span>
<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <br> <br> <span class="time"><?php echo JText::_($date->format('H:i:s A')) ?> <br> </span>
</div>
</div>

1) How could I acheive a little more grey space below the time?
2) Is there a way to make the time clock “live” by incrementing second by second, and minute by minute?
3) I am working my with web hoster to get the time to be local time in my part of the world, they are telling me to create a PHP.INI file certain content in it. Is that where your code will get the time from?

Many thanks

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#744800

Thanks Ninja!

I added <br><br> (the little html i know!) to put some space between the date and time , and then I added one <br> towards the end to get a little more margin space just below the time but it doesnt create that extra space – see http://prntscr.com/81x75z

The code now is:

<div class="col-inner">
<span class="number date"><?php echo date('d') ?></span>
<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <br> <br> <span class="time"><?php echo JText::_($date->format('H:i:s A')) ?> <br> </span>
</div>
</div>

1) How could I acheive a little more grey space below the time?
2) Is there a way to make the time clock “live” by incrementing second by second, and minute by minute?
3) I am working my with web hoster to get the time to be local time in my part of the world, they are telling me to create a PHP.INI file certain content in it. Is that where your code will get the time from?

Many thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#659266

You can find the solution with your question

#1) Open templates/ja_teline_v/css/custom.css file (create new if it does not exist) and add new rule


.calendar span.number.date {
margin-top: -8px !important;
}

.calendar .text {
margin-top: -4px important;
}


#2, 3) You can get your time zone with the setting from Global Configuration backend of your site, see the screenshot

1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#744962

You can find the solution for your question as below

#1) Open templates/ja_teline_v/css/custom.css file (create new if it does not exist) and add new rule


.calendar span.number.date {
margin-top: -8px !important;
}

.calendar .text {
margin-top: -4px important;
}


#2, 3) You can get your time zone with the setting from Global Configuration backend of your site, see the screenshot

1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#659665

Thanks Ninja, I did those twow things and it is perfect.

The only remaining queston is, do you know how to make the clock “live”?
So that the seconds and minutes increment in live time in front of a users eyes?

Thanks,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#659732

@seaneo: Your request is custom work if you are developer, you can apply the solution into your site with for reference here

1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#659975

Unfortunatly I am not a developer, but thank you anyway foir the reference.

Ok, I retreat, lol..

One final question, in this code you gave me:

<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <span class="time"><?php echo JText::_($date->format('H:i:s A')) ?></span>
</div>

What would be the adjustment to change from:

10:03:46 AM

to:

10:03 AM

Many thanks,

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#745132

Unfortunatly I am not a developer, but thank you anyway foir the reference.

Ok, I retreat, lol..

One final question, in this code you gave me:

<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <span class="time"><?php echo JText::_($date->format('H:i:s A')) ?></span>
</div>

What would be the adjustment to change from:

10:03:46 AM

to:

10:03 AM

Many thanks,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#660043

You can change as below

from


<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <span class="time"><?php echo JText::_($date->format('H:i:s A')) ?></span>
</div>


to


<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <span class="time"><?php echo JText::_($date->format('H:i A')) ?></span>
</div>


1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#745199

You can change as below

from


<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <span class="time"><?php echo JText::_($date->format('H:i:s A')) ?></span>
</div>


to


<div class="text">
<?php
$date = new DateTime();
$config = JFactory::getConfig();
$date->setTimezone(new DateTimeZone($config->get('offset')));
?>
<span class="day"><?php echo JText::_($date->format('D')) ?></span>, <span class="month"><?php echo JText::_($date->format('F').'_SHORT') ?></span> <span class="time"><?php echo JText::_($date->format('H:i A')) ?></span>
</div>


1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[Author]

Posts