Ajuda HTML/Javascript

Gabriel Robucce · Novembro 19, 2017

Estou com um blogger. programando em uma ferramenta que só aceita códigos html e javascript!! achei várias soluções mas em outras linguagens aí não funciona nele...

O caso é: Tem um banner flutuante e eu quero que ele só apareça em versão desktop PC! não quero que o banner fique aparecendo em mobile.

Código do banner flutuante:

</style>
<script type="text/javascript" src="https://sites.google.com/site/testandojackson/publicidade.js"></script><div id="feed" style="visibility: hidden; background-color: #ffffff; width: 400px;height: 400px;border: 0px solid #0C527C; position: fixed; bottom: 40px; right: 40px; z-index:1000000"><div id="topo-title" align="center" style="width: 100%; height:40px; background-color: #E3C07F"><span id="pub" style="font-size:40px; color:#ffffff;font-weight: bold;"><a href="javascript:closebar(feed);"><img src="http://ap.imagensbrasil.org/images/2017/11/01/fechar.jpg" widht=80x height=62px; align="center" border="0" title="Fechar" /></a></span></div>
<img src="http://ap.imagensbrasil.org/images/2017/11/01/88.jpg" alt="banner147a22760e35c379.jpg";/>
</div></div>

Michael Douglas · Fevereiro 15, 2018

Pesquise sobre CSS responsivo e use o display: none; no css quando estiver em dispositivo móvel

alexandre henrique · Fevereiro 19, 2018

Tenta assim:

<!-- // na tag body você chama a função meuBanner() -->
<body onload="meuBanner('banner');">

  
<!-- // a funçao abaixo identifica o tamanho da tela e oculta o banner -->
<script>
function meuBanner(){
    var janela = window.innerWidth;
    //alert(janela);
        
    if(janela > 800){
        document.getElementById("banner").style.display = "none";
    }    
}
</script>

<!-- // coloca na sua tag do banner o " id="banner" " e o " style="display:block" " --> 
<img src="http://ap.imagensbrasil.org/images/2017/11/01/88.jpg" id="banner" style="display:block" alt="banner147a22760e35c379.jpg";/>

Entrar

Ajuda HTML/Javascript

Pergunta

Gabriel Robucce

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Michael Douglas

Link para o comentário

Compartilhar em outros sites

alexandre henrique

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades