Sobre este projeto
it-programming / wordpress-1
Aberto
Contexto Geral do Projeto
Plugin para wordpress, popup personalizado. HTML de referência: <style> body { position: relative !important; z-index: 0 !important; } .popup-overlay { position: fixed !important; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); z-index: 2147483646 !important; display: none; } .popup-box { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); background: #fff; border-radius: 12px; padding: 40px; width: 90%; max-width: 600px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); text-align: center; z-index: 2147483647 !important; display: none; } .popup-box h2 { font-size: 28px; color: red; margin-bottom: 15px; } .popup-box p { font-size: 18px; color: #333; margin-bottom: 25px; } .popup-box a.popup-button { display: inline-block; padding: 12px 28px; background: #0a6ae5; color: #fff; font-size: 16px; font-weight: bold; border-radius: 6px; text-decoration: none; transition: background 0.3s ease; } .popup-box a.popup-button:hover { background: #084cb2; } .popup-timer { position: absolute; top: 20px; right: 20px; background: #fff; border: 2px solid #ccc; border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #000; font-size: 14px; } </style> <div class="popup-overlay" id="popup-overlay"></div> <div class="popup-box" id="popup-box"> <div class="popup-timer" id="popup-timer">20</div> <h2>aviso importante!</h2> <p>estamos com problemas no nosso whatsapp principal. Trocamos de número temporariamente para te atender. Clique no botão abaixo para entrar em contato conosco.</P> <a class="popup-button" href="https://wa.me/5524981530094" target="_blank">preciso de suporte</a> </div> <script> settimeout(function () { const overlay = document.getElementById("popup-overlay"); const popup = document.getElementById("popup-box"); const timerEl = document.getElementById("popup-timer"); let count = 20; overlay.style.display = "block"; popup.style.display = "block"; const interval = setInterval(() => { timerEl.textContent = count; if (count <= 0) { clearInterval(interval); overlay.style.display = "none"; popup.style.display = "none"; } count--; }, 1000); }, 100); </script>
Categoria TI e Programação
Subcategoria Wordpress
Qual é o alcance do projeto? Instalação de plugin
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho uma ideia geral
Disponibilidade requerida Conforme necessário
Funções necessárias Outro
Outras funções necessárias programador
Prazo de Entrega: Não estabelecido
Habilidades necessárias