Titolo del post

« Older   Newer »
 
  Share  
.
  1. Akom74
     
    .
    Avatar

    Senior Member

    Group
    Helper
    Posts
    14,612

    Status
    Offline
    CITAZIONE (Leodom1 @ 15/1/2019, 13:51) 
    E bravo Akom! :rolleyes: Quindi, vuoi dire che saresti in grado di renderlo visibile anche qui? :shifty: ...

    2_53


    Perdonami ma...purtroppo io non ho a disposizione quei 3-quattrocentanni di tempo, per poterne venire a capo!:D ;)

    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.

    GiorniOreMinutiSecondi
    70044502


    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 :D :P

    ;)
     
    .
82 replies since 17/12/2018, 22:56   3556 views
  Share  
.