How can i show 2 countdowns in sidebar? I mean how can i set 2 different dates/times? For countdown 1 and coundown 2? Is this possible?

It's not currently possible however it would be possible to do if a separate .xml file was coded with details that didn't conflict with details on the original .xml file and then imported that.
I'm currently supporting my daughter and my very sick 6yr old granddaughter who has just begun chemotherapy treatment. I hope you understand when I say that I just have no spare time nor the mindset to code at present.
If you can find someone else willing to code that .xml file for you, point them to this post where I give my consent for them to duplicate my work so that you can have your second counter.

It does not show up. Any solutions?
I'm using 4.2.1

do you know if this will work with 4.1.12

never mind ,it works great

I haven't upgraded to 4.2.X yet and so I can't test for issues. I'll probably upgrade in 2-3 weeks. I'm sorry I can't be of more help at the moment.

is the any way to use this in the same forum more than once

Not currently. See post #42 above please.

Works fine with 4.2.0. Thanks!

GMT/UTC OFFSET

how can i add GMT +3:30 ?

Try overwriting with the attached .xml please.

How do you turn the countdown so it doesn't display? I disabled the mod but it still shows up. I only want to use it when I actually have something to count down to.

Nevermind...figured it out! disabled the block.

works great with 4.2 p2

Just installed on my brand new forum, works great!

working good with 4.2.1 pl1. any chance you will someday make it into a widget to use in the cms?

I hadn't considered making a CMS widget, but I might do that after 2013 is over and done with.
Please mark as installed if you're using this countdown timer :).

done and thanks for the timer its perfect for counting down to basketballball games.

Not working for me,it doesnt show at all, i followed the instructions to the letter, it seems weird not having any html code in the content area other than <div></div>.

Sorry: We are running 4.2.0 PL3

The code is pulled from the template block_VC_Countdown

Could it be that you've not added that template name as shown in the image below (circled in red)?

https://vborg.vbsupport.ru/attachmen...5&d=1323987132

Yes sir i added it, the only thing i dont have that you have is a description, i never add a description.

I am using Bop5's sidebar everywhere if that makes a difference.

I just re enabled it and it's working but my image doesnt work and the timer is about 11 hours off, any ideas?

Edit: Nevermind, it's all working now, for some reason the helper was telling me my offset should be +/5.00 but that was incorrect,i changed it to -/5.00 and everything is good.

1 question,can you add a height variant option, the width is fine but the height squishes my image down, my image is 220X220 and by doing that you can up the text pixel size as 14px is a little small for us.


If i go into the code on line 32 and edit this to this and then re-upload and over write the xml will that make the change for me?

Yes, doing that will change the height of the image display.
You might also need to consider changing the height of the counter - look on line 62.
You might also need to play with the alignment of days,hrs,min etc but adding or removing spaces. Look on line 123.
Experiment to see how it looks by making one of those changes at a time until you get what you're looking for.

Alright thanx i'll give it a try and report back.

ok, so far so good, image @ 220px is good set font weight to bold, now on what line do i find the spacing between the counter numbers i want to move them closer because as i go up in size they move further out.

I don't believe that's an option I'm sorry. There is no adjustment for the spacing between the separate counter numbers. I've looked at the javascript and I can't see where/how that option could be included.

Thats cool, its working great and i will continue to tweak it, thanks for all your help.

I'm running vB 4.2.2. I'm checking in to see if this will work properly and if the installation instructions are updated/complete.

Thank you

It works on my 4.2.2 installation. The instructions remain unchanged.

Thanks for this great mod.

I'm trying to adjust the Forum Block to 220 x 220

For some reason I can't locate where I can adjust the lines for the sizes.
Any direction on where to locate it?

Thank you. Running 4.2.2

AdminCP/ Settings/ Options/ VC_Countdown > Forum Sidebar Width - change that to 220 using the drop down option.

I didn't include a height option but you might be able to achieve what you want by increasing the padding between some of the other options.
Check ... Event Name / Adjust padding between EVENT NAME and top of container and Adjust padding between EVENT NAME and COUNTDOWN NUMBERS

Thanks midnz,

Yes, the height is what I can't get to adjust. I wanted to know where to get into the coding to adjust.

I saw Ba'al where he mentioned changing the height in coding.
I don't know where to access that.

I'll still try and play around in the paddings, but seems to cut the numbers off and the cell height doesn't expand.

1. AdminCP > 2. Styles & Templates > 3. Search in templates > 4. ... type... block_VC_Countdown ... and press the "Find" button > 5. ... double click on that result to bring the template in to view. You can make edits to the font sizes in there.


If you screw it up you can depress the "Revert" button to reset that template back to the original one. You'll find that "Revert" button at 4. in the above directions. Good luck :)

Thank you! I found where to change the box to 220.

Next questions is how to allign and adjust font? Here are the couple things I want to do:

1. When I expand the box from 80 to 220, the text is top center alligned. Where and how can I center the text in the coding?

2. I want to bold the font so that it stands out more. Possible to change the font size? I would need specifics if possible on how to do this.

This would be a great start. Thanks again micnz.

The following HTML code is just one part of the CSS code (code within the STYLE tags) that affects one part of the Counter. You'll find the below piece of CSS code between the STYLE tags within the HEAD of the document.
Check the text-align: center; part. That allows you to center any text where you include id="period" in the coding between the BODY tags.

Using the CSS code above you can understand what part of the Countdown Timer it affects by looking at the DIV tags to find the code that has <div id="period" included.
NB: See the beginning of the above CSS code that says #period { ? That's your clue.

So, using the example above you can find the following part of the Countdown Timer that it affects. Whatever is in the CSS code above affects the HTML code below because it begins with <div id="period"

Using that logic you can find the DIV that you want to affect (<div id="name") and look in between the STYLE tags for the CSS code that begins with that same #name or .name and then edit, delete or add to that CSS code to change what you want.

Look again in the CSS code for the following:
font-size: 10px; (increase or decrease the number 10 to make your text bigger or smaller)

font-weight: bold; (add this line to the CSS code that relates to the <div> that you want to affect by making all text bold)

Great mod! I was thinking about adding something like this for a bit! Thank you midnz!