INICIO
DESTAQUES
NOTICIAS
TEMPO
ECONOMIA
POLITICA
ESPORTES
VIAGEM

CONTATO

ENTRE EM CONTATO CONOSCO ATRAVES DO EMAIL: noticiasemfocors@gmail.com

OU PODE ENCONTRAR INFORMAÇOES DIRETAMENTE NO SITE:NOTICIAS EM FOCO

/* Container do banner */ .inline-banner { width: 768px; max-width: 100%; height: 250px; margin: 20px auto; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,.2); background: #f9f9f9; position: relative; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial; } /* Cabeçalho com publicidade à esquerda e botão fechar à direita */ .banner-header { position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: space-between; /* separa os dois lados */ align-items: center; background: rgba(0,0,0,0.7); color: #fff; font-size: 12px; padding: 4px 8px; z-index: 2; box-sizing: border-box; } .ad-label { font-size: 11px; color: #fff; margin-right: auto; /* fica à esquerda */ } .closeBanner { margin-left: auto; /* empurra para a direita */ background: #ef4444; border: none; color: #fff; border-radius: 4px; cursor: pointer; padding: 2px 6px; font-size: 12px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } /* melhora foco do botão para acessibilidade */ .closeBanner:focus { outline: 3px solid rgba(255,255,255,0.35); outline-offset: 2px; } /* Responsividade (tamanhos clássicos) */ @media (max-width: 1024px) { .inline-banner { width: 728px; height: 200px; } } @media (max-width: 768px) { .inline-banner { width: 468px; height: 180px; } } @media (max-width: 480px) { .inline-banner { width: 320px; height: 100px; } } /* Garante que o iframe ocupe a área inteira (incluindo quando o header é sobreposto) */ .inline-banner iframe { width: 100%; height: 100%; border: 0; display: block; } /* Script simples para funcionar no Blogger: - utiliza delegated click listener (funciona mesmo se o HTML for injetado depois) - esconde o banner sem removê-lo do DOM (compatível com trackers que só observam display) */ (function() { // Delegated event: fecha qualquer banner que contenha o botão .closeBanner document.addEventListener('click', function(evt) { var target = evt.target; // Se o usuário clicar em um elemento interno do botão (por ex. um <span>), usamos closest: var btn = target.closest ? target.closest('.closeBanner') : null; if (btn) { var banner = btn.closest ? btn.closest('.inline-banner') : null; if (banner) { // opcional: animação de fade antes de esconder banner.style.transition = 'opacity 220ms ease, height 220ms ease, margin 220ms ease'; banner.style.opacity = '0'; banner.style.height = '0'; banner.style.margin = '0'; // depois de 250ms, definimos display none para evitar espaços remanescentes setTimeout(function(){ banner.style.display = 'none'; }, 260); } } }, false); })();

ULTIMAS NOTICIAS

Carregando...

ULTIMAS POSTAGENS

Fechar em 5s

SOBRE NOS

NOTICIAS EM FOCO

DESENVOLVIDO - NOTICIAS EM FOCO

INICIO
SOBRE-NOS
POLITICA DE PRIVACIDADE
CONTATO