Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>é pelo blogger da uma olhada.. essa caixa só aceita html/ JavaScript no gadget. aonde coloco esse css?
coloquei o código no css mas não resolveu
Testou pelo celular?
Me manda o link do blogger
var userAgent = navigator.userAgent.toLowerCase();
if(!userAgent.search(/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i)!= -1 ){
/*Coloque seu conteúdo aqui ele só vai funcionar se for desktop*/
}else{
/*Coloque seu conteúdo aqui ele só vai funcionar se for mobile*/
}www.robucceroupas.com estou testando sempre no cel quando altero o código mas o banner continua aparecendo
Adicione isso logo acima do seu código:
<style type="text/css">
@media screen and (min-width: 600px) {
#feed {
display:none;
}
}
</style>>
13 horas atrás, Aphrodi disse:
Tentei.. entre todas as tags do código e quando some para de aparecer no PC e no celular junto... pqp
<style type="text/css">
@media screen and (min-width: 600px) {
#feed {
display:none;
}
}
</style>
@media screen and (max-width: 600px) {