News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Timer / odbrojavanje

Started by Roman96, September 25, 2016, 08:25:06 AM

Previous topic - Next topic

Roman96

Lijep pozdrav, zanima me kako dodati timer odnosno brojač do nekog datuma?
Primjer:

koristim forum SMF 2.0.11

Dzonny

Pozdrav!

Zavisno od toga gde želiš da se taj tajmer pokazuje edituješ neki od template fajlova u temi..
U osnovi, to je jednostavna php skripta kakvu možeš naći kojekuda po netu, samo malo proguglaj ;)

Roman96

ovako bih htio. A što se tiče te php skripte ne može biti toliko jednostavna ako se ne razumiješ u to tako da bi mi svaka pomoć dobro došla  :D

Dzonny

Ako želiš da ti se prikazuje na svakoj stranici treba editovati Index.template.php tvoje teme i kod ubaciti ispod menija, a ako želiš samo na početnoj strani onda boardIndex.template.php.

Skripte možeš naći kojekuda po netu, kao i tutorijale za php ili js countdown, npr:
http://www.hashemian.com/tools/javascript-countdown.htm
http://stackoverflow.com/questions/4508488/how-to-make-a-countdown-using-php (ovde imaš dosta predloga i primera)
https://www.sitepoint.com/build-javascript-countdown-timer-no-dependencies/

Roman96

ovo je taj fajl, a kamo sad ubaciti taj kod  :-\
hxxp:www.sendspace.com/file/kjhlxy [nonactive]

Dzonny

Evo probaj ovaj..

Sama js skriptica:

<script type="text/javascript">

today = new Date();

BigDay = new Date("December 25, 2016");
msPerDay = 24 * 60 * 60 * 1000 ;
timeLeft = (BigDay.getTime() - today.getTime());
e_daysLeft = timeLeft / msPerDay;
daysLeft = Math.floor(e_daysLeft);
e_hrsLeft = (e_daysLeft - daysLeft)*24;
hrsLeft = Math.floor(e_hrsLeft);
minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);
document.write("<H4>" + daysLeft + " dana " + hrsLeft +" sati i " + minsLeft + " minuta je ostalo do </H4> 25 Decembra 2016.");

</script>

Roman96

Radi sve ok. Samo su dosta sitna slova/brojke, pa ako je to moguće povećati. Također, taj text je na lijevoj strani pa bi bilo poželjno da je u sredini, a i text obojati u neku boju.   ??? ???


Dzonny


Roman96

ne radi mi to. Uopće ne vidim timer kad ga ubacim. I još je problem da se minute "smanjuju" automatski nego kad refresham stranicu.

Dzonny

Obriši margin: 0 auto; iz koda koji sam dodao, vidi da li onda radi. Ne mogu ja da probam sve to sa tvojim template fajlom pa napamet pišem, isprobaj malo sam da modifikuješ to što sam ti poslao, malo promeni html i radiće :)

Advertisement: