{"id":30,"date":"2025-03-07T17:48:49","date_gmt":"2025-03-07T17:48:49","guid":{"rendered":"https:\/\/uliberdev.it\/?page_id=30"},"modified":"2025-03-17T15:35:48","modified_gmt":"2025-03-17T15:35:48","slug":"classifiche-calcio","status":"publish","type":"page","link":"http:\/\/uliberdev.it\/index.php\/classifiche-calcio\/","title":{"rendered":"\u25b6\ufe0fClassifiche Calcio"},"content":{"rendered":"<p style=\"text-align: left;\">\u26a1Le classifiche si aggiornano automaticamente. Possibile personalizzare colori e dimensioni. In arrivo le seguenti nuove classifiche: Championship (Inghilterra), Olanda, Portogallo, Belgio.<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\">SHORTCODE 1: CLASSIFICA SERIE A<\/h2>\n    <div class=\"classifica-serie-a\"> \r\n        <table>\r\n            <thead>\r\n                <tr>\r\n                    <th>#<\/th>\r\n                    <th>Squadra<\/th>\r\n                    <th>PG<\/th>\r\n                    <th>V<\/th>\r\n                    <th>N<\/th>\r\n                    <th>P<\/th>\r\n                    <th>R<\/th>\r\n                    <th>DR<\/th>\r\n                    <th>P<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n <div class=\"legend\">\r\n    <div class=\"legend-item\">\r\n        <span class=\"legend-box green\"><\/span> Qualificazione Champions League\r\n    <\/div>\r\n    <div class=\"legend-item\">\r\n        <span class=\"legend-box blue\"><\/span> Qualificazione Europa League\r\n    <\/div>\r\n    <div class=\"legend-item\">\r\n        <span class=\"legend-box orange\"><\/span> Qualificazione Conference League\r\n    <\/div>\r\n    <div class=\"legend-item\">\r\n        <span class=\"legend-box red\"><\/span> Retrocessione Serie B\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/uliberdev.it\/js\/classifica-serie-a.js\"><\/script>\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const tableBody = document.querySelector(\".classifica-serie-a table tbody\");\r\n            classificaSerieA.forEach((item, index) => {\r\n                const row = document.createElement(\"tr\");\r\n                let positionColorClass = \"\";\r\n                if (index + 1 <= 4) positionColorClass = \"green\";\r\n                else if (index + 1 === 5) positionColorClass = \"blue\";\r\n                else if (index + 1 === 6) positionColorClass = \"orange\";\r\n                else if (index + 1 >= 18) positionColorClass = \"red\";\r\n                row.innerHTML = `\r\n                    <td class=\"position ${positionColorClass}\">${index + 1}<\/td>\r\n                    <td>${item.squadra}<\/td>\r\n                    <td>${item.pg}<\/td>\r\n                    <td>${item.v}<\/td>\r\n                    <td>${item.n}<\/td>\r\n                    <td>${item.p}<\/td>\r\n                    <td>${item.r}<\/td>\r\n                    <td>${item.dr}<\/td>\r\n                    <td>${item.punti}<\/td>\r\n                `;\r\n                tableBody.appendChild(row);\r\n            });\r\n        });\r\n    <\/script>\n<style class=\"wpcode-css-snippet\">\/* Centraggio del titolo del tool *\/\r\n.title-tool {\r\n    text-align: center;\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n\/* Selettore per la classifica *\/\r\n.classifica-serie-a {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    margin-top: 0 !important; \/* Forza la rimozione del margine superiore della tabella *\/\r\n}\r\n\r\n.classifica-serie-a table {\r\n    width: 80% !important;  \/* Riduce la larghezza della tabella *\/\r\n    max-width: 500px !important; \/* Rende la tabella meno larga su desktop *\/\r\n    border-collapse: collapse;\r\n    background: white;\r\n    border-radius: 7px;\r\n    overflow: hidden;\r\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);\r\n    margin-top: 0 !important; \/* Rimuovi margine superiore della tabella *\/\r\n}\r\n\r\n\/* Stile delle celle e delle intestazioni *\/\r\n.classifica-serie-a th, .classifica-serie-a td {\r\n    padding: 6px !important; \/* Riduce gli spazi tra i dati *\/\r\n    text-align: center;\r\n    border-bottom: 1px solid #ddd;\r\n    font-size: 12px !important; \/* Riduce leggermente il testo *\/\r\n    width: auto !important; \/* Imposta la larghezza delle celle in modo automatico *\/\r\n    box-sizing: border-box; \/* Considera anche il padding nella larghezza totale *\/\r\n}\r\n\r\n.classifica-serie-a th {\r\n    background-color: #0044cc;\r\n    color: white;\r\n}\r\n\r\n.classifica-serie-a tr:nth-child(even) {\r\n    background-color: #f9f9f9;\r\n}\r\n\r\n.classifica-serie-a td:last-child {\r\n    font-weight: bold;\r\n}\r\n\r\n\/* Stile per le posizioni dalla 7 alla 17 *\/\r\n.classifica-serie-a tr:nth-child(n+7):nth-child(-n+17) td:first-child {\r\n    color: #666; \/* Imposta il colore del testo su nero per i numeri nella prima colonna *\/\r\n}\r\n\r\n\/* Stili per le posizioni con sfondo colorato *\/\r\n.position {\r\n    font-weight: bold;\r\n    color: white;\r\n    padding: 5px;\r\n    border-radius: 5px;\r\n}\r\n\r\n.green { background-color: green; }\r\n.blue { background-color: #4B0082; }\r\n.orange { background-color: orange; }\r\n.red { background-color: red; }\r\n\r\n\/* Media query per dispositivi mobili *\/\r\n@media (max-width: 768px) {\r\n    .classifica-serie-a table {\r\n        width: 95% !important; \/* Rende la tabella ancora pi\u00f9 larga sui dispositivi pi\u00f9 piccoli *\/\r\n        margin: 0 auto !important; \/* Centra la tabella *\/\r\n    }\r\n\r\n    .classifica-serie-a th, .classifica-serie-a td {\r\n        padding: 6px !important; \/* Riduce il padding per adattarsi meglio allo schermo *\/\r\n        font-size: 11px !important; \/* Riduce il font su schermi piccoli *\/\r\n    }\r\n\r\n    .note {\r\n        font-size: 11px !important; \/* Riduce la dimensione del font delle note *\/\r\n    }\r\n}\r\n\r\n\/* Media query per desktop (schermi grandi) *\/\r\n@media (min-width: 1024px) {\r\n    .classifica-serie-a table {\r\n        width: 60% !important; \/* Restringe la tabella su desktop *\/\r\n        max-width: 450px !important;\r\n    }\r\n\r\n    .classifica-serie-a th, .classifica-serie-a td {\r\n        padding: 5px !important; \/* Compatta ulteriormente la tabella *\/\r\n        font-size: 11px !important;\r\n    }\r\n}\r\n\r\n\/* Stili per la legenda *\/\r\n.legend {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \/* Mantiene la legenda centrata *\/\r\n    justify-content: center;\r\n    text-align: left; \/* Allinea il testo a sinistra *\/\r\n    gap: 10px;\r\n    margin: 20px auto;\r\n}\r\n\r\n\/* Singolo elemento della legenda *\/\r\n.legend-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start; \/* Allinea gli elementi a sinistra *\/\r\n    gap: 6px;\r\n    font-size: 12px !important;\r\n    width: 200px; \/* Larghezza fissa per allineamento uniforme *\/\r\n}\r\n\r\n\/* Box colorati *\/\r\n.legend-box {\r\n    width: 15px;\r\n    height: 15px;\r\n    flex-shrink: 0; \/* Evita che il box si ridimensioni *\/\r\n}\r\n\r\n\/* Media query per dispositivi mobili *\/\r\n@media (max-width: 768px) {\r\n    .legend-item {\r\n        font-size: 10px !important;\r\n        width: 180px; \/* Adatta la larghezza su schermi pi\u00f9 piccoli *\/\r\n    }\r\n\r\n    .legend-box {\r\n        width: 12px;\r\n        height: 12px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* Aggiungi classi per i colori della legenda *\/\r\n.legend-box.green {\r\n    background-color: #007700;\r\n}\r\n\r\n.legend-box.blue {\r\n    background-color: #0044cc;\r\n}\r\n\r\n.legend-box.orange {\r\n    background-color: #ff6600;\r\n}\r\n\r\n.legend-box.red {\r\n    background-color: #cc0000;\r\n}\r\n<\/style>\n<hr \/>\n<h2 style=\"text-align: center;\">SHORTCODE 2: MARCATORI SERIE A<\/h2>\n<h3 class=\"title-tool\">Classifica Marcatori<\/h3>\r\n   \r\n    <div class=\"classifica-marcatori\"> <!-- Classe specifica per il contenitore della tabella -->\r\n        <table>\r\n            <thead>\r\n                <tr>\r\n                    <th>#<\/th> <!-- Posizione -->\r\n                    <th>Giocatore<\/th>\r\n                    <th>Squadra<\/th>\r\n                    <th>R<\/th> <!-- Reti -->\r\n                    <th>A<\/th> <!-- Assist -->\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- Qui verranno inseriti i dati dal file JS -->\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <!-- Rimosso il contenuto delle note -->\r\n    <!-- <div class=\"note\">... <\/div> -->\r\n\r\n    <!-- Caricamento dello script con i dati -->\r\n<script src=\"https:\/\/uliberdev.it\/js\/classifica-serie-a-marcatori.js\"><\/script>\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const tableBody = document.querySelector(\".classifica-marcatori table tbody\");\r\n\r\n            classificaMarcatori.forEach((item, index) => {\r\n                const row = document.createElement(\"tr\");\r\n\r\n                row.innerHTML = `\r\n                    <td>${index + 1}<\/td> <!-- Posizione -->\r\n                    <td class=\"giocatore\">${item.giocatore}<\/td>\r\n                    <td>${item.squadra}<\/td>\r\n                    <td><strong>${item.reti}<\/strong><\/td> <!-- Grassetto per le Reti -->\r\n                    <td>${item.assist}<\/td>\r\n                `;\r\n                tableBody.appendChild(row);\r\n            });\r\n        });\r\n    <\/script>\r\n\n<style class=\"wpcode-css-snippet\">\/* Centraggio del titolo del tool *\/\r\n.title-tool {\r\n    text-align: center !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n\/* Selettore per la classifica *\/\r\n.classifica-marcatori table {\r\n    width: 80% !important;  \/* Restringe la tabella *\/\r\n    max-width: 500px !important; \/* Limita la larghezza su desktop *\/\r\n    margin: auto !important;\r\n    border-collapse: collapse !important;\r\n    background: white !important;\r\n    border-radius: 7px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;\r\n}\r\n\r\n.classifica-marcatori th, .classifica-marcatori td {\r\n    padding: 6px !important; \/* Riduce il padding per compattezza *\/\r\n    text-align: center !important;\r\n    border-bottom: 1px solid #ddd !important;\r\n    font-size: 12px !important; \/* Riduce leggermente il font *\/\r\n}\r\n\r\n.classifica-marcatori th {\r\n    background-color: #0044cc !important;\r\n    color: white !important;\r\n}\r\n\r\n.classifica-marcatori tr:nth-child(even) {\r\n    background-color: #f9f9f9 !important;\r\n}\r\n\r\n.classifica-marcatori td:last-child {\r\n    font-weight: bold !important;\r\n}\r\n\r\n\/* Allineamento del testo nelle celle dei giocatori *\/\r\n.giocatore {\r\n    text-align: left !important;\r\n    padding-left: 15px !important; \/* Riduce il padding per migliorare la compattezza *\/\r\n}\r\n\r\n\/* Posizioni senza colori e senza sfondo *\/\r\n.classifica-marcatori td {\r\n    color: black !important;\r\n    background-color: transparent !important;\r\n}\r\n\r\n\/* Rimuovi il grassetto dalla colonna \"A\" (quinta colonna) *\/\r\n.classifica-marcatori td:nth-child(5) {\r\n    font-weight: normal !important;\r\n}\r\n\r\n\/* Media Query per dispositivi mobili *\/\r\n@media (max-width: 768px) {\r\n\r\n    .classifica-marcatori table {\r\n        width: 90% !important;\r\n    }\r\n\r\n    .classifica-marcatori th, .classifica-marcatori td {\r\n        font-size: 11px !important; \/* Riduce ulteriormente il font *\/\r\n        padding: 5px !important; \/* Riduce il padding *\/\r\n    }\r\n}\r\n\r\n\/* Media query per desktop (schermi grandi) *\/\r\n@media (min-width: 1024px) {\r\n    .classifica-marcatori table {\r\n        width: 60% !important; \/* Restringe la tabella su desktop *\/\r\n        max-width: 450px !important;\r\n    }\r\n\r\n    .classifica-marcatori th, .classifica-marcatori td {\r\n        padding: 5px !important;\r\n        font-size: 11px !important;\r\n    }\r\n}\r\n<\/style>\n<hr \/>\n<h2 style=\"text-align: center;\">SHORTCODE 3: CLASSIFICA SERIE B<\/h2>\n<!DOCTYPE html>\r\n<html lang=\"it\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Classifica Serie B 24\/25<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n<h3 class=\"title-tool\">Classifica Serie B 24\/25<\/h3>\r\n\r\n<div class=\"classifica-serie-b\">\r\n    <table>\r\n        <thead>\r\n            <tr>\r\n                <th>#<\/th>\r\n                <th>Squadra<\/th>\r\n                <th>PG<\/th>\r\n                <th>V<\/th>\r\n                <th>N<\/th>\r\n                <th>P<\/th>\r\n                <th>R<\/th>\r\n                <th>DR<\/th>\r\n                <th>Punti<\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <!-- I dati saranno inseriti dinamicamente dal file JS -->\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n\r\n<div class=\"legend-b\">\r\n    <div class=\"legend-b-item\">\r\n        <div class=\"legend-b-box green-dark\"><\/div>\r\n        <span>Promozione Serie A<\/span>\r\n    <\/div>\r\n    <div class=\"legend-b-item\">\r\n        <div class=\"legend-b-box green-light\"><\/div>\r\n        <span>Play Off Serie A - Semifinali<\/span>\r\n    <\/div>\r\n    <div class=\"legend-b-item\">\r\n        <div class=\"legend-b-box blue\"><\/div>\r\n        <span>Play Off Serie A - Quarti di finale<\/span>\r\n    <\/div>\r\n    <div class=\"legend-b-item\">\r\n        <div class=\"legend-b-box red-light\"><\/div>\r\n        <span>Play Out<\/span>\r\n    <\/div>\r\n    <div class=\"legend-b-item\">\r\n        <div class=\"legend-b-box red-dark\"><\/div>\r\n        <span>Retrocessione Serie C<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/uliberdev.it\/js\/classifica-serie-b.js\"><\/script>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const tableBody = document.querySelector(\".classifica-serie-b table tbody\");\r\n\r\n        classificaSerieB.forEach((item, index) => {\r\n            const row = document.createElement(\"tr\");\r\n            row.innerHTML = `\r\n                <td>${index + 1}<\/td>\r\n                <td>${item.squadra}<\/td>\r\n                <td>${item.partite}<\/td>\r\n                <td>${item.vinte}<\/td>\r\n                <td>${item.pareggiate}<\/td>\r\n                <td>${item.perse}<\/td>\r\n                <td>${item.golFatti}<\/td>\r\n                <td>${item.differenzaReti}<\/td>\r\n                <td>${item.punti}<\/td>\r\n            `;\r\n            tableBody.appendChild(row);\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\n<style class=\"wpcode-css-snippet\">\/* Centraggio del titolo del tool *\/\r\n.title-tool {\r\n    text-align: center !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n\/* Centraggio delle note *\/\r\n\/* Stili per la legenda *\/\r\n\/* Stili per la legenda *\/\r\n.legend-b {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \/* Mantiene la legenda centrata *\/\r\n    justify-content: center;\r\n    text-align: left; \/* Allinea il testo a sinistra *\/\r\n    gap: 10px;\r\n    margin: 20px auto;\r\n}\r\n\r\n\/* Singolo elemento della legenda *\/\r\n.legend-b-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start; \/* Allinea gli elementi a sinistra *\/\r\n    gap: 6px;\r\n    font-size: 12px !important;\r\n    width: 200px; \/* Larghezza fissa per un allineamento uniforme *\/\r\n}\r\n\r\n\/* Box colorati *\/\r\n.legend-b-box {\r\n    width: 15px;\r\n    height: 15px;\r\n    flex-shrink: 0; \/* Evita che il box si ridimensioni *\/\r\n}\r\n\r\n\/* Media query per dispositivi mobili *\/\r\n@media (max-width: 768px) {\r\n    .legend-b-item {\r\n        font-size: 10px !important;\r\n        width: 180px; \/* Adatta la larghezza su schermi pi\u00f9 piccoli *\/\r\n    }\r\n\r\n    .legend-b-box {\r\n        width: 12px;\r\n        height: 12px;\r\n    }\r\n}\r\n\r\n\/* Aggiungi classi per i colori della legenda *\/\r\n.legend-b-box.green-dark {\r\n    background-color: #007700;\r\n}\r\n\r\n.legend-b-box.geen-light {\r\n    background-color: #0044cc;\r\n}\r\n\r\n.legend-b-box.blue {\r\n    background-color: #ff6600;\r\n}\r\n\r\n.legend-b-box.red-light {\r\n    background-color: #cc0000;\r\n}\r\n\r\n.legend-b-box.red-dark {\r\n    background-color: #cc0000;\r\n}\r\n\r\n\r\n\/* Selettore per la classifica *\/\r\n.classifica-serie-b table {\r\n    width: 80% !important;  \/* Riduce la larghezza della tabella *\/\r\n    max-width: 500px !important; \/* Rende la tabella meno larga su desktop *\/\r\n    margin: auto !important;\r\n    border-collapse: collapse !important;\r\n    background: white !important;\r\n    border-radius: 7px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;\r\n}\r\n\r\n.classifica-serie-b th, .classifica-serie-b td {\r\n    padding: 6px !important; \/* Riduce gli spazi tra i dati *\/\r\n    text-align: center !important;\r\n    border-bottom: 1px solid #ddd !important;\r\n    font-size: 12px !important; \/* Riduce leggermente il testo *\/\r\n}\r\n\r\n.classifica-serie-b th {\r\n    background-color: #0044cc !important;\r\n    color: white !important;\r\n}\r\n\r\n.classifica-serie-b tr:nth-child(even) {\r\n    background-color: #f9f9f9 !important;\r\n}\r\n\r\n.classifica-serie-b td:last-child {\r\n    font-weight: bold !important;\r\n}\r\n\r\n\/* Modifica delle posizioni con colori specifici *\/\r\n.classifica-serie-b td:nth-child(1) {\r\n    font-weight: normal !important;\r\n    color: white !important;\r\n    border-radius: 5px !important;\r\n    padding: 5px 10px !important;\r\n}\r\n\r\n.classifica-serie-b tr:nth-child(1) td:nth-child(1),\r\n.classifica-serie-b tr:nth-child(2) td:nth-child(1) {\r\n    background-color: #006400 !important;\r\n}\r\n\r\n.classifica-serie-b tr:nth-child(3) td:nth-child(1),\r\n.classifica-serie-b tr:nth-child(4) td:nth-child(1) {\r\n    background-color: #00FF7F !important;\r\n}\r\n\r\n.classifica-serie-b tr:nth-child(5) td:nth-child(1),\r\n.classifica-serie-b tr:nth-child(6) td:nth-child(1),\r\n.classifica-serie-b tr:nth-child(7) td:nth-child(1),\r\n.classifica-serie-b tr:nth-child(8) td:nth-child(1) {\r\n    background-color: #4B0082 !important;\r\n}\r\n\r\n.classifica-serie-b tr:nth-child(18) td:nth-child(1),\r\n.classifica-serie-b tr:nth-child(19) td:nth-child(1),\r\n.classifica-serie-b tr:nth-child(20) td:nth-child(1) {\r\n    background-color: #8B0000 !important;\r\n}\r\n\r\n.classifica-serie-b tr:nth-child(16) td:nth-child(1),\r\n.classifica-serie-b tr:nth-child(17) td:nth-child(1) {\r\n    background-color: #FF6347 !important;\r\n}\r\n\r\n.classifica-serie-b td:nth-child(1):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(16)):not(:nth-child(17)):not(:nth-child(18)):not(:nth-child(19)):not(:nth-child(20)) {\r\n    background-color: transparent !important;\r\n    color: #666 !important;\r\n}\r\n\r\n\/* Colore dei numeri nella colonna \"#\" per le posizioni dalla 7 alla 17 *\/\r\n.classifica-serie-b tr:nth-child(n+9):nth-child(-n+15) td:nth-child(1) {\r\n    color: #666 !important;\r\n}\r\n\r\n\/* Media Query per dispositivi mobili *\/\r\n@media (max-width: 768px) {\r\n\r\n    \/* Modifica larghezza tabella per dispositivi mobili *\/\r\n    .classifica-serie-b table {\r\n        width: 90% !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .classifica-serie-b th, .classifica-serie-b td {\r\n        font-size: 11px !important; \/* Riduci la dimensione del font *\/\r\n        padding: 6px !important; \/* Riduci il padding *\/\r\n    }\r\n\r\n    .classifica-serie-b td:last-child {\r\n        font-weight: bold !important;\r\n    }\r\n\r\n    \/* Adatta le note per schermi pi\u00f9 piccoli *\/\r\n    .note-b {\r\n        margin-left: 0 !important; \/* Rimuovi il margine sinistro *\/\r\n        padding-left: 10px; \/* Spazio a sinistra per allineamento *\/\r\n    }\r\n}\r\n\r\n\/* Media query per desktop (schermi grandi) *\/\r\n@media (min-width: 1024px) {\r\n    .classifica-serie-b table {\r\n        width: 60% !important; \/* Restringe la tabella su desktop *\/\r\n        max-width: 450px !important;\r\n    }\r\n\r\n    .classifica-serie-b th, .classifica-serie-b td {\r\n        padding: 5px !important; \/* Compatta ulteriormente la tabella *\/\r\n        font-size: 11px !important;\r\n    }\r\n}\r\n<\/style>\n<hr \/>\n<h2 style=\"text-align: center;\">SHORTCODE 4: MARCATORI SERIE B<\/h2>\n<h3 class=\"title-tool\">Classifica Marcatori<\/h3>\r\n   \r\n    <div class=\"classifica-marcatori-b\"> <!-- Classe specifica per il contenitore della tabella -->\r\n        <table>\r\n            <thead>\r\n                <tr>\r\n                    <th>#<\/th> <!-- Posizione -->\r\n                    <th>Giocatore<\/th>\r\n                    <th>Squadra<\/th>\r\n                    <th>R<\/th> <!-- Reti -->\r\n                    <th>A<\/th> <!-- Assist -->\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- Qui verranno inseriti i dati dal file JS -->\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <!-- Rimosso il contenuto delle note -->\r\n    <!-- <div class=\"note\">... <\/div> -->\r\n\r\n    <!-- Caricamento dello script con i dati -->\r\n<script src=\"https:\/\/uliberdev.it\/js\/classifica-serie-b-marcatori.js\"><\/script>\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const tableBody = document.querySelector(\".classifica-marcatori-b table tbody\");\r\n\r\n            classificaMarcatoriB.forEach((item, index) => {\r\n                const row = document.createElement(\"tr\");\r\n\r\n                row.innerHTML = `\r\n                    <td>${index + 1}<\/td> <!-- Posizione -->\r\n                    <td class=\"giocatore\">${item.giocatore}<\/td>\r\n                    <td>${item.squadra}<\/td>\r\n                    <td><strong>${item.reti}<\/strong><\/td> <!-- Grassetto per le Reti -->\r\n                    <td>${item.assist}<\/td>\r\n                `;\r\n                tableBody.appendChild(row);\r\n            });\r\n        });\r\n    <\/script>\r\n\n<style class=\"wpcode-css-snippet\">\/* Centraggio del titolo del tool *\/\r\n.title-tool {\r\n    text-align: center !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n\/* Selettore per la classifica *\/\r\n.classifica-marcatori-b table {\r\n    width: 80% !important;  \/* Restringe la tabella *\/\r\n    max-width: 500px !important; \/* Limita la larghezza su desktop *\/\r\n    margin: auto !important;\r\n    border-collapse: collapse !important;\r\n    background: white !important;\r\n    border-radius: 7px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;\r\n}\r\n\r\n.classifica-marcatori-b th, .classifica-marcatori-b td {\r\n    padding: 6px !important; \/* Riduce il padding per compattezza *\/\r\n    text-align: center !important;\r\n    border-bottom: 1px solid #ddd !important;\r\n    font-size: 12px !important; \/* Riduce leggermente il font *\/\r\n}\r\n\r\n.classifica-marcatori-b th {\r\n    background-color: #0044cc !important;\r\n    color: white !important;\r\n}\r\n\r\n.classifica-marcatori-b tr:nth-child(even) {\r\n    background-color: #f9f9f9 !important;\r\n}\r\n\r\n.classifica-marcatori-b td:last-child {\r\n    font-weight: bold !important;\r\n}\r\n\r\n\/* Allineamento del testo nelle celle dei giocatori *\/\r\n.giocatore {\r\n    text-align: left !important;\r\n    padding-left: 15px !important; \/* Riduce il padding per migliorare la compattezza *\/\r\n}\r\n\r\n\/* Posizioni senza colori e senza sfondo *\/\r\n.classifica-marcatori-b td {\r\n    color: black !important;\r\n    background-color: transparent !important;\r\n}\r\n\r\n\/* Rimuovi il grassetto dalla colonna \"A\" (quinta colonna) *\/\r\n.classifica-marcatori-b td:nth-child(5) {\r\n    font-weight: normal !important;\r\n}\r\n\r\n\/* Media Query per dispositivi mobili *\/\r\n@media (max-width: 768px) {\r\n\r\n    .classifica-marcatori-b table {\r\n        width: 90% !important;\r\n    }\r\n\r\n    .classifica-marcatori-b th, .classifica-marcatori-b td {\r\n        font-size: 11px !important; \/* Riduce ulteriormente il font *\/\r\n        padding: 5px !important; \/* Riduce il padding *\/\r\n    }\r\n}\r\n\r\n\/* Media query per desktop (schermi grandi) *\/\r\n@media (min-width: 1024px) {\r\n    .classifica-marcatori-b table {\r\n        width: 60% !important; \/* Restringe la tabella su desktop *\/\r\n        max-width: 450px !important;\r\n    }\r\n\r\n    .classifica-marcatori-b th, .classifica-marcatori-b td {\r\n        padding: 5px !important;\r\n        font-size: 11px !important;\r\n    }\r\n}\r\n<\/style>\n<hr \/>\n<h2 style=\"text-align: center;\">SHORTCODE 5: CLASSIFICA PREMIER LEAGUE<\/h2>\n<h3 class=\"title-tool\">Classifica Premier League 24\/25<\/h3>\r\n\r\n<div class=\"classifica-premier-league\">\r\n    <table>\r\n        <thead>\r\n            <tr>\r\n                <th>#<\/th>\r\n                <th>Squadra<\/th>\r\n                <th>PG<\/th>\r\n                <th>V<\/th>\r\n                <th>N<\/th>\r\n                <th>P<\/th>\r\n                <th>R<\/th>\r\n                <th>DR<\/th>\r\n                <th>Punti<\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <!-- I dati saranno inseriti dinamicamente dal file JS -->\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n\r\n<div class=\"note-premier\">\r\n    <div class=\"legend-item-premier\">\r\n        <div class=\"legend-box green-dark\"><\/div>\r\n        <span>Qualificazione Champions League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-premier\">\r\n        <div class=\"legend-box blue\"><\/div>\r\n        <span>Qualificazione Europa League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-premier\">\r\n        <div class=\"legend-box red-light\"><\/div>\r\n        <span>Qualificazione Conference League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-premier\">\r\n        <div class=\"legend-box red-dark\"><\/div>\r\n        <span>Retrocessione Championship<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/uliberdev.it\/js\/classifica-premier-league.js\"><\/script>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const tableBody = document.querySelector(\".classifica-premier-league table tbody\");\r\n\r\n        classificapremier.forEach((item, index) => {\r\n            const row = document.createElement(\"tr\");\r\n            row.innerHTML = `\r\n                <td>${index + 1}<\/td>\r\n                <td>${item.squadra}<\/td>\r\n                <td>${item.partite}<\/td>\r\n                <td>${item.vinte}<\/td>\r\n                <td>${item.pareggiate}<\/td>\r\n                <td>${item.perse}<\/td>\r\n                <td>${item.golFatti}<\/td>\r\n                <td>${item.differenzaReti}<\/td>\r\n                <td>${item.punti}<\/td>\r\n            `;\r\n            tableBody.appendChild(row);\r\n        });\r\n    });\r\n<\/script>\n<style class=\"wpcode-css-snippet\">\/* Centraggio del titolo del tool *\/\r\n.title-tool {\r\n    text-align: center !important;\r\n    margin-bottom: 17px !important;\r\n}\r\n\r\n\/* Centraggio delle note *\/\r\n.note-premier {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n    gap: 12.75px !important; \r\n    margin-top: 34px !important; \r\n    width: fit-content !important;\r\n    margin-left: auto !important;\r\n    margin-right: 17px !important; \r\n}\r\n\r\n\/* Selettore per la classifica *\/\r\n.classifica-premier-league table {\r\n    width: 55% !important; \r\n    max-width: 493px !important; \r\n    margin: auto !important;\r\n    border-collapse: collapse !important;\r\n    background: white !important;\r\n    border-radius: 6px !important; \r\n    overflow: hidden !important;\r\n    box-shadow: 0 2.55px 5.1px rgba(0, 0, 0, 0.1) !important; \r\n}\r\n\r\n.classifica-premier-league th, .classifica-premier-league td {\r\n    padding: 6.8px !important; \r\n    text-align: center !important;\r\n    border-bottom: 0.85px solid #ddd !important; \r\n    font-size: 11.05px !important; \r\n}\r\n\r\n.classifica-premier-league th {\r\n    background-color: #0044cc !important;\r\n    color: white !important;\r\n}\r\n\r\n.classifica-premier-league tr:nth-child(even) {\r\n    background-color: #f9f9f9 !important;\r\n}\r\n\r\n.classifica-premier-league td:last-child {\r\n    font-weight: bold !important;\r\n}\r\n\r\n\/* Modifica delle posizioni con colori specifici *\/\r\n.classifica-premier-league td:nth-child(1) {\r\n    font-weight: normal !important;\r\n    color: white !important;\r\n    border-radius: 4.25px !important; \r\n    padding: 4.25px 8.5px !important; \r\n}\r\n\r\n\/* Modifica colore per le posizioni dalla 1 alla 6 *\/\r\n.classifica-premier-league tr:nth-child(1) td:nth-child(1),\r\n.classifica-premier-league tr:nth-child(2) td:nth-child(1),\r\n.classifica-premier-league tr:nth-child(3) td:nth-child(1),\r\n.classifica-premier-league tr:nth-child(4) td:nth-child(1) {\r\n    background-color: #006400 !important;\r\n}\r\n\r\n.classifica-premier-league tr:nth-child(5) td:nth-child(1) {\r\n    background-color: #90EE90 !important;\r\n}\r\n\r\n.classifica-premier-league tr:nth-child(6) td:nth-child(1) {\r\n    background-color: #FF6347 !important;\r\n}\r\n\r\n.classifica-premier-league tr:nth-child(18) td:nth-child(1),\r\n.classifica-premier-league tr:nth-child(19) td:nth-child(1),\r\n.classifica-premier-league tr:nth-child(20) td:nth-child(1) {\r\n    background-color: #8B0000 !important;\r\n}\r\n\r\n.classifica-premier-league td:nth-child(1):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(16)):not(:nth-child(17)):not(:nth-child(18)):not(:nth-child(19)):not(:nth-child(20)) {\r\n    background-color: transparent !important;\r\n    color: #566 !important; \r\n}\r\n\r\n\/* Cerchi colorati nella sezione delle note *\/\r\n.legend-box {\r\n    width: 11.05px !important;  \r\n    height: 11.05px !important; \r\n    border-radius: 50% !important;\r\n    display: inline-block !important;\r\n}\r\n\r\n.legend-box.green-dark { background-color: #006400; }\r\n.legend-box.blue { background-color: #0044cc; }\r\n.legend-box.red-dark { background-color: #8B0000; }\r\n.legend-box.red-light { background-color: #FF6347; }\r\n\r\n.legend-item-premier {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 4.25px !important; \r\n    font-size: 10.2px !important; \r\n    font-weight: bold !important;\r\n    color: #333 !important;\r\n}\r\n\r\n.note-premier {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n    gap: 12.75px !important; \r\n    margin-top: 34px !important; \r\n    padding-left: 17px !important; \r\n    margin-left: 8.5px !important; \r\n}\r\n\r\n.note-premier .legend-item-premier {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n}\r\n\r\n\/* Testo delle note *\/\r\n.note-premier .legend-item-premier span {\r\n\tfont-weight: bold !important;\r\n}\r\n\r\n\/* Colore specifico per ogni nota *\/\r\n.note-premier .legend-item-premier.green-dark span { color: #006400; }\r\n.note-premier .legend-item-premier.blue span { color: #0044cc; }\r\n.note-premier .legend-item-premier.red-dark span { color: #8B0000; }\r\n.note-premier .legend-item-premier.red-light span { color: #FF6347; }\r\n\r\n\/* Colore dei numeri nella colonna \"#\" per le posizioni dalla 7 alla 17 *\/\r\n.classifica-premier-league tr:nth-child(n+9):nth-child(-n+15) td:nth-child(1) {\r\n    color: #666 !important;\r\n}\r\n\r\n\/* Modifica per le posizioni dalla 7 alla 17 senza sfondo *\/\r\n.classifica-premier-league tr:nth-child(n+7):nth-child(-n+17) td:nth-child(1) {\r\n    background-color: transparent !important;\r\n    color: #666 !important;\r\n}\r\n<\/style>\n<hr \/>\n<h2 style=\"text-align: center;\">SHORTCODE 6: CLASSIFICA LALIGA<\/h2>\n<h3 class=\"title-tool\">Classifica LaLiga 24\/25<\/h3>\r\n\r\n<div class=\"classifica-la-liga\">\r\n    <table>\r\n        <thead>\r\n            <tr>\r\n                <th>#<\/th>\r\n                <th>Squadra<\/th>\r\n                <th>PG<\/th>\r\n                <th>V<\/th>\r\n                <th>N<\/th>\r\n                <th>P<\/th>\r\n                <th>R<\/th>\r\n                <th>DR<\/th>\r\n                <th>Punti<\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <!-- I dati saranno inseriti dinamicamente dal file JS -->\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n\r\n<div class=\"note-la-liga\">\r\n    <div class=\"legend-item-la-liga\">\r\n        <div class=\"legend-box green-dark\"><\/div>\r\n        <span>Qualificazione Champions League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-la-liga\">\r\n        <div class=\"legend-box blue\"><\/div>\r\n        <span>Qualificazione Europa League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-la-liga\">\r\n        <div class=\"legend-box red-light\"><\/div>\r\n        <span>Qualificazione Conference League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-la-liga\">\r\n        <div class=\"legend-box red-dark\"><\/div>\r\n        <span>Retrocessione LaLiga2<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/uliberdev.it\/js\/classifica-laliga.js\"><\/script>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const tableBody = document.querySelector(\".classifica-la-liga table tbody\");\r\n\r\n        classificalaliga.forEach((item, index) => {\r\n            const row = document.createElement(\"tr\");\r\n            row.innerHTML = `\r\n                <td>${index + 1}<\/td>\r\n                <td>${item.squadra}<\/td>\r\n                <td>${item.partite}<\/td>\r\n                <td>${item.vinte}<\/td>\r\n                <td>${item.pareggiate}<\/td>\r\n                <td>${item.perse}<\/td>\r\n                <td>${item.golFatti}<\/td>\r\n                <td>${item.differenzaReti}<\/td>\r\n                <td>${item.punti}<\/td>\r\n            `;\r\n            tableBody.appendChild(row);\r\n        });\r\n    });\r\n<\/script>\r\n\n<style class=\"wpcode-css-snippet\">\/* Centraggio del titolo del tool *\/\r\n.title-tool {\r\n    text-align: center !important;\r\n    margin-bottom: 17px !important;\r\n}\r\n\r\n\/* Centraggio delle note *\/\r\n.note-la-liga {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 12.75px; \r\n    margin-top: 34px; \r\n    width: fit-content;\r\n    margin-left: auto;\r\n    margin-right: 17px; \r\n}\r\n\r\n\/* Selettore per la classifica *\/\r\n.classifica-la-liga table {\r\n    width: 55% !important; \r\n    max-width: 493px !important; \r\n    margin: auto !important;\r\n    border-collapse: collapse !important;\r\n    background: white !important;\r\n    border-radius: 5.95px !important; \r\n    overflow: hidden !important;\r\n    box-shadow: 0 2.55px 5.1px rgba(0, 0, 0, 0.1) !important; \r\n}\r\n\r\n.classifica-la-liga th, .classifica-la-liga td {\r\n    padding: 6.8px !important; \r\n    text-align: center !important;\r\n    border-bottom: 0.85px solid #ddd !important;\r\n    font-size: 11.05px !important;\r\n}\r\n\r\n.classifica-la-liga th {\r\n    background-color: #0044cc !important;\r\n    color: white !important;\r\n}\r\n\r\n.classifica-la-liga tr:nth-child(even) {\r\n    background-color: #f9f9f9 !important;\r\n}\r\n\r\n.classifica-la-liga td:last-child {\r\n    font-weight: bold !important;\r\n}\r\n\r\n\/* Modifica delle posizioni con colori specifici *\/\r\n.classifica-la-liga td:nth-child(1) {\r\n    font-weight: normal !important;\r\n    color: white !important;\r\n    border-radius: 4.25px !important; \r\n    padding: 4.25px 8.5px !important; \r\n}\r\n\r\n\/* Modifica colore per le posizioni dalla 1 alla 6 *\/\r\n.classifica-la-liga tr:nth-child(1) td:nth-child(1),\r\n.classifica-la-liga tr:nth-child(2) td:nth-child(1),\r\n.classifica-la-liga tr:nth-child(3) td:nth-child(1),\r\n.classifica-la-liga tr:nth-child(4) td:nth-child(1) {\r\n    background-color: #006400 !important;\r\n}\r\n\r\n.classifica-la-liga tr:nth-child(5) td:nth-child(1) {\r\n    background-color: #90EE90 !important;\r\n}\r\n\r\n.classifica-la-liga tr:nth-child(6) td:nth-child(1) {\r\n    background-color: #FF6347 !important;\r\n}\r\n\r\n.classifica-la-liga tr:nth-child(18) td:nth-child(1),\r\n.classifica-la-liga tr:nth-child(19) td:nth-child(1),\r\n.classifica-la-liga tr:nth-child(20) td:nth-child(1) {\r\n    background-color: #8B0000 !important;\r\n}\r\n\r\n.classifica-la-liga td:nth-child(1):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(16)):not(:nth-child(17)):not(:nth-child(18)):not(:nth-child(19)):not(:nth-child(20)) {\r\n    background-color: transparent !important;\r\n    color: #566 !important; \r\n}\r\n\r\n\/* Cerchi colorati nella sezione delle note *\/\r\n.legend-box {\r\n    width: 11.05px;  \r\n    height: 11.05px;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n}\r\n\r\n.legend-box.green-dark { background-color: #006400; }\r\n.legend-box.blue { background-color: #0044cc; }\r\n.legend-box.red-dark { background-color: #8B0000; }\r\n.legend-box.red-light { background-color: #FF6347; }\r\n\r\n.legend-item-la-liga {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4.25px; \r\n    font-size: 10.2px; \r\n    font-weight: bold;\r\n    color: #333;\r\n}\r\n\r\n.note-la-liga {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 12.75px; \r\n    margin-top: 34px; \r\n    padding-left: 17px; \r\n    margin-left: 34px;\r\n}\r\n\r\n.note-la-liga .legend-item-la-liga {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Testo delle note *\/\r\n.note-la-liga .legend-item-la-liga span {\r\n\tfont-weight: bold !important;\r\n}\r\n\r\n\/* Colore specifico per ogni nota *\/\r\n.note-la-liga .legend-item-la-liga.green-dark span { color: #006400; }\r\n.note-la-liga .legend-item-la-liga.blue span { color: #0044cc; }\r\n.note-la-liga .legend-item-la-liga.red-dark span { color: #8B0000; }\r\n.note-la-liga .legend-item-la-liga.red-light span { color: #FF6347; }\r\n\r\n\/* Colore dei numeri nella colonna \"#\" per le posizioni dalla 7 alla 17 *\/\r\n.classifica-la-liga tr:nth-child(n+9):nth-child(-n+15) td:nth-child(1) {\r\n    color: #666 !important;\r\n}\r\n\r\n\/* Modifica per le posizioni dalla 7 alla 17 senza sfondo *\/\r\n.classifica-la-liga tr:nth-child(n+7):nth-child(-n+17) td:nth-child(1) {\r\n    background-color: transparent !important;\r\n    color: #666 !important;\r\n}\r\n<\/style>\n<hr \/>\n<h2 style=\"text-align: center;\">SHORTCODE 7: CLASSIFICA LIGUE1<\/h2>\n<h3 class=\"title-tool\">Classifica Ligue1 24\/25<\/h3>\r\n\r\n<div class=\"classifica-ligue1\">\r\n    <table>\r\n        <thead>\r\n            <tr>\r\n                <th>#<\/th>\r\n                <th>Squadra<\/th>\r\n                <th>PG<\/th>\r\n                <th>V<\/th>\r\n                <th>N<\/th>\r\n                <th>P<\/th>\r\n                <th>R<\/th>\r\n                <th>DR<\/th>\r\n                <th>Punti<\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <!-- I dati saranno inseriti dinamicamente dal file JS -->\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n\r\n<div class=\"note-ligue1\">\r\n    <div class=\"legend-item-ligue1\">\r\n        <div class=\"legend-box green-dark\"><\/div>\r\n        <span>Qualificazione Champions League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-ligue1\">\r\n        <div class=\"legend-box blue\"><\/div>\r\n        <span>Qualificazione Europa League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-ligue1\">\r\n        <div class=\"legend-box red-light\"><\/div>\r\n        <span>Qualificazione Conference League<\/span>\r\n    <\/div>\r\n\t<div class=\"legend-item-ligue1\">\r\n        <div class=\"legend-box red-light2\"><\/div>\r\n        <span>Spareggio salvezza<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-ligue1\">\r\n        <div class=\"legend-box red-dark\"><\/div>\r\n        <span>Retrocessione Ligue2<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/uliberdev.it\/js\/classifica-ligue1.js\"><\/script>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const tableBody = document.querySelector(\".classifica-ligue1 table tbody\");\r\n\r\n        classificaligue1.forEach((item, index) => {\r\n            const row = document.createElement(\"tr\");\r\n            row.innerHTML = `\r\n                <td>${index + 1}<\/td>\r\n                <td>${item.squadra}<\/td>\r\n                <td>${item.partite}<\/td>\r\n                <td>${item.vinte}<\/td>\r\n                <td>${item.pareggiate}<\/td>\r\n                <td>${item.perse}<\/td>\r\n                <td>${item.golFatti}<\/td>\r\n                <td>${item.differenzaReti}<\/td>\r\n                <td>${item.punti}<\/td>\r\n            `;\r\n            tableBody.appendChild(row);\r\n        });\r\n    });\r\n<\/script>\n<style class=\"wpcode-css-snippet\">\/* Centraggio del titolo del tool *\/\r\n.title-tool {\r\n    text-align: center !important;\r\n    margin-bottom: 17px !important; \r\n}\r\n\r\n\/* Allineamento a sinistra *\/\r\n.note-ligue1 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start; \r\n    gap: 12.75px; \r\n    margin-top: 34px;\r\n    width: fit-content;\r\n    margin-left: auto;\r\n    margin-right: 17px; \r\n}\r\n\r\n\/* Selettore per la classifica *\/\r\n.classifica-ligue1 table {\r\n    width: 55% !important; \r\n    max-width: 408px !important; \r\n    margin: auto !important;\r\n    border-collapse: collapse !important;\r\n    background: white !important;\r\n    border-radius: 5.95px !important; \r\n    overflow: hidden !important;\r\n    box-shadow: 0 2.55px 5.1px rgba(0, 0, 0, 0.1) !important; \r\n}\r\n\r\n.classifica-ligue1 th, .classifica-ligue1 td {\r\n    padding: 6.8px !important; \r\n    text-align: center !important;\r\n    border-bottom: 0.85px solid #ddd !important; \r\n    font-size: 11.05px !important; \r\n}\r\n\r\n.classifica-ligue1 th {\r\n    background-color: #0044cc !important;\r\n    color: white !important;\r\n}\r\n\r\n.classifica-ligue1 tr:nth-child(even) {\r\n    background-color: #f9f9f9 !important;\r\n}\r\n\r\n.classifica-ligue1 td:last-child {\r\n    font-weight: bold !important;\r\n}\r\n\r\n\/* Modifica delle posizioni con colori specifici *\/\r\n.classifica-ligue1 td:nth-child(1) {\r\n    font-weight: normal !important; \r\n    color: white !important; \r\n    border-radius: 4.25px !important; \r\n    padding: 4.25px 8.5px !important; \r\n}\r\n\r\n\/* Modifica colore per le posizioni dalla 1 alla 6 *\/\r\n.classifica-ligue1 tr:nth-child(1) td:nth-child(1),\r\n.classifica-ligue1 tr:nth-child(2) td:nth-child(1),\r\n.classifica-ligue1 tr:nth-child(3) td:nth-child(1),\r\n.classifica-ligue1 tr:nth-child(4) td:nth-child(1) {\r\n    background-color: #006400 !important;\r\n}\r\n\r\n.classifica-ligue1 tr:nth-child(5) td:nth-child(1) {\r\n    background-color: #90EE90 !important;\r\n}\r\n\r\n.classifica-ligue1 tr:nth-child(6) td:nth-child(1) {\r\n    background-color: #FF6347 !important;\r\n}\r\n\r\n.classifica-ligue1 tr:nth-child(16) td:nth-child(1) {\r\n    background-color: #FF6A6A !important;\r\n}\r\n\r\n.classifica-ligue1 tr:nth-child(17) td:nth-child(1),\r\n.classifica-ligue1 tr:nth-child(18) td:nth-child(1) {\r\n    background-color: #8B0000 !important;\r\n}\r\n\r\n.classifica-ligue1 td:nth-child(1):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(16)):not(:nth-child(17)):not(:nth-child(18)):not(:nth-child(19)):not(:nth-child(20)) {\r\n    background-color: transparent !important;\r\n    color: #566 !important; \r\n}\r\n\r\n\/* Cerchi colorati nella sezione delle note *\/\r\n.legend-box {\r\n    width: 11.05px;  \r\n    height: 11.05px; \r\n    border-radius: 50%;\r\n    display: inline-block;\r\n}\r\n\r\n.legend-box.green-dark { background-color: #006400; }\r\n.legend-box.blue { background-color: #0044cc; }\r\n.legend-box.red-dark { background-color: #8B0000; }\r\n.legend-box.red-light2 { background-color: #FF6A6A; }\r\n.legend-box.red-light { background-color: #FF6347; }\r\n\r\n\r\n.legend-item-ligue1 {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4.25px; \r\n    font-size: 10.2px; \r\n    font-weight: bold;\r\n    color: #333;\r\n}\r\n\r\n.note-ligue1 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 12.75px; \r\n    margin-top: 34px; \r\n    padding-left: 17px; \r\n    margin-left: 0; \r\n}\r\n\r\n.note-ligue1 .legend-item-ligue1 {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Testo delle note *\/\r\n.note-ligue1 .legend-item-ligue1 span {\r\n    font-weight: bold !important; \r\n}\r\n\r\n\/* Definizione delle note accanto ai cerchi *\/\r\n.note-ligue1 .legend-item-ligue1.green-dark span { color: #006400; }\r\n.note-ligue1 .legend-item-ligue1.blue span { color: #0044cc; }\r\n.note-ligue1 .legend-item-ligue1.red-dark span { color: #8B0000; }\r\n.note-ligue1 .legend-item-ligue1.red-light2 span { color: #FF6A6A; }\r\n.note-ligue1 .legend-item-ligue1.red-light span { color: #FF6347; }\r\n\r\n\/* Colore dei numeri nella colonna \"#\" per le posizioni dalla 7 alla 15 *\/\r\n.classifica-ligue1 tr:nth-child(n+7):nth-child(-n+15) td:nth-child(1) {\r\n    color: #666 !important;\r\n}\r\n\r\n\/* Modifica per le posizioni dalla 7 alla 15 senza sfondo *\/\r\n.classifica-ligue1 tr:nth-child(n+7):nth-child(-n+15) td:nth-child(1) {\r\n    background-color: transparent !important;\r\n    color: #666 !important;\r\n}\r\n<\/style>\n<hr \/>\n<h2 style=\"text-align: center;\">SHORTCODE 8: CLASSIFICA BUNDESLIGA<\/h2>\n<h3 class=\"title-tool\">Classifica Bundesliga 24\/25<\/h3>\r\n\r\n<div class=\"classifica-bundesliga\">\r\n    <table>\r\n        <thead>\r\n            <tr>\r\n                <th>#<\/th>\r\n                <th>Squadra<\/th>\r\n                <th>PG<\/th>\r\n                <th>V<\/th>\r\n                <th>N<\/th>\r\n                <th>P<\/th>\r\n                <th>R<\/th>\r\n                <th>DR<\/th>\r\n                <th>Punti<\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <!-- I dati saranno inseriti dinamicamente dal file JS -->\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n\r\n<div class=\"note-bundesliga\">\r\n    <div class=\"legend-item-bundesliga\">\r\n        <div class=\"legend-box green-dark\"><\/div>\r\n        <span>Qualificazione Champions League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-bundesliga\">\r\n        <div class=\"legend-box blue\"><\/div>\r\n        <span>Qualificazione Europa League<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-bundesliga\">\r\n        <div class=\"legend-box red-light\"><\/div>\r\n        <span>Qualificazione Conference League<\/span>\r\n    <\/div>\r\n\t<div class=\"legend-item-bundesliga\">\r\n        <div class=\"legend-box red-light2\"><\/div>\r\n        <span>Spareggio salvezza<\/span>\r\n    <\/div>\r\n    <div class=\"legend-item-bundesliga\">\r\n        <div class=\"legend-box red-dark\"><\/div>\r\n        <span>Retrocessione 2.Bundesliga<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/uliberdev.it\/js\/classifica-bundesliga.js\"><\/script>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const tableBody = document.querySelector(\".classifica-bundesliga table tbody\");\r\n\r\n        classificabundesliga.forEach((item, index) => {\r\n            const row = document.createElement(\"tr\");\r\n            row.innerHTML = `\r\n                <td>${index + 1}<\/td>\r\n                <td>${item.squadra}<\/td>\r\n                <td>${item.partite}<\/td>\r\n                <td>${item.vinte}<\/td>\r\n                <td>${item.pareggiate}<\/td>\r\n                <td>${item.perse}<\/td>\r\n                <td>${item.golFatti}<\/td>\r\n                <td>${item.differenzaReti}<\/td>\r\n                <td>${item.punti}<\/td>\r\n            `;\r\n            tableBody.appendChild(row);\r\n        });\r\n    });\r\n<\/script>\r\n\n<style class=\"wpcode-css-snippet\">\/* Centraggio del titolo del tool *\/\r\n.title-tool {\r\n    text-align: center !important;\r\n    margin-bottom: 17px !important;\r\n}\r\n\r\n\/* Allineamento a sinistra per le note *\/\r\n.note-bundesliga {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 12.75px;\r\n    margin-top: 34px; \r\n    width: fit-content;\r\n    margin-left: auto;\r\n    margin-right: 17px;\r\n}\r\n\r\n\/* Selettore per la classifica *\/\r\n.classifica-bundesliga table {\r\n    width: 46.75% !important;\r\n    max-width: 408px !important; \r\n    margin: 0 auto !important;\r\n    border-collapse: collapse !important;\r\n    background: white !important;\r\n    border-radius: 5.95px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 2.55px 5.1px rgba(0, 0, 0, 0.1) !important;\r\n    table-layout: auto;\r\n}\r\n\r\n.classifica-bundesliga th, .classifica-bundesliga td {\r\n    padding: 6.8px !important;\r\n    text-align: center !important;\r\n    border-bottom: 0.85px solid #ddd !important;\r\n    font-size: 11.05px !important;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.classifica-bundesliga th {\r\n    background-color: #0044cc !important;\r\n    color: white !important;\r\n}\r\n\r\n.classifica-bundesliga tr:nth-child(even) {\r\n    background-color: #f9f9f9 !important;\r\n}\r\n\r\n.classifica-bundesliga td:last-child {\r\n    font-weight: bold !important;\r\n}\r\n\r\n\/* Modifica delle posizioni con colori specifici *\/\r\n.classifica-bundesliga td:nth-child(1) {\r\n    font-weight: normal !important;\r\n    color: white !important;\r\n    border-radius: 4.25px !important;\r\n    padding: 4.25px 8.5px !important;\r\n}\r\n\r\n\/* Modifica colore per le posizioni dalla 1 alla 6 *\/\r\n.classifica-bundesliga tr:nth-child(1) td:nth-child(1),\r\n.classifica-bundesliga tr:nth-child(2) td:nth-child(1),\r\n.classifica-bundesliga tr:nth-child(3) td:nth-child(1),\r\n.classifica-bundesliga tr:nth-child(4) td:nth-child(1) {\r\n    background-color: #006400 !important;\r\n}\r\n\r\n.classifica-bundesliga tr:nth-child(5) td:nth-child(1) {\r\n    background-color: #90EE90 !important;\r\n}\r\n\r\n.classifica-bundesliga tr:nth-child(6) td:nth-child(1) {\r\n    background-color: #FF6347 !important;\r\n}\r\n\r\n.classifica-bundesliga tr:nth-child(16) td:nth-child(1) {\r\n    background-color: #FF6A6A !important;\r\n}\r\n\r\n.classifica-bundesliga tr:nth-child(17) td:nth-child(1),\r\n.classifica-bundesliga tr:nth-child(18) td:nth-child(1) {\r\n    background-color: #8B0000 !important;\r\n}\r\n\r\n.classifica-bundesliga td:nth-child(1):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(16)):not(:nth-child(17)):not(:nth-child(18)):not(:nth-child(19)):not(:nth-child(20)) {\r\n    background-color: transparent !important;\r\n    color: #566 !important; \r\n}\r\n\r\n\/* Cerchi colorati nella sezione delle note *\/\r\n.legend-box {\r\n    width: 11.05px; \r\n    height: 11.05px; \r\n    border-radius: 50%;\r\n    display: inline-block;\r\n}\r\n\r\n.legend-box.green-dark { background-color: #006400; }\r\n.legend-box.blue { background-color: #0044cc; }\r\n.legend-box.red-dark { background-color: #8B0000; }\r\n.legend-box.red-light2 { background-color: #FF6A6A; }\r\n.legend-box.red-light { background-color: #FF6347; }\r\n\r\n.legend-item-bundesliga {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4.25px; \r\n    font-size: 10.2px;\r\n    font-weight: bold;\r\n    color: #333;\r\n}\r\n\r\n.note-bundesliga {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 12.75px; \r\n    margin-top: 34px; \r\n    padding-left: 17px; \r\n    margin-left: 0;\r\n}\r\n\r\n.note-bundesliga .legend-item-bundesliga {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.note-bundesliga .legend-item-bundesliga span {\r\n    font-weight: bold !important;\r\n}\r\n\r\n.note-bundesliga .legend-item-bundesliga.green-dark span { color: #006400; }\r\n.note-bundesliga .legend-item-bundesliga.blue span { color: #0044cc; }\r\n.note-bundesliga .legend-item-bundesliga.red-dark span { color: #8B0000; }\r\n.note-bundesliga .legend-item-bundesliga.red-light2 span { color: #FF6A6A; }\r\n.note-bundesliga .legend-item-bundesliga.red-light span { color: #FF6347; }\r\n\r\n\/* Colore dei numeri nella colonna \"#\" per le posizioni dalla 7 alla 15 *\/\r\n.classifica-bundesliga tr:nth-child(n+7):nth-child(-n+15) td:nth-child(1) {\r\n    color: #666 !important;\r\n}\r\n\r\n.classifica-bundesliga tr:nth-child(n+7):nth-child(-n+15) td:nth-child(1) {\r\n    background-color: transparent !important;\r\n    color: #666 !important;\r\n}\r\n<\/style>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u26a1Le classifiche si aggiornano automaticamente. Possibile personalizzare colori e dimensioni. In arrivo le seguenti nuove classifiche: Championship (Inghilterra), Olanda, Portogallo, Belgio. SHORTCODE 1: CLASSIFICA SERIE A SHORTCODE 2: MARCATORI SERIE A SHORTCODE 3: CLASSIFICA SERIE B SHORTCODE 4: MARCATORI SERIE B SHORTCODE 5: CLASSIFICA PREMIER LEAGUE SHORTCODE 6: CLASSIFICA LALIGA SHORTCODE 7: CLASSIFICA LIGUE1 SHORTCODE [&hellip;]<\/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-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/pages\/30","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=30"}],"version-history":[{"count":13,"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":137,"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/137"}],"wp:attachment":[{"href":"http:\/\/uliberdev.it\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}