3.3.x SnippetsEasy countdown bbcode

Snippets
Previous topicNext topic
User avatar

Topic Author
riofriz
Users
Users
Status: Offline
User theme: Dark
Posts: 20
Joined: Apr 21st, '20, 09:25
    Mac OS X Chrome

Easy countdown bbcode

Post by riofriz »

Here's a simple way of creating a countdown bbcode on your board:

Create the bbcode: in ACP -> posting -> bbcodes
BBCode usage

Code: Select all

[countdown={TEXT}][/countdown]
HTML replacement

Code: Select all

<div data-type="countdown" data-id="{TEXT}" class="tickcounter" style="width: 100%; position: relative; padding-bottom: 25%"><a href="//www.tickcounter.com/" title="Countdown">Countdown</a></div><script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script>
Step 2: Post a countdown
Navigate to: TickCounter
Create a countdown
In the next page, copy the countdown ID from the url
Insert the countdown ID into the new bbcode with the format

Code: Select all

[countdown=ID_HERE][/countdown]
Hope that helps! :eyes2:
User avatar

Rocco
New user
New user
Status: Offline
User theme: Dark
Posts: 3
Joined: Apr 12th, '20, 18:22
    Windows 10 Chrome

Re: Easy countdown bbcode

Post by Rocco »

Cool thanks
User avatar

Engelchen
Users
Users
Status: Offline
User theme: Dark
Posts: 13
Joined: Dec 25th, '21, 14:38
    Windows 10 Opera

Re: Easy countdown bbcode

Post by Engelchen »

Thank you :thumbup:
User avatar

max-ima
Users
Users
Status: Offline
User theme: Dark
Posts: 139
Joined: Mar 25th, '22, 06:11
    Windows 10 Firefox

Re: Easy countdown bbcode

Post by max-ima »

Thanks :tumbsyes:
Previous topicNext topic