martedì, Febbraio 11, 2025

Ultimo:

Contratto metalmeccanici, i sindacati: “Nessun passo avanti, confermato lo sciopero a febbraio”
“Non voterei per Giorgia Meloni nemmeno se mi tagliassero una mano”: le parole di Elodie a Sanremo 2025
Yildiz-Modric, dallo scambio di maglia all’elogio: “Ha uno stile differente”
Trabzonspor-Juve Primavera: diretta tv, formazioni, dove vederla in streaming
Domani torna lo State of Play PlayStation: finalmente qualche nuovo gioco PS5?

La piattaforma multi servizi dedicata alla informazione, intrattenimento e al tempo libero

Cucina News ultima ora

Trovato il metodo per far lievitare la pizza anche senza lievito

22 Marzo 2022 Impiccichè Maurizio

Scarica articolo/Blog

Stampa articolo/Blog

I risultati di uno studio pubblicato sulla rivista Physics of Fluids, condotto dagli scienziati dell’Università di Napoli Federico II

Sorgente: Trovato il metodo per far lievitare la pizza anche senza lievito

Lascia un commento Annulla risposta

Devi essere connesso per inviare un commento.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Popup di Aiuto</title>
    <style>
        /* Stili base del popup */
        #popup {
            width: 600px;
            max-width: 90%;
            height: 500px;
            max-height: 90%;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            border: 1px solid #ccc;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            display: none;
            z-index: 1000;
            overflow: auto;
        }

        /* Ombreggiatura in basso a destra */
        #popup::after {
            content: '';
            position: absolute;
            bottom: -10px;
            right: -10px;
            width: 20px;
            height: 20px;
            background: rgba(0, 0, 0, 0.1);
            filter: blur(5px);
        }

        /* Titolo lampeggiante */
        #popup h2 {
            margin-top: 20px;
            text-align: center;
            font-weight: bold;
            color: blue;
            font-size: 18px;
            animation: blink 1s infinite;
        }

        /* Sfondo del titolo */
        #popup .content {
            padding: 20px;
            background-image: url('https://www.trendynet.it/wp-content/uploads/2025/01/logo-trasparente-per-penna-e-sito.png');
            background-size: 150px;
            background-repeat: no-repeat;
            background-position: center top 120px;
            position: relative;
        }

        /* Stili dell'elenco a cascata */
        #popup select {
            display: block;
            margin: 120px auto 5px auto;
            padding: 10px;
            width: 80%;
            max-width: 300px;
            font-size: 16px;
        }

        /* Stili dei pulsanti */
        #openPage, #closePopup {
            display: block;
            margin: 10px auto;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }

        /* Effetto lampeggiante */
        @keyframes blink {
            50% {
                opacity: 0;
            }
        }
    </style>
</head>
<body>

<div id="popup">
    <div class="content">
        <h2>POSSO AIUTARTI A SCEGLIERE L’ARGOMENTO CHE CERCHI?<br>SELEZIONA LA PAGINA DESIDERATA.</h2>
        <select id="category" onchange="populatePages(this)">
            <option value="">Seleziona una categoria</option>
            <option value="attivita">1 – ATTIVITA’</option>
            <option value="intrattenimento">2 – INTRATTENIMENTO</option>
            <option value="shopping">3 – SHOPPING ONLINE</option>
            <option value="viaggi">4 – VIAGGI</option>
        </select>
        <select id="pages" style="display: none;">
            <!-- Pagine verranno popolate dinamicamente -->
        </select>
        <button id="openPage" style="display: none;" onclick="openSelectedPage()">Vai</button>
        <button id="closePopup" onclick="closePopup()">Chiudi</button>
    </div>
</div>

<script>
    const pages = {
        attivita: [
            { name: 'NEWS ULTIMORA', url: 'https://www.trendynet.it/articoli-news-ultimora-e-informazioni/' },
            { name: 'METEO INTERATTIVO', url: 'https://www.trendynet.it/il-meteo-flash-interattivo/' },
            { name: 'LIVE WEBCAM', url: 'https://www.trendynet.it/trendynet/' },
            { name: 'NECROLOGI E TRIGESIMI', url: 'https://www.trendynet.it/necrologi-trigesimi/' },
            { name: 'CALCOLO TEMPO E DIFFERENZA FRA DATE', url: 'https://www.trendynet.it/calcolo-tempo-e-differenza-tra-date/' },
            { name: 'CONVERTI CRIPTOVALUTE', url: 'https://coinmarketcap.com/it/converter/' },
            { name: 'GENERA QR E LABEL', url: 'https://qrcode.tec-it.com/it' }
        ],
        intrattenimento: [
            { name: 'DISEGNI DA COLORARE E GIOCHI PER BAMBINI', url: 'https://www.trendynet.it/disegni-da-colorare-gratis-per-bambini/' },
            { name: 'ENIGMISTICA', url: 'https://www.trendynet.it/attivita/enigmistica/' },
            { name: 'GIOCHI FREE', url: 'https://www.trendynet.it/giochi-su-trendynet/' },
            { name: 'MUSICA', url: 'https://www.trendynet.it/seleziona_musica/' }
        ],
        shopping: [
            { name: 'SHOP ONLINE', url: 'https://www.trendynet.it/shop-online/' }
        ],
        viaggi: [
            { name: 'BIGLIETTI AEREI', url: 'https://www.trendynet.it/attivita/biglietti-aerei/' },
            { name: 'BIGLIETTI NAVI', url: 'https://www.trendynet.it/attivita/biglietti-navi/' },
            { name: 'BIGLIETTI PULLMAN', url: 'https://www.trendynet.it/biglietti-pullman/' },
            { name: 'BIGLIETTI TRENI', url: 'https://www.trendynet.it/attivita/biglietti-treni/' },
            { name: 'CROCIERE', url: 'https://www.trendynet.it/attivita/crociere/' },
            { name: 'GUIDE TURISTICHE PALERMO', url: 'https://www.guidepalermo.it/' },
            { name: 'PRENOTA HOTEL E B&B', url: 'https://www.trendynet.it/attivita/prenota-hotel/' }
        ]
    };

    function showPopup() {
        document.getElementById('popup').style.display = 'block';
    }

    function closePopup() {
        document.getElementById('popup').style.display = 'none';
    }

    function populatePages(select) {
        const category = select.value;
        const pagesSelect = document.getElementById('pages');
        const openPageButton = document.getElementById('openPage');

        if (category) {
            pagesSelect.innerHTML = `<option value="">Seleziona una pagina</option>`;
            pages[category].forEach(page => {
                pagesSelect.innerHTML += `<option value="${page.url}">${page.name}</option>`;
            });
            pagesSelect.style.display = 'block';
            openPageButton.style.display = 'block';

            // Se la categoria "SHOPPING ONLINE" ha un solo link, reindirizza direttamente
            if (category === 'shopping' && pages[category].length === 1) {
                window.open(pages[category][0].url, '_blank');
                closePopup();
            }
        } else {
            pagesSelect.style.display = 'none';
            openPageButton.style.display = 'none';
        }
    }

    function openSelectedPage() {
        const pagesSelect = document.getElementById('pages');
        const selectedPageUrl = pagesSelect.value;
        if (selectedPageUrl) {
            window.open(selectedPageUrl, '_blank');
            closePopup();
        }
    }

    // Mostra il popup all'apertura del sito
    window.onload = showPopup;

    // Mostra il popup ogni 10 minuti
    setInterval(showPopup, 10 * 60 * 1000);
</script>

</body>
</html>

Potrebbe anche interessarti

Lascia un commento Annulla risposta