Countdown Plugin [library support]

[Amer]

You rock Sir, going to the library now

[Amer]

Sept 16, 2013 23:31:30 GMT -8 Wormopolis said:

v1.1.4 submitted to library

Wormopolis, please check my global banner at the bottom. It's showing two banners and the href link isn't working.

www.eurotopia.freeforums.net

[Wormopolis]

you have two copies of the plugin. and you need to choose what the link is on.

[Amer]

Sept 17, 2013 20:43:42 GMT -8 Wormopolis said:

you have two copies of the plugin. and you need to choose what the link is on.

Thanks Worm, didn't realize that. Now that it is working I have another confusing questions for you.

Can the countdown timer banner countdown text be overlayed on to my head banner?

[Wormopolis]

you would have to place it up in the forum wrapper. there is a div called banner container I believe it would go into

[inta]

I love this count down timer but I can't get it to work. I have put this into my global header but nothing shows up, is this plugin conflicting with another one I have, or have I just done it wrong?

[countdown:Christmas countdown=December 25 2013 12:00 AM]Ho Ho Ho[/countdown]

Also is the CSS for this in the >Advanced Styles & CSS >>>>> style sheet, because I can't it.

Many thanks in advance

[Wormopolis]

what you just put there is the format for putting it into a post. if you want it directly in the HTML, check the instructions tab in the plugin settings. it will show

<countdown class="countdown" title="Wormopolis Birthday" timestamp="Aug 26" message="Happy Birthday Wormo" href="http://www.happybirthday.com"/>

as an example

[tay666]

Jun 12, 2013 11:20:09 GMT -8 Wormopolis said:

the default width for a box is 590px. you just have to add in some CSS to set it to a lower size.

the current CSS is:

.countdown_default {width: 590px; height: 110px; color: #FFFFFF; background-color: #000000; border: 1px #FFFFFF solid}
.countdown_reached {width: 590px; height: 110px; color: #FFFFFF; background-color: #000000; background-image: url(http://i197./aa250/WORMOPOLIS/Animated-Border-Marquee.gif);}
.countdown_title {text-align: left; font-size: 12px;}
.countdown_timer {text-align: center; font-size: 16px;}
.countdown_message {text-align: right; font-size: 14px;]


so if you add in your own using those same selectors, it gets overrided.

And if we wanted to tweak the look of this, we would add this where?
Headers?
Footer?
Or directly into the CSS of our board?

[Wormopolis]

CSS of the board is the best place

[tay666]

Just add it to the end. Or is it already embedded in there somewhere from installing the plugin?

[Wormopolis]

the plugin has that default CSS added in, so you have to add your own to override it.

[strewth78]

hello.
ive pasted this countdown plugin in my HOME section as used the style pages to modify the CSS… all relatively well.

just two questions; can i place the message to the left and the clock to the right, rather than the clock underneath?
And how come my reached message still says 'it is now' when ive changed this both on th home template and in the 'event reached message' in the plugin settings.
whenever I change anything in the ".countdown_message" portion of the CSS, nothing changes.

added to home template:
<countdown class="countdown" title="Winter Meetings (27th Feb)" timestamp="jan 21 9:00 AM +1" message="FREE AGENCY HAS BEGUN"></countdown>

added to style sheet CSS:
/* Countdown */

.countdown_default { width: 250px !important; height: 37px !important; color: #fc5e05; font: johnnynav_tree_font; text-decoration: johnnynav_tree_decoration; z-index: 9; font: johnnynav_tree_font; background-color: johnnynav_tree_background_color !important; background-image: none; overflow: hidden; margin: 0px 0px 10px; .rounded-corners(johnnynav_tree_border_radius); border: 0pt !important;}

.countdown_reached { width: 250px !important; height: 37px !important; color: #ffffff; font: johnnynav_tree_font; text-decoration: johnnynav_tree_decoration; z-index: 9; font: johnnynav_tree_font; background-color: johnnynav_tree_background_color !important; background-image: none !important; overflow: hidden; margin: 0px 0px 10px; .rounded-corners(johnnynav_tree_border_radius); border: 0pt !important;}

.countdown_title { width: 250px !important; height: 22px !important; color: #fc5e05; font: johnnynav_tree_font; font-size: 12pt !important; background-color: johnnynav_tree_background_color; overflow: hidden; margin: -12px -5px -22px; .rounded-corners(johnnynav_tree_border_radius); text-align: center !important; }

.countdown_timer { width: 250px !important; height: 22px !important; color: #ffffff; font: johnnynav_tree_font; font-size: 10pt !important; background-color: johnnynav_tree_background_color; overflow: hidden; margin-left: -5px; .rounded-corners(johnnynav_tree_border_radius); }

.countdown_message { width: 250px !important; height: 22px !important; color: #ffffff; font: johnnynav_tree_font; font-size: 12pt !important; background-color: johnnynav_tree_background_color; overflow: hidden; .rounded-corners(johnnynav_tree_border_radius); }



thanks

[Wormopolis]

I have to look at the event reached message thing because that should be working. I havent messed with that part in a long time.

currently the way the plugin is written, the internal pieces of the countdown cant be re-arranged because of how it was converted over from V4 code. It has to be completely re-written in order to utilize jQuery to find internal parts.

as for the CSS

if its not overiding the default CSS, just add more specificity to your override.

if you have the countdown inside some div with id="mydiv", you can add this at the beginning of each CSS selector:


div#mydiv .countdown_message

or

div#mydiv .countdown_title

and it will override the default for sure.



eventually Im going to update this to allow for restructuring the internal. I will look into the event reached message thing when I get home

[strewth78]

hello.
Im still having issues with the countdown_message portion of the CSS

if i modify anything here (font size etc) it does not change it, even with an 'important!' after the command.
It also still says 'it is now' despite me having changed this in the plugin settings.

Im just a little lost with your mydiv suggestions, since I havent used those commands before. How should incorporate that into the above CSS I posted?

thanks again. I have 29 days till my countdown reaches, so plenty of time!

[Wormopolis]

ok the eventReachedMessage is a bug I just fixed. it was being overwritten by the old default from the pb4.5 version of the code. so I am pushing that tonight.

put the countdown you have on the home template, inside a new div:

<div id="specialcountdown"><countdown class="countdown" title="Winter Meetings (27th Feb)" timestamp="jan 21 9:00 AM +1" message="FREE AGENCY HAS BEGUN"></countdown></div>


then in your forum CSS, add div#specialcountdown to the beginning of all the selectors

div#specialcountdown .countdown_default { width: 250px !important; height: 37px !important; color: #fc5e05; font: Crim_tree_font; text-decoration: Crim_tree_decoration; z-index: 9; font: Crim_tree_font; background-color: Crim_tree_background_color !important; background-image: none; overflow: hidden; margin: 0px 0px 10px; .rounded-corners(Crim_tree_border_radius); border: 0pt !important;}

then it should for sure be able to override the default CSS. I dont know why its not doing it already, but I know adding higher specificity will make it more important