Joomla Templates Club 406,261 posts

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#186089

Hi All
as mentioned elsewhere David (shapes) Myself and others have been playing around to get JA countdown into a smaller package.
While I have it at where I wish to display it and a size that is ok I warn its not fully responsive . . . yet.
I may have to reduce the circles etc a bit smaller than my vision would like to achieve that 🙂

I have packaged it as a installable module reusing ja coundown parameters etc.

I’ll ask Arvind to review and see if JA will take it and refine to responsive module size and release.

Please DO NOT ask me for a copy as this is a modification on JA’s work, and I do not want to get a ban, face execution etc 😀 it was a simple challenge in reply to a JA support member saying it was a customisation that was beyond support scope and probably in the don’t want to do basket.

The results are here
http://www.monsoftwebdesign.net/Stuart/default.html

the Day circle remains blank until the Hour counter passes zero and restarts, but works fine

Blessings Shannon

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#487718

Thanks for the sharing your results.

Modifying the size of JA Countdown clock will take a lot of time of us, as my colleagues, Stock has said that: “need to customize javascript code a lot” so we can’t give fully support about this problem.

But with this we can give out the suggestion about where to change the code.
So in order to change size of JA Countdown Module, here is the steps

1. Change the background image in
modules/mod_jacountdown/tmpl/layout1/img/bg.png

and
modules/mod_jacountdown/tmpl/layout1/img/top.png
to new size you want.

2. Go to file:
modules/mod_jacountdown/tmpl/layout1/css/jacclock.css

Find these lines:
.ja-countdown .topLayer {
background-image: url("../img/top.png");
background-repeat: no-repeat;
height: 300px;
position: absolute;
width: 300px;
}

Change height and with to the value you want.

3. Go to:
modulesmod_jacountdowntmpllayout1layout.php

Find these lines:

<canvas id="canvas_days" width="188" height="188">

<canvas id="canvas_hours" width="188" height="188">

<canvas id="canvas_minutes" width="188" height="188">

<canvas id="canvas_seconds" width="188" height="188">
Change height and with to the value you want.

4. Go to file
modulesmod_jacountdowntmpllayout1jsjacclock.js

ctx.arc(94,94,85, deg(0), deg((360/glob.total - glob.days)*(glob.total)));

ctx.arc(94,94,85, deg(0), deg(15*glob.hours));

ctx.arc(94,94,85, deg(0), deg(6*glob.minutes));
<blockquote>ctx.arc(94,94,85, deg(0), deg(6*glob.seconds));</blockquote>

with first number 94 is your height/2, and second number 94 is your width/2, and the last number is height-9.

Please backup your file before processing.

1 user says Thank You to Luna Garden for this useful post

1. pressmar

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#487741

Hey appreciate your help. I’d figured to get a good result I’d need to go to a 50% figure (94 px) I had done as you suggested and am pleased to see I’m on the right track
Blessings Shannon

1 user says Thank You to tfosnom for this useful post

1. Luna Garden

[Author]

Posts