Senior Member
- Group
- Helper
- Posts
- 14,612
- Status
- Offline
|
|
CITAZIONE (Leodom1 @ 15/1/2019, 13:51) E bravo Akom! Quindi, vuoi dire che saresti in grado di renderlo visibile anche qui? ... Perdonami ma...purtroppo io non ho a disposizione quei 3-quattrocentanni di tempo, per poterne venire a capo! Buonasera Leodom1.
Se intendi questa sezione: https://funghi-della-garfagnana-e-degli-am....it/?f=11278482 puoi inserire il countdown tu direttamente in Codici HTML.
Giorni | Ore | Minuti | Secondi | 70 | 04 | 45 | 02 |
Per tua comodità ti riporto il codice che trovi anche nel Forum che ti ho linkato:
Credits FFMagazine: https://ffmagazine.forumfree.it/?t=67272892
Codice da inserire in Codice HTML che sarà mostrato in CIMA a tutte le pagine:
HTML <script type="text/javascript" src="https://ffmagazine.forumfree.net/bored/r/r.min.js"></script> <script type="text/javascript" src="https://ffmagazine.forumfree.net/bored/g/mustache.js"></script> <script type="text/javascript" src="https://ffmagazine.forumfree.net/frostman/dev.js"></script>
Codice da inserire in Colori e Stili:
CODICE /* COUNTDOWN */ .block {display: inline-block; background: linear-gradient(#DCDCDC,#6B6B6B); box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.5), 0 1px 0 0 rgba(255, 255, 255, .10); border-radius: 5px; font-size: 32pt; padding: 15px; font-weight: bold; min-width: 50px; min-height: 25px;} .block span {display: block; margin-top: -60px; font-size: 13pt; color: #1B1B1B; letter-spacing: 0}
Codice da inserire in CODICI HTML DOVE VOLETE CHE APPAIA IL COUNTDOWN:
HTML <table style="background: linear-gradient(#ffffff,#c6c6c6); border: 1px solid #000; border-radius: 10px 10px 0 0;color:#333333;text-align:center;box-shadow: rgba(0, 0, 0, 0.8) 0 0 9px 5px;" cellpadding="5" cellspacing="5">
<tr> <td><div class="countdown"> <script type="text/x-mustache" id="countdown_template" data-countdown="12:00 22/03/2019"> {{#notFinish}} <div class="block">{{days}} <span style="color:gray; font-weight: bold; text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 3px black, 0 0 1px black, 0 0 1px black; font-size:14pt;">GIORNI</span> </div> <div class="block">{{hours}} <span style="color:red; font-weight: bold; text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 3px black, 0 0 1px black, 0 0 1px black; font-size:14pt;">ORE</span> </div> <div class="block">{{minutes}} <span style="color:red; font-weight: bold; text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 3px black, 0 0 1px black, 0 0 1px black; font-size:14pt;">MINUTI</span> </div> <div class="block">{{seconds}} <span style="color:gray; font-weight: bold; text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 3px black, 0 0 1px black, 0 0 1px black; font-size:14pt;">SECONDI</span> </div> {{/notFinish}} {{#finish}} <img src="https://i.imgur.com/mTLG1kP.jpg"> {{/finish}} </script> </div></td> </tr>
</table>
Hai tutti i codici necessari, bastano un paio di copia/incolla e sei a posto.
Ovviamente dovrai modificare la data che io ho messo solo come esempio e l'immagine che esce alla fine del conteggio
|
|