{"id":11,"date":"2025-03-07T17:33:34","date_gmt":"2025-03-07T17:33:34","guid":{"rendered":"http:\/\/uliberdev.it\/?page_id=11"},"modified":"2025-03-17T15:34:55","modified_gmt":"2025-03-17T15:34:55","slug":"strip-calcio-1","status":"publish","type":"page","link":"http:\/\/uliberdev.it\/index.php\/strip-calcio-1\/","title":{"rendered":"\u25b6\ufe0fStrip Calcio"},"content":{"rendered":"<p>\u26a1Le strip si aggiornano automaticamente, possibile personalizzare colori e dimensioni. Per la strip news \u00e8 possibile selezionare una fonte di dati a proprio piacimento.<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\">STRIP RISULTATI LIVE<\/h2>\n<div id=\"matchStrip\">\r\n    <div id=\"matchContent\"><\/div>\r\n<\/div>\r\n<script src=\"https:\/\/uliberdev.it\/js\/strip-risultati-live.js\"><\/script>\r\n\n<style class=\"wpcode-css-snippet\">#matchStrip {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    background: #D1D8DC;\r\n    color: #1D2A44;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    padding: 10px 0;\r\n    position: relative;\r\n}\r\n\r\n#matchContent {\r\n    display: inline-block;\r\n    padding-left: 70%;\r\n    animation: scrollText 100s linear infinite;\r\n}\r\n\r\n@keyframes scrollText {\r\n    from {\r\n        transform: translateX(0%);\r\n    }\r\n    to {\r\n        transform: translateX(-100%);\r\n    }\r\n}\r\n\r\n@keyframes blink {\r\n    50% { opacity: 0; }\r\n}\r\n\r\n.blinking {\r\n    animation: blink 1s infinite;\r\n    color: red; \/* Puoi cambiare il colore se vuoi *\/\r\n    font-weight: bold;\r\n}<\/style>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\">STRIP NEWS<\/h2>\n<div class=\"news-ticker\">\r\n    <div class=\"ticker-wrapper\"><\/div>\r\n<\/div>\r\n<script src=\"https:\/\/uliberdev.it\/js\/strip-news.js\"><\/script>\n<style class=\"wpcode-css-snippet\">.news-ticker {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #2C3E50;\r\n    color: white;\r\n    padding: 10px 0;\r\n    position: relative;\r\n}\r\n\r\n.ticker-wrapper {\r\n    display: flex;\r\n    white-space: nowrap;\r\n    animation: ticker-scroll 470s linear infinite; \/* Durata dell'animazione *\/\r\n    width: max-content; \/* La larghezza si adatta al contenuto *\/\r\n}\r\n\r\n.ticker-item {\r\n    padding: 0 20px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n}\r\n\r\n\/* Animazione per far scorrere la strip da destra a sinistra *\/\r\n@keyframes ticker-scroll {\r\n    0% {\r\n        transform: translateX(0); \/* Inizia dal lato destro *\/\r\n    }\r\n    100% {\r\n        transform: translateX(-100%); \/* La strip si sposta a sinistra fino a scomparire *\/\r\n    }\r\n}\r\n\r\n\/* Aggiunge il comportamento di duplicazione visiva per le notizie *\/\r\n.news-ticker .ticker-wrapper {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n}\r\n\r\n.news-ticker .ticker-wrapper .ticker-item {\r\n    flex: 0 0 auto; \/* Impedisce che le notizie si riducano *\/\r\n}\r\n<\/style>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\">STRIP QUOTE MAGGIORATE<\/h2>\n<div class=\"news-strip-container\">\r\n  <div class=\"news-strip\">\r\n    <div class=\"news-item\">SNAI\ud83d\udc49 Serie A!: Almeno 1 Gol in Lecce-Milan? Quota 8.00!\u2705 (da 1.01)<\/div>\r\n    <div class=\"news-item\">PLANETWIN365\ud83d\udc49 Serie A!: Inter vince o pareggia contro il Monza? Quota 8.00!\u2705 (da 1.01)<\/div>\r\n    <div class=\"news-item\">SNAI\ud83d\udc49 Serie A!: Tra 1-6 Gol in Napoli-Fiorentina? Quota 8.00!\u2705 (da 1.03)<\/div>\r\n    <div class=\"news-item\">NETBET\ud83d\udc49 Serie A!: Over 0,5 Gol in Juventus-Atalanta? Quota 6.00!\u2705 (codice \"JUVATA25\")<\/div>\r\n    <div class=\"news-item\">SNAI\ud83d\udc49 Serie A!: Over 0,5 Gol in Juventus-Atalanta? Quota 8.00!\u2705 (da 1.02)<\/div>\r\n    <div class=\"news-item\">SNAI\ud83d\udc49 Serie A!: Over 0,5 Gol in Lazio-Udinese? Quota 8.00!\u2705 (da 1.02)<\/div>\r\n    <div class=\"news-item\">BETSSON\ud83d\udc49 Speciale UEFA CL - Inter vincente Champions. Quota 30.00!\u2705<\/div>\r\n  <\/div>\r\n<\/div>\r\n\n<style class=\"wpcode-css-snippet\">\/* Contenitore delle notizie *\/\r\n.news-strip-container {\r\n  width: 100%; \/* Imposta la larghezza del contenitore *\/\r\n  overflow: hidden; \/* Nasconde le notizie che escono fuori *\/\r\n  background-color: #2C3E50; \/* Colore di sfondo per il contenitore *\/\r\n}\r\n\r\n\/* La strip che contiene tutte le notizie *\/\r\n.news-strip {\r\n  display: flex; \/* Dispone le notizie in una singola riga *\/\r\n  animation: scroll-news 40s linear infinite; \/* Animazione continua *\/\r\n  width: max-content; \/* La larghezza della strip si adatta al contenuto *\/\r\n}\r\n\r\n\/* Singola notizia *\/\r\n.news-item {\r\n  padding: 20px 40px; \/* Spaziatura interna per ogni notizia *\/\r\n  color: white; \/* Colore del testo *\/\r\n  font-size: 20px; \/* Dimensione del font *\/\r\n  font-weight: bold; \/* Rende il testo in grassetto *\/\r\n  display: inline-block; \/* Assicura che le notizie siano su una singola riga *\/\r\n  white-space: nowrap; \/* Evita che il testo vada a capo *\/\r\n  margin-right: 30px; \/* Spazio tra le notizie *\/\r\n  text-transform: uppercase; \/* Colore delle notizie in maiuscolo *\/\r\n}\r\n\r\n\/* Animazione per il movimento della strip *\/\r\n@keyframes scroll-news {\r\n  0% {\r\n    transform: translateX(0); \/* La strip inizia dal lato sinistro *\/\r\n  }\r\n  100% {\r\n    transform: translateX(-100%); \/* La strip si sposta a sinistra fino a scomparire *\/\r\n  }\r\n}\r\n\r\n\/* Duplicazione della strip per ottenere un flusso continuo *\/\r\n.news-strip-container .news-strip {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n}\r\n\r\n.news-strip-container .news-strip .news-item {\r\n  flex: 0 0 auto; \/* Non si ridimensionano *\/\r\n}\r\n<\/style>\n<script>document.addEventListener(\"DOMContentLoaded\", function () {\r\n  const newsStrip = document.querySelector(\".news-strip\");\r\n\r\n  \/\/ Funzione per aggiungere una nuova notizia\r\n  function aggiungiNotizia(titolo) {\r\n    const nuovaNotizia = document.createElement(\"div\");\r\n    nuovaNotizia.classList.add(\"news-item\");\r\n    nuovaNotizia.textContent = titolo;\r\n    newsStrip.appendChild(nuovaNotizia);\r\n  }\r\n\r\n  \/\/ Esempio di aggiunta dinamica di una nuova notizia\r\n  \/\/ aggiungiNotizia(\"Notizia 8: Nuova notizia dinamica\");\r\n});\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u26a1Le strip si aggiornano automaticamente, possibile personalizzare colori e dimensioni. Per la strip news \u00e8 possibile selezionare una fonte di dati a proprio piacimento. STRIP RISULTATI LIVE &nbsp; STRIP NEWS &nbsp; STRIP QUOTE MAGGIORATE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":21,"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":136,"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/136"}],"wp:attachment":[{"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}